Mercurial > hg > events2kml
view WebContent/mmpa/css/geotemco.css @ 5:2715bff4628d JS-viewer
Files for JS-viewer (GeoTemCo)
author | Sebastian Kruse <skruse@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 22 Jan 2013 15:07:06 +0100 |
parents | |
children |
line wrap: on
line source
div.simileAjax-bubble-container { margin: 0px; padding: 0px; border: none; position: absolute; z-index: 1000; } div.simileAjax-bubble-innerContainer { margin: 0px; padding: 0px; border: none; position: relative; width: 100%; height: 100%; overflow: visible; } div.simileAjax-bubble-contentContainer { margin: 0px; padding: 0px; border: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background: white; } div.simileAjax-bubble-border-left { position: absolute; left: -50px; top: 0px; width: 50px; height: 100%; } div.simileAjax-bubble-border-left-pngTranslucent { background: url(../images/bubble-left.png) top right repeat-y; } div.simileAjax-bubble-border-right { position: absolute; right: -50px; top: 0px; width: 50px; height: 100%; } .simileAjax-bubble-border-right-pngTranslucent { background: url(../images/bubble-right.png) top left repeat-y; } div.simileAjax-bubble-border-top { position: absolute; top: -50px; left: 0px; width: 100%; height: 50px; } .simileAjax-bubble-border-top-pngTranslucent { background: url(../images/bubble-top.png) bottom left repeat-x; } div.simileAjax-bubble-border-bottom { position: absolute; bottom: -50px; left: 0px; width: 100%; height: 50px; } .simileAjax-bubble-border-bottom-pngTranslucent { background: url(../images/bubble-bottom.png) top left repeat-x; } div.simileAjax-bubble-border-top-left { position: absolute; top: -50px; left: -50px; width: 50px; height: 50px; } .simileAjax-bubble-border-top-left-pngTranslucent { background: url(../images/bubble-top-left.png) bottom right no-repeat; } div.simileAjax-bubble-border-top-right { position: absolute; top: -50px; right: -50px; width: 50px; height: 50px; } .simileAjax-bubble-border-top-right-pngTranslucent { background: url(../images/bubble-top-right.png) bottom left no-repeat; } div.simileAjax-bubble-border-bottom-left { position: absolute; bottom: -50px; left: -50px; width: 50px; height: 50px; } .simileAjax-bubble-border-bottom-left-pngTranslucent { background: url(../images/bubble-bottom-left.png) top right no-repeat; } div.simileAjax-bubble-border-bottom-right { position: absolute; bottom: -50px; right: -50px; width: 50px; height: 50px; } .simileAjax-bubble-border-bottom-right-pngTranslucent { background: url(../images/bubble-bottom-right.png) top left no-repeat; } div.simileAjax-bubble-arrow-point-left { position: absolute; left: -100px; width: 100px; height: 49px; } .simileAjax-bubble-arrow-point-left-pngTranslucent { background: url(../images/bubble-arrow-point-left.png) center right no-repeat; } div.simileAjax-bubble-arrow-point-right { position: absolute; right: -100px; width: 100px; height: 49px; } .simileAjax-bubble-arrow-point-right-pngTranslucent { background: url(../images/bubble-arrow-point-right.png) center left no-repeat; } div.simileAjax-bubble-arrow-point-up { position: absolute; top: -100px; width: 49px; height: 100px; } .simileAjax-bubble-arrow-point-up-pngTranslucent { background: url(../images/bubble-arrow-point-up.png) bottom center no-repeat; } div.simileAjax-bubble-arrow-point-down { position: absolute; bottom: -100px; width: 49px; height: 100px; } .simileAjax-bubble-arrow-point-down-pngTranslucent { background: url(../images/bubble-arrow-point-down.png) bottom center no-repeat; } div.simileAjax-bubble-close { position: absolute; right: -10px; top: -12px; width: 16px; height: 16px; cursor: pointer; } .simileAjax-bubble-close-pngTranslucent { background: url(../images/close-button.png) no-repeat; } .timeline-container { position: relative; overflow: hidden; } .timeline-copyright { position: absolute; bottom: 0px; left: 0px; z-index: 1000; cursor: pointer; } .timeline-message-container { position: absolute; top: 30%; left: 35%; right: 35%; z-index: 1000; display: none; } .timeline-message { font-size: 120%; font-weight: bold; text-align: center; } .timeline-message img { vertical-align: middle; } .timeline-band { position: absolute; background: #eee; z-index: 10; } .timeline-band-inner { position: relative; width: 100%; height: 100%; } .timeline-band-input { position: absolute; width: 1em; height: 1em; overflow: hidden; z-index: 0; } .timeline-band-input input{ width: 0; } .timeline-band-layer { position: absolute; width: 100%; height: 100%; } .timeline-band-layer-inner { position: relative; width: 100%; height: 100%; } /*------------------- Horizontal / Vertical lines ----------------*/ /* style for ethers */ .timeline-ether-lines{border-color:#666; border-style:dotted; position:absolute;} .timeline-horizontal .timeline-ether-lines{border-width:0 0 0 1px; height:100%; top: 0; width: 1px;} .timeline-vertical .timeline-ether-lines{border-width:1px 0 0; height:1px; left: 0; width: 100%;} /*---------------- Weekends ---------------------------*/ .timeline-ether-weekends{ position:absolute; background-color:#FFFFE0; } .timeline-vertical .timeline-ether-weekends{left:0;width:100%;} .timeline-horizontal .timeline-ether-weekends{top:0; height:100%;} /*-------------------------- HIGHLIGHT DECORATORS -------------------*/ /* Used for decorators, not used for Timeline Highlight */ .timeline-highlight-decorator, .timeline-highlight-point-decorator{ position:absolute; overflow:hidden; } /* Width of horizontal decorators and Height of vertical decorators is set in the decorator function params */ .timeline-horizontal .timeline-highlight-point-decorator, .timeline-horizontal .timeline-highlight-decorator{ top:0; height:100%; } .timeline-vertical .timeline-highlight-point-decorator, .timeline-vertical .timeline-highlight-decorator{ width:100%; left:0; } .timeline-highlight-decorator{background-color:#FFC080;} .timeline-highlight-point-decorator{background-color:#ff5;} /*---------------------------- LABELS -------------------------*/ .timeline-highlight-label { position:absolute; overflow:hidden; font-size:200%; font-weight:bold; color:#999; } /*---------------- VERTICAL LABEL -------------------*/ .timeline-horizontal .timeline-highlight-label {top:0; height:100%;} .timeline-horizontal .timeline-highlight-label td {vertical-align:middle;} .timeline-horizontal .timeline-highlight-label-start {text-align:right;} .timeline-horizontal .timeline-highlight-label-end {text-align:left;} /*---------------- HORIZONTAL LABEL -------------------*/ .timeline-vertical .timeline-highlight-label {left:0;width:100%;} .timeline-vertical .timeline-highlight-label td {vertical-align:top;} .timeline-vertical .timeline-highlight-label-start {text-align:center;} .timeline-vertical .timeline-highlight-label-end {text-align:center;} /*-------------------------------- DATE LABELS --------------------------------*/ .timeline-date-label { position: absolute; border: solid #aaa; color: #aaa; width: 5em; height: 1.5em;} .timeline-date-label-em {color: #000;} /* horizontal */ .timeline-horizontal .timeline-date-label{padding-left:2px;} .timeline-horizontal .timeline-date-label{border-width:0 0 0 1px;} .timeline-horizontal .timeline-date-label-em{height:2em} /* vertical */ .timeline-vertical .timeline-date-label{padding-top:2px;} .timeline-vertical .timeline-date-label{border-width:1px 0 0;} .timeline-vertical .timeline-date-label-em{width:7em} /*------------------------------- Ether.highlight -------------------------*/ .timeline-ether-highlight{position:absolute; background-color:#fff;} .timeline-horizontal .timeline-ether-highlight{top:2px;} .timeline-vertical .timeline-ether-highlight{left:2px;} /*------------------------------ EVENTS ------------------------------------*/ .timeline-event-icon, .timeline-event-label,.timeline-event-tape{ position:absolute; cursor:pointer; } .timeline-event-tape, .timeline-small-event-tape, .timeline-small-event-icon{ background-color:#58A0DC; overflow:hidden; } .timeline-small-event-tape, .timeline-small-event-icon{ position:absolute; } .timeline-small-event-icon{width:1px; height:6px;} /*--------------------------------- TIMELINE-------------------------*/ .timeline-ether-bg{width:100%; height:100%;} .timeline-band-0 .timeline-ether-bg{background-color:#eee} .timeline-band-1 .timeline-ether-bg{background-color:#ddd} .timeline-band-2 .timeline-ether-bg{background-color:#ccc} .timeline-band-3 .timeline-ether-bg{background-color:#aaa} .timeline-duration-event { position: absolute; overflow: hidden; border: 1px solid blue; } .timeline-instant-event2 { position: absolute; overflow: hidden; border-left: 1px solid blue; padding-left: 2px; } .timeline-instant-event { position: absolute; overflow: hidden; } .timeline-event-bubble-title { font-weight: bold; border-bottom: 1px solid #888; margin-bottom: 0.5em; } .timeline-event-bubble-body { } .timeline-event-bubble-wiki { margin: 0.5em; text-align: right; color: #A0A040; } .timeline-event-bubble-wiki a { color: #A0A040; } .timeline-event-bubble-time { color: #aaa; } .timeline-event-bubble-image { float: right; padding-left: 5px; padding-bottom: 5px; } .timeplot-container { overflow: hidden; position: relative; height: 200px; border: 1px solid #ccc; padding: 12px 14px; } .timeplot-copyright { position: absolute; top: 0px; left: 0px; z-index: 1000; cursor: pointer; } .timeplot-message-container { position: absolute; top: 30%; left: 35%; right: 35%; max-width: 400px; z-index: 1000; display: none; } .timeplot-message { font-size: 120%; font-weight: bold; text-align: center; } .timeplot-message img { vertical-align: middle; } .timeplot-div { position: absolute; } .timeplot-grid-label { font-size: 9px; } .timeplot-event-box { cursor: pointer; } .timeplot-event-box-highlight { border: 1px solid #FFB03B; } .timeplot-valueflag { display: none; border: 1px solid #FFB02D; padding: 2px 4px; text-align: center; background-color: #FFE57F; font-weight: bold; z-index: 1000; } .timeplot-valueflag-line { display: none; width: 14px; height: 14px; z-index: 1000; } .timeplot-timeflag { display: none; border: 1px solid #FFB02D; padding: 2px 4px; text-align: center; background-color: #FFE57F; font-weight: bold; z-index: 1000; } .timeplot-timeflag-triangle { display: none; width: 11px; height: 6px; z-index: 1001; } .timeplot-valueflag-pole { display: none; border-left: 1px solid #FFB02D; z-index: 999; } .timeplot-lens { display: none; border: 1px solid #FFB02D; z-index: 998; } /* settings for slider object */ .dynamic-slider-control { width: 20px; position: relative; margin: auto; } .vertical { height: 80px; } .horizontal { width: 60px; } .dynamic-slider-control input { display: none; } .dynamic-slider-control .handle { position: absolute; font-size: 1px; overflow: hidden; } .dynamic-slider-control.vertical .handle { width: 20px; height: 30px; background-image: url("../images/sliderDot.png"); } .dynamic-slider-control.horizontal .handle { width: 30px; height: 20px; background-image: url("../images/sliderDot-horizontal.png"); } .dynamic-slider-control .line { position: absolute; font-size: 0.01mm; overflow: hidden; border: 1px solid rgb(90,97,90); background: rgb(189,190,189); } .dynamic-slider-control.vertical .line { width: 3px; } .dynamic-slider-control .line div { width: 1px; height: 1px; border: 1px solid; border-color: rgb(230,230,230) rgb(189,190,189) rgb(189,190,189) rgb(230,230,230); } /* settings for timeplot widget (some are overwritten timeplot css classes) */ #plotWindow { position: relative; border-bottom: 1px solid #ADADAD; z-index: 1; width: 100%; } #plotContainer { position: absolute; padding: 0px; border: none; top: 12px; left: 0px; z-index: 1; overflow: hidden; width: 100%; } #timeplotToolbar dt, dl{ padding: 2px 0px; display: block; cursor: pointer; } .plotCanvas { position: absolute; top: 0px; left: 0px; z-index: -2; } .timeplot-background { display: none; z-index: -2; } .timeplot-container { position: absolute; left: 16px; padding: 0px; border: none; z-index: 1; top: 0px; overflow: visible; } .timeplot-copyright { visibility: hidden; } .timeplot-timeflag { font-size: 0.8em; font-weight: normal; } .timeplot-valueflag { font-size: 0.8em; } .timeplot-dayflag-pole { display: none; z-index: 999; } .timeplot-dayflag { display: none; border: 1px solid #FF0000; padding: 1px; text-align: center; background-color: #FFCCCC; z-index: 1000; } .range-box { display: none; background-repeat: repeat; opacity: 0.6; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; z-index: -1; } .popup-click-div { display: none; z-index: 1010; cursor: pointer; } .left-feather { display: none; z-index: -1; } .right-feather { display: none; z-index: -1; } .plotHandle { position: absolute; visibility: hidden; cursor: pointer; z-index: 1002; } .plotHandleLabel { padding: 2px 5px; font-size: 0.8em; } .plotHandleIcon { height: 43px; width: 14px; } .plotToolbar { position: absolute; visibility: hidden; z-index: 1; } .featherSlider { position: absolute; top: 9px; right: 64px; } .timeOverview { position: absolute; top: 0px; height: 12px; z-index: 0; visibility: hidden; opacity: 0.5; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; overflow: hidden; border-bottom: 1px solid rgb(100,100,100); } .plotLabels { position: absolute; overflow: hidden; top: 0px; left: 0px; height: 12px; z-index: 0; } .plotLabel { position: absolute; font-size: 9px; height: 10px; padding: 1px 2px; border-left: solid 1px rgb(214,214,214); } .overviewRange { position: absolute; top: 0px; height: 12px; background: white; } .overviewLabel { position: absolute; font-size: 9px; height: 10px; padding: 1px 2px; border-left: solid 1px black; } .shiftLeft { position: absolute; left: 4px; top: 0px; height: 12px; width: 12px; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; background-image: url(../images/shiftLeft.png); visibility: hidden; } .shiftLeft:hover { cursor: pointer; background-image: url(../images/shiftLeftOver.png); } .shiftRight { position: absolute; right: 4px; top: 0px; height: 12px; width: 12px; opacity: 0.8; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background-image: url(../images/shiftRight.png); visibility: hidden; } .shiftRight:hover { cursor: pointer; background-image: url(../images/shiftRightOver.png); } /* settings for map widget */ #mapWindow { position: absolute; overflow: hidden; z-index: 2; width: 100%; background-color: #bbd0ed; } #mapContainer { width: 100%; } .mapCanvas { position: absolute; top: 0px; left: 0px; z-index: -2; } .mapsMenu { position: absolute; z-index: 1000; } .mapsMenu dl { margin: 0px; display: block; } .mapsMenu dt { padding: 2px; display: block; cursor: pointer; } #mapToolbar dt, dl{ padding: 2px 0px; display: block; cursor: pointer; } .mapsMenu dt:hover { background: #C9C9CB; } .selectedMapEntry { color: white; background: #C9C9CB; } .pointClickDiv { position: absolute; visibility: hidden; z-index: 4; } .pointClickDivBackground { width: 100%; height: 100%; z-index: 4; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .mapInfo { position: absolute; bottom: 5px; right: 5px; padding: 3px; } .tagCloudDiv { position: absolute; } .mapToolbar { position: absolute; visibility: hidden; z-index: 1009; opacity: 0.8; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .tagCloudItem { z-index: 1009; cursor: pointer; } .controlLock { position: absolute; width: 100%; height: 100%; z-index: 1008; visibility: hidden; } /* sti toolbar settings */ .toolbarTop { top: 0px; } .toolbarBottom { bottom: 0px; } .toolbarLeft { left: 0px; } .toolbarRight { right: 0px; } .toolbarLeftLight { background-image: url(../images/bg-left.png); background-repeat: repeat-y; border-right: 1px solid white; } .toolbarRightLight { background-image: url(../images/bg-right.png); background-repeat: repeat-y; border-left: 1px solid white; } /* settings for zoom slider */ .sliderStyle { position: relative; width: 20px; height: 100px; border: 1px solid rgb(68,68,68); margin: 3px; } .zoomSliderContainer { position: absolute; top: 10px; left: 0px; } .zoomSliderIn { position: absolute; top: 0px; left: 2px; } .zoomSliderOut { position: absolute; top: 84px; left: 2px; } /* settings for widgets integrated toolbars */ .dragTimeRangeAlt { position: relative; height: 12px; width: 43px; cursor: pointer; } .cancelRangeAlt { position: absolute; height: 16px; width: 16px; background-image: url(../images/cancel.png); cursor: pointer; visibility: hidden; } .widgetHeadline { position: absolute; top: 3px; font-size: 18px; padding: 3px; } /* settings for widgets popup window */ .popupDiv { position: absolute; background-color: white; border: 2px solid #666666; padding: 25px; visibility: hidden; } .back { position: absolute; height: 16px; width: 16px; top: 2px; left: 5px; background-image: url(../images/back.png); background-repeat: no-repeat; cursor: pointer; display: none; } .next { position: absolute; height: 16px; width: 16px; bottom: 5px; right: 5px; background-image: url(../images/next.png); background-repeat: no-repeat; cursor: pointer; } .previous { position: absolute; height: 16px; width: 16px; bottom: 5px; left: 5px; background-image: url(../images/prev.png); background-repeat: no-repeat; cursor: pointer; } .popupTriangleDown { position: absolute; height: 18px; width: 31px; background-image: url(../images/popupTriangleDown.png); background-repeat: no-repeat; z-index: 1000; } .popupTriangleUp { position: absolute; height: 18px; width: 31px; background-image: url(../images/popupTriangleUp.png); background-repeat: no-repeat; z-index: 1000; } .popupTriangleLeft { position: absolute; height: 31px; width: 18px; background-image: url(../images/popupTriangleLeft.png); background-repeat: no-repeat; z-index: 1000; } .popupTriangleRight { position: absolute; height: 31px; width: 18px; background-image: url(../images/popupTriangleRight.png); background-repeat: no-repeat; z-index: 1000; } .popupResultsLabel { position: absolute; bottom: 5px; font-size: 60%; color:#999999; } .popupDescription { font-size: 60%; } .popupDiv ul { list-style-type: none; margin:0; padding:0; } .popupDiv ol li:hover { text-decoration:underline; } .popupDiv li { padding: 5px; cursor: pointer; } .popupContent { font-size: 60%; font-weight: bold; } .animation { position: absolute; width: 18px; height: 18px; cursor: pointer; visibility: hidden; } .osmLink { position: absolute; right: 5px; bottom: 5px; font-size: 11px; color: blue; visibility: hidden; z-index: 1100; } .osmLink a { color: blue; } .osmLink a:visited { color: blue; } .absoluteToolbar { position: absolute; top: 0px; left: 0px; z-index: 1002; } .ddbToolbar { width: 100%; background-color: #878380; position: relative; opacity: 0.85; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; border-spacing: 0px; z-index: 10000; } .ddbToolbar table { border-spacing: 0px; } .ddbToolbar td { color: white; font-size: 13px; font-weight: bold; border: none; text-align: center; } .ddbTooltip { position: absolute; width: 20px; height: 20px; background-image: url(../images/tooltip.png); top: 5px; right: 5px; cursor: help; } .dropdown { display: inline-block; height: 25px; max-height: 25px; } .dropdownLeft { display: table-cell; width: 5px; height: 25px; background-image: url(../images/dropdownLeft.png); } .dropdownSelection { text-align: center; height: 25px; color: #6f6b68; font-style: italic; font-weight: normal; font-size: 13px; display: table-cell; vertical-align: middle; background-image: url(../images/dropdownMiddle.png); } .dropdownButtonEnabled { display: table-cell; width: 25px; height: 25px; background-image: url(../images/dropdownEnabled1.png); cursor: pointer; } .dropdownButtonDisabled { display: table-cell; width: 25px; height: 25px; background-image: url(../images/dropdownDisabled1.png); cursor: pointer; } .dropdownMenu { display: inline-block; font-size: 13px; background-color: white; opacity: 0.85; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; max-height: 200px; overflow: auto; position: absolute; z-index: 3; } .dropdownMenu dl { margin: 0px; display: block; } .dropdownMenu dt { padding: 2px 10px; display: block; cursor: pointer; text-align: center; color: #6f6b68; font-weight: normal; } .dropdownMenu dt:hover { background: #DFDFDD; } .dropdownSelectedEntry { color: #6f6b68; font-style: italic; font-weight: normal; display: table-cell; vertical-align: middle; } .dropdownUnselectedEntry { color: #6f6b68; font-style: normal; font-weight: normal; display: table-cell; vertical-align: middle; } .ddbElementsCount { font-family: Calibri,Arial,sans-serif; color: white; font-style: italic; font-weight: normal; font-size: 13px; } /* settings for slider object */ .dynamic-slider-control { width: 20px; height: 18px; position: relative; } .vertical { height: 123px; } .horizontal { width: 123px; } .dynamic-slider-control input { display: none; } .dynamic-slider-control .handle { position: absolute; font-size: 1px; overflow: hidden; } .dynamic-slider-control.vertical .handle { width: 20px; height: 12px; cursor: pointer; background-image: url("../images/zoom_slider-vertical.png"); } .dynamic-slider-control.horizontal .handle { width: 12px; height: 20px; cursor: pointer; background-image: url("../images/zoom_slider-horizontal.png"); } .dynamic-slider-control .line { position: absolute; font-size: 0.01mm; overflow: hidden; border: none; background: rgb(189,190,189); } .dynamic-slider-control.vertical .line { width: 0px; } .dynamic-slider-control .line div { width: 0px; height: 0px; border: none; } /* settings for zoom slider */ .sliderStyle-horizontal { position: relative; width: 167px; height: 21px; border: 1px solid #bebdbc; margin: 3px; background: white; } .sliderStyle-vertical { position: absolute; width: 27px; height: 173px; /* border: 1px solid #bebdbc;*/ /* margin: 3px;*/ /* background: white;*/ background-image: url("../images/ZoomBgWithIncrements.png"); z-index: 1001; } .zoomSliderContainer-horizontal { position: absolute; top: 2px; left: 22px; height: 16px; background-image: url("../images/zoom_grid-horizontal.png"); } .zoomSliderContainer-vertical { position: absolute; top: 24px; width: 27px; /* background-image: url("../images/zoom_grid-vertical.png");*/ } .zoomSliderIn-horizontal { position: absolute; top: 1px; left: 149px; cursor: pointer; } .zoomSliderOut-horizontal { position: absolute; top: 1px; left: 2px; cursor: pointer; } .zoomSliderIn-vertical { position: absolute; top: 4px; left: 4px; cursor: pointer; } .zoomSliderOut-vertical { position: absolute; bottom: 5px; left: 4px; cursor: pointer; } .ddbPopupDiv { position: absolute; background-color: white; padding: 15px; visibility: visible; z-index: 1000; cursor: default; } .ddbPopupInput { overflow-x: auto; overflow-y: auto; } .ddbPopupInput tr { font-size: 13px; } .ddbPopupInput th { font-size: 13px; } .ddbPopupInput td { font-size: 13px; } .viewResults { width: 121px; height: 18px; background-image: url("../images/Viewresultsbutton.png"); cursor: pointer; margin-top: 10px; } .popupRight { position: absolute; width: 10px; right: -4px; top: 8px; background-image: url("../images/right.png"); background-repeat: repeat-y; z-index: 3; } .popupBottom { position: absolute; height: 10px; bottom: -4px; left: 16px; background-image: url("../images/bottom.png"); background-repeat: repeat-x; z-index: 3; } .popupBottomRight { position: absolute; width: 10px; height: 10px; bottom: -4px; right: -4px; background-image: url("../images/bottom_right.png"); z-index: 4; } .popupTopRight { position: absolute; width: 10px; height: 8px; top: 0px; right: -4px; background-image: url("../images/top_right.png"); z-index: 4; } .popupPeak { position: absolute; width: 26px; height: 29px; bottom: -14px; left: -10px; background-image: url("../images/peak.png"); z-index: 4; } .popupDDBResults { font-weight: bold; font-size: 12px; color: #3e3a37; cursor: default; padding-bottom: 10px; } .ddbPopupCancel { position: absolute; height: 16px; width: 16px; top: 2px; right: 2px; background-image: url(../images/cancel.png); cursor: pointer; z-index: 5; } .ddbPopupLabel { display: inline-block; font-size: 12px; color: #56524f; cursor: pointer; } .zoomPopup { height: 20px; width: 20px; margin-left: 5px; background-image: url(../images/zoom.png); display: inline-block; cursor: pointer; } .descriptions { display: inline-block; height: 20px; width: 20px; background-image: url(../images/descriptions.png); background-repeat: no-repeat; cursor: pointer; } .mapHome { position: absolute; cursor: pointer; z-index: 1001; background-image: url("../images/ResetMap.png"); height: 27px; width: 27px; } .geoLocationOn { position: absolute; cursor: pointer; z-index: 1001; background-image: url("../images/GeoLocation.png"); height: 27px; width: 27px; } .geoLocationOff { position: absolute; cursor: pointer; z-index: 1001; background-image: url("../images/GeoLocation2.png"); height: 27px; width: 27px; } .aggregation { display: inline-block; cursor: pointer; background-image: url("../images/aggregation.png"); height: 30px; width: 31px; } .noAggregation { display: inline-block; cursor: pointer; background-image: url("../images/no_aggregation.png"); height: 30px; width: 31px; } .showBbox { display: inline-block; cursor: pointer; background-image: url("../images/bbox_icon.png"); height: 30px; width: 31px; } .hideBbox { display: inline-block; cursor: pointer; background-image: url("../images/hidebbox_icon.png"); height: 30px; width: 31px; } .nextItem { display: none; cursor: pointer; background-image: url("../images/next.png"); height: 7px; width: 9px; margin-left: 3px; } .prevItem { display: none; cursor: pointer; background-image: url("../images/prev.png"); height: 7px; width: 9px; margin-right: 3px; } .singleTable { width: 100%; } .smallButton { display: inline-block; cursor: pointer; height: 27px; width: 27px; } .paginationButton { display: table-cell; cursor: pointer; height: 26px; width: 27px; } .firstPageEnabled { background-image: url("../images/firstPageEnabled.png"); } .firstPageDisabled { background-image: url("../images/firstPageDisabled.png"); } .nextPageEnabled { background-image: url("../images/nextPageEnabled.png"); } .nextPageDisabled { background-image: url("../images/nextPageDisabled.png"); } .previousPageEnabled { background-image: url("../images/previousPageEnabled.png"); } .previousPageDisabled { background-image: url("../images/previousPageDisabled.png"); } .lastPageEnabled { background-image: url("../images/lastPageEnabled.png"); } .lastPageDisabled { background-image: url("../images/lastPageDisabled.png"); } .pageInfo { display: table-cell; vertical-align: middle; padding: 0px 10px; font-style: italic; font-weight: normal; font-size: 13px; } .resultsInfo { display: table-cell; vertical-align: middle; font-style: italic; font-weight: normal; font-size: 13px; } .resultsDropdown { display: table-cell; padding-left: 10px; } .tableEntry { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 100px; border-bottom: 1px solid #878380; text-align: left; } .tableTabs { text-align: left; opacity: 0.85; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; border-spacing: 0px; } .tableTab { display: inline-block; padding: 5px 20px; cursor: pointer; font-weight: bold; font-size: 13px; margin-right: 10px; border-top: 1px solid #878380; border-left: 1px solid #878380; border-right: 1px solid #878380; } .mapControl { display: inline-block; width: 31px; height: 30px; cursor: pointer; } .squareDisabled { background-image: url("../images/square-disabled.png"); } .squareActivated { background-image: url("../images/square-activated.png"); } .squareDeactivated { background-image: url("../images/square-deactivated.png"); } .circleDisabled { background-image: url("../images/circle-disabled.png"); } .circleActivated { background-image: url("../images/circle-activated.png"); } .circleDeactivated { background-image: url("../images/circle-deactivated.png"); } .polygonDisabled { background-image: url("../images/polygon-disabled.png"); } .polygonActivated { background-image: url("../images/polygon-activated.png"); } .polygonDeactivated { background-image: url("../images/polygon-deactivated.png"); } .countryDisabled { background-image: url("../images/country-disabled.png"); } .countryActivated { background-image: url("../images/country-activated.png"); } .countryDeactivated { background-image: url("../images/country-deactivated.png"); } .linearPlotActivated { background-image: url("../images/lin-activated.png"); } .linearPlotDeactivated { background-image: url("../images/lin-deactivated.png"); } .logarithmicPlotActivated { background-image: url("../images/log-activated.png"); } .logarithmicPlotDeactivated { background-image: url("../images/log-deactivated.png"); } .playEnabled { background-image: url("../images/play-enabled.png"); } .playDisabled { background-image: url("../images/play-disabled.png"); } .pauseEnabled { background-image: url("../images/pause-enabled.png"); } .pauseDisabled { background-image: url("../images/pause-disabled.png"); } .dragControl { display: inline-block; height: 19px; width: 19px; cursor: pointer; } .dragDisabled { background-image: url("../images/drag-disabled.png"); } .dragActivated { background-image: url("../images/drag-activated.png"); } .dragDeactivated { background-image: url("../images/drag-deactivated.png"); } .selectAll { background-image: url("../images/selectAll.png"); } .deselectAll { background-image: url("../images/deselectAll.png"); } .showAll { background-image: url("../images/showAll.png"); } .showSelected { background-image: url("../images/showSelected.png"); } .selectPage { background-image: url("../images/selectPage.png"); } .deselectPage { background-image: url("../images/deselectPage.png"); } .resultList { z-index: 2; width: 100%; background-color: #878380; opacity: 0.85; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; border-spacing: 0px; } .resultList table { border-spacing: 0px; } .resultList th { font-family: Calibri,Arial,sans-serif; color: white; font-size: 13px; font-weight: bold; border: none; } .resultList td { font-family: Calibri,Arial,sans-serif; font-size: 13px; padding: 10px; border-bottom: 1px solid #878380; text-align: left; } .sortDescActive { background-image: url("../images/descActive.png"); } .sortDescDeactive { background-image: url("../images/descDeactive.png"); } .sortAscActive { background-image: url("../images/ascActive.png"); } .sortAscDeactive { background-image: url("../images/ascDeactive.png"); } .sort { height: 11px; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .headerLabel { vertical-align: middle; padding: 0px 10px; } .smallButton { display: inline-block; height: 27px; width: 27px; cursor: pointer; } .filter { background-image: url("../images/filter.png"); } .filterDisabled { background-image: url("../images/filterDisabled.png"); } .filterInverse { background-image: url("../images/filterInverse.png"); } .filterInverseDisabled { background-image: url("../images/filterInverseDisabled.png"); } .filterCancel { background-image: url("../images/filterCancel.png"); } .filterCancelDisabled { background-image: url("../images/filterCancelDisabled.png"); } div.olMap { z-index: 0; padding: 0 !important; margin: 0 !important; cursor: default; } div.olMapViewport { text-align: left; } div.olLayerDiv { -moz-user-select: none; -khtml-user-select: none; } .olLayerGoogleCopyright { left: 2px; bottom: 2px; } .olLayerGoogleV3.olLayerGoogleCopyright { right: auto !important; } .olLayerGooglePoweredBy { left: 2px; bottom: 15px; } .olLayerGoogleV3.olLayerGooglePoweredBy { bottom: 15px !important; } .olControlAttribution { font-size: smaller; right: 3px; bottom: 4.5em; position: absolute; display: block; } .olControlScale { right: 3px; bottom: 3em; display: block; position: absolute; font-size: smaller; } .olControlScaleLine { display: block; position: absolute; left: 10px; bottom: 15px; font-size: xx-small; } .olControlScaleLineBottom { border: solid 2px black; border-bottom: none; margin-top:-2px; text-align: center; } .olControlScaleLineTop { border: solid 2px black; border-top: none; text-align: center; } .olControlPermalink { right: 3px; bottom: 1.5em; display: block; position: absolute; font-size: smaller; } div.olControlMousePosition { bottom: 0; right: 3px; display: block; position: absolute; font-family: Arial; font-size: smaller; } .olControlOverviewMapContainer { position: absolute; bottom: 0; right: 0; } .olControlOverviewMapElement { padding: 10px 18px 10px 10px; background-color: #00008B; -moz-border-radius: 1em 0 0 0; } .olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton { height: 18px; width: 18px; right: 0; bottom: 80px; cursor: pointer; } .olControlOverviewMapExtentRectangle { overflow: hidden; background-image: url("img/blank.gif"); cursor: move; border: 2px dotted red; } .olControlOverviewMapRectReplacement { overflow: hidden; cursor: move; background-image: url("img/overview_replacement.gif"); background-repeat: no-repeat; background-position: center; } .olLayerGeoRSSDescription { float:left; width:100%; overflow:auto; font-size:1.0em; } .olLayerGeoRSSClose { float:right; color:gray; font-size:1.2em; margin-right:6px; font-family:sans-serif; } .olLayerGeoRSSTitle { float:left;font-size:1.2em; } .olPopupContent { padding:5px; overflow: auto; } .olControlNavigationHistory { background-image: url("img/navigation_history.png"); background-repeat: no-repeat; width: 24px; height: 24px; } .olControlNavigationHistoryPreviousItemActive { background-position: 0 0; } .olControlNavigationHistoryPreviousItemInactive { background-position: 0 -24px; } .olControlNavigationHistoryNextItemActive { background-position: -24px 0; } .olControlNavigationHistoryNextItemInactive { background-position: -24px -24px; } div.olControlSaveFeaturesItemActive { background-image: url(img/save_features_on.png); background-repeat: no-repeat; background-position: 0 1px; } div.olControlSaveFeaturesItemInactive { background-image: url(img/save_features_off.png); background-repeat: no-repeat; background-position: 0 1px; } .olHandlerBoxZoomBox { border: 2px solid red; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olHandlerBoxSelectFeature { border: 2px solid blue; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olControlPanPanel { top: 10px; left: 5px; } .olControlPanPanel div { background-image: url(img/pan-panel.png); height: 18px; width: 18px; cursor: pointer; position: absolute; } .olControlPanPanel .olControlPanNorthItemInactive { top: 0; left: 9px; background-position: 0 0; } .olControlPanPanel .olControlPanSouthItemInactive { top: 36px; left: 9px; background-position: 18px 0; } .olControlPanPanel .olControlPanWestItemInactive { position: absolute; top: 18px; left: 0; background-position: 0 18px; } .olControlPanPanel .olControlPanEastItemInactive { top: 18px; left: 18px; background-position: 18px 18px; } .olControlZoomPanel { top: 71px; left: 14px; } .olControlZoomPanel div { background-image: url(img/zoom-panel.png); position: absolute; height: 18px; width: 18px; cursor: pointer; } .olControlZoomPanel .olControlZoomInItemInactive { top: 0; left: 0; background-position: 0 0; } .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { top: 18px; left: 0; background-position: 0 -18px; } .olControlZoomPanel .olControlZoomOutItemInactive { top: 36px; left: 0; background-position: 0 18px; } /* * When a potential text is bigger than the image it move the image * with some headers (closes #3154) */ .olControlPanZoomBar div { font-size: 1px; } .olPopupCloseBox { background: url("img/close.gif") no-repeat; cursor: pointer; } .olFramedCloudPopupContent { padding: 5px; overflow: auto; } .olControlNoSelect { -moz-user-select: none; -khtml-user-select: none; } .olImageLoadError { background-color: pink; opacity: 0.5; filter: alpha(opacity=50); /* IE */ } /** * Cursor styles */ .olCursorWait { cursor: wait; } .olDragDown { cursor: move; } .olDrawBox { cursor: crosshair; } .olControlDragFeatureOver { cursor: move; } .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { cursor: -moz-grabbing; } /** * Layer switcher */ .olControlLayerSwitcher { position: absolute; top: 25px; right: 0; width: 20em; font-family: sans-serif; font-weight: bold; margin-top: 3px; margin-left: 3px; margin-bottom: 3px; font-size: smaller; color: white; background-color: transparent; } .olControlLayerSwitcher .layersDiv { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; background-color: darkblue; } .olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 3px; margin-left: 3px; margin-bottom: 3px; } .olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv { padding-left: 10px; } .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv { width: 18px; height: 18px; top: 5px; right: 0; cursor: pointer; } .olBingAttribution { color: #DDD; } .olBingAttribution.road { color: #333; } .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { color: #EEE; } .olGoogleAttribution { color: #333; } span.olGoogleAttribution a { color: #77C; } span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { color: #EEE; } /** * Editing and navigation icons. * (using the editing_tool_bar.png sprint image) */ .olControlNavToolbar , .olControlEditingToolbar { margin: 5px 5px 0 0; } .olControlNavToolbar div, .olControlEditingToolbar div { background-image: url("img/editing_tool_bar.png"); background-repeat: no-repeat; margin: 0 0 5px 5px; width: 24px; height: 22px; cursor: pointer } /* positions */ .olControlEditingToolbar { right: 0; top: 0; } .olControlNavToolbar { top: 295px; left: 9px; } /* layouts */ .olControlEditingToolbar div { float: right; } /* individual controls */ .olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive { background-position: -103px -1px; } .olControlNavToolbar .olControlNavigationItemActive , .olControlEditingToolbar .olControlNavigationItemActive { background-position: -103px -24px; } .olControlNavToolbar .olControlZoomBoxItemInactive { background-position: -128px -1px; } .olControlNavToolbar .olControlZoomBoxItemActive { background-position: -128px -24px; } .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { background-position: -77px -1px; } .olControlEditingToolbar .olControlDrawFeaturePointItemActive { background-position: -77px -24px; } .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-position: -51px -1px; } .olControlEditingToolbar .olControlDrawFeaturePathItemActive { background-position: -51px -24px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{ background-position: -26px -1px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { background-position: -26px -24px; } div.olControlZoom { position: absolute; top: 8px; left: 8px; background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; } div.olControlZoom a { display: block; margin: 1px; padding: 0; color: white; font-size: 18px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width:22px; line-height: 19px; background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: rgba(0, 60, 136, 0.5); filter: alpha(opacity=80); } div.olControlZoom a:hover { background: #130085; /* fallback for IE */ background: rgba(0, 60, 136, 0.7); filter: alpha(opacity=100); } @media only screen and (max-width: 600px) { div.olControlZoom a:hover { background: rgba(0, 60, 136, 0.5); } } a.olControlZoomIn { border-radius: 4px 4px 0 0; } a.olControlZoomOut { border-radius: 0 0 4px 4px; } /** * Animations */ .olLayerGrid .olTileImage { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }