@font-face { font-family: 'Inconsolata'; src: url("/static/Inconsolata.otf"); } * { margin: 0; padding: 0; } html, body { font-family: 'Source Sans Pro'; background: #F5F5F5; overflow: hidden; } #header { background: #FFF; height: 48px; line-height: 48px; /*box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);*/ /*z-index: 1;*/ position: absolute; top: 0; left: 0; right: 0; } h1 { font-family: 'Inconsolata'; font-size: 32px; float: left; padding: 0 40px; font-weight: 100; color: #333; } small { font-size: 16px; } .grey { color: #999; /*font-size: 16px;*/ /*vertical-align: middle;*/ } ul { list-style-type: none; height: 100%; } li { float: left; height: 100%; } #header a { color: #777; padding: 0 20px; font-family: 'Source Sans Pro'; font-size: 14px; text-decoration: none; height: 100%; display: block; } #header a:hover { background: #EEE; } /*#map-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }*/ #general-info { position: absolute; bottom: 0; left: 0; font-size: 10px; padding: 5px; line-height: 150%; z-index: 999; } #sidebar { padding: 20px 20px; background: rgba(220, 220, 220, 0.8); position: absolute; top: 0; right: 0; /*bottom: 0;*/ min-width: 200px; z-index: 999; /*overflow-y: auto;*/ /*overflow: hidden;*/ font-size: 12px; } #search-wrapper { width: 100%; margin-bottom: 20px; /*position: absolute;*/ /*top: 0;*/ /*right: 10px;*/ /*z-index: 5;*/ } #search-box { width: 100%; padding: 5px; outline: none; border: none; /*border: 1px solid #CCC;*/ margin: -5px; font-size: inherit; } a { color: #333; text-decoration: none; } a:hover { color: #AAA; } h2 { text-align: center; margin-bottom: 5px; color: #29BBFF; } #node-info { /*position: absolute;*/ /*overflow-y: scroll;*/ /*background: rgba(220, 220, 220, 0.8);*/ } #node-info table { width: 100%; } #node-info td + td { text-align: right; } #node-info strong { color: #29BBFF; letter-spacing: 1px; } .tt { font-family: 'Source Code Pro', Consolas, monospace; font-size: 10px; } .autocomplete-suggestions { font-family: 'Source Code Pro', Consolas, monospace; font-size: 12px; border: 1px solid #FFF; background: #FFF; overflow: auto; color: #555; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #7FD6FF; } .autocomplete-suggestions strong { color: #000000; } #content-wrapper { position: absolute; top: 48px; left: 0; right: 0; bottom: 0; } #map { position: absolute; width:100%; height:100%; }