From 94990194cdec4f4f9348d2323a80004e6fc82f25 Mon Sep 17 00:00:00 2001 From: Christopher Baines Date: Sun, 7 Sep 2014 18:00:23 +0100 Subject: Initial commit --- style.css | 172 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 172 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..71cf824 --- /dev/null +++ b/style.css @@ -0,0 +1,172 @@ +html, body, #container { + height: 100%; + width: 100%; + overflow: hidden; +} + +body { + padding-top: 50px; +} + +input[type="radio"], input[type="checkbox"] { + margin: 0; +} + +#buildingsSidebar, #sitesSidebar, #busRoutesSidebar { + width: 250px; + height: 100%; + max-width: 100%; + float: left; + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; +} + +#map { + width: auto; + height: 100%; + box-shadow: 0 0 10px rgba(0,0,0,0.5); +} + +.sidebar-wrapper { + width: 100%; + height: 100%; + position: relative; +} + +.sidebar-table { + position: absolute; + width: 100%; + top: 100px; + bottom: 0px; + overflow: auto; +} + +.table { + margin-bottom: 0px; +} + +.navbar-inverse .navbar-brand { + font-weight: bold; + font-size: 25px; + color: white; +} + +.navbar-nav > li > a { + color: white; +} + +.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + background-color: #004462; + color: #fff; +} + +.navbar-inverse .navbar-nav > li > a { + color: #fff; +} + +.navbar-inverse { + background-color: #005c84; +} + +.navbar-collapse.in { + overflow-y: hidden; +} + +.navbar-header .navbar-icon-container { + margin-right: 15px; +} + +.navbar-header .navbar-icon { + line-height: 50px; + height: 50px; +} + +.navbar-header a.navbar-icon { + margin-left: 25px; +} + +.navbar-header .navbar-toggle .icon-bar { + background-color: #ffffff; +} + +.typeahead { + background-color: #FFFFFF; +} + +.tt-dropdown-menu { + background-color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px 4px 4px 4px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + margin-top: 4px; + padding: 4px 0; + width: 100%; + max-height: 300px; + overflow: auto; +} + +.tt-suggestion { + font-size: 14px; + line-height: 20px; + padding: 3px 10px; +} + +.tt-suggestion.tt-cursor { + background-color: #0097CF; + color: #FFFFFF; + cursor: pointer; +} + +.tt-suggestion p { + margin: 0; +} + +.tt-suggestion + .tt-suggestion { + border-top: 1px solid #ccc; +} + +.typeahead-header { + margin: 0 5px 5px 5px; + padding: 3px 0; + border-bottom: 2px solid #333; +} + +.has-feedback .form-control-feedback { + position: absolute; + top: 0; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} + +@media (max-width: 992px) { + .navbar .navbar-brand { + font-size: 18px; + } +} + +@media (max-width: 767px){ + .url-break { + word-break: break-all; + word-break: break-word; + -webkit-hyphens: auto; + hyphens: auto; + } + #sidebar { + display: none; + } +} + +/* Print Handling */ +@media print { + .navbar { + display: none !important; + } + .leaflet-control-container { + display: none !important; + } +} -- cgit v1.2.3