You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
/***** GENERAL LAYOUT *****/ body { left: 0px; right: 0px; top: 0px; bottom: 0px; font-family:Tahoma,Arial,Verdana; font-size: 11px; color:#333; }
#sidebar { top: 0px; bottom: 0px; left: 0px; width: 250px; padding-left:10px; padding-right:10px; position: absolute; } #map { position: absolute; left: 270px; border-left: 1px solid #999; top: 0; bottom: 0; right: 0; } #mapShadow { position: absolute; left: 271px; top: 0; bottom: 0; width: 5px; z-index: 10000; background-image: url(img/shadow_left.png); background-repeat: repeat-y; }
#sidebar { display: flex; flex-direction: column; } #sidebar > #header { padding-top: 27px; height:110px; font-size:18px; color:#333; line-height:130%; margin-top:5px; position: relative; flex-grow: 0; flex-shrink: 0; } #sidebar > #header > img { float: left; margin-top: -17px; padding-right: 10px; } #sidebar > #header > .large { font-size: 28px; display: block; } #sidebar > #header > .version { text-align: right; padding-right: 24px; float: right; font-size: 16px; }
#sidebar > #content { flex: 1; flex-shrink: 0; overflow: auto; }
#sidebar > #footer { flex: 0; }
/***** CATEGORY *****/ /* root category */ #content > .category > .content > .categoryWrapper > .category { margin-left: 0; } #content .category { position: relative; } #content .category > .loadingIndicator { position: absolute; right: 0; top: 0; font-size: 15px; display: none; } #content .category.loading > .loadingIndicator { padding-top: 2px; display: block; } #content .category header { padding-top: 3px; border-bottom: 1px dotted #999; user-select: none; font-size: 15px; } #content .category header > a { text-decoration: none; color: black; } #content .category header > a:active, #content .category header > a:hover { text-decoration: underline; } #content .category > .content, #content .category > .status { display: none; } #content .category.open > .content, #content .category.open > .status { display: block; } #content .category > .status, #content .category > .content > ul.overpass-layer-list { padding-top: 3px; background: #efefef; }
#content .category > div > div> .category { margin-left: 1em; } ul.overpass-layer-list { margin-top: 0; margin-bottom: 0; } ul.overpass-layer-list > li { position: relative; list-style: none; min-height: 30px; } ul.overpass-layer-list > li > .markerParent { position: absolute; margin-left: -35px; width: 30px; height: 30px; text-align: center; display: block; color: black; text-decoration: none; } ul.overpass-layer-list > li > .markerParent > .marker { } ul.overpass-layer-list > li > .markerParent > .icon { text-align: center; position: absolute; top: 5; left: 0; right: 0; z-index: 1; display: inline-block; } ul.overpass-layer-list > li > a.title { display: inline-block; color: black; text-decoration: none; } ul.overpass-layer-list > li > a.title:hover, ul.overpass-layer-list > li > a.title:active { text-decoration: underline; } ul.overpass-layer-list > li > div.description { font-style: italic; color: #707070; float: right; text-align: right; } ul.overpass-layer-list > li:after { content: ''; display: table; clear: both; } .leaflet-popup-content { max-height: 250px; overflow: auto; } .leaflet-popup-content pre { font-size: 8px; } .overpass-layer-icon div { position: relative; top: -37px; font-size: 12px; width: 25px; text-align: center; } #content a.showDetails { display: none; } a.showDetails { display: block; }
|