/webportal/src/main/webapp/css/map.css
http://alageospatialportal.googlecode.com/ · CSS · 832 lines · 686 code · 124 blank · 22 comment · 0 complexity · ef65d22ab25683339a883f826d360b5f MD5 · raw file
- html, body {
- font-family: arial, Helvetica, Arial, sans-serif;
- font-size: 0.85em;
- margin: 0px;
- background-color: #7391ad;
- height:100%;
- }
- h2 { font-size: 20px; font-family:'Arial Narrow',Arial,Helvetica,sans-serif; font-weight: normal; }
- /*
- h2 { color:#3B6E8F; font-size: 16px; font-weight: bold;}
- h3 { color:#3B6E8F; font-size: 14px; font-weight: bold; margin-bottom:2px;margin-top:0px;}
- h4 { color:#3B6E8F; font-size: 12px; margin: 0px 2px;}
- h5 { color:#3B6E8F; font-size: 11px; margin: 0px 2px;}
- h6 { color:#3B6E8F; font-size: 11px; margin: 0px 2px; display:inline; }
- */
- a {
- color: black;
- }
- a img{
- border: none;
- }
- a:hover{
- color: grey;
- }
- a[rel="external"], a.external {
- white-space: nowrap;
- padding-right: 15px;
- background: url(../img/extlink.gif) no-repeat 100% 50%;
- zoom: 1;
- }
- table.featureInfo, table.featureInfo td, table.featureInfo th {
- border:1px solid #ddd;
- border-collapse:collapse;
- margin:0;
- padding:0;
- font-size: 90%;
- padding:.2em .1em;
- }
- table.featureInfo th {
- padding:.2em .2em;
- font-weight:bold;
- background:#eee;
- }
- table.featureInfo td{
- background:#fff;
- }
- table.featureInfo tr.odd td{
- background:#eee;
- }
- table.featureInfo caption{
- text-align:left;
- font-size:100%;
- font-weight:bold;
- text-transform:uppercase;
- padding:.2em .2em;
- }
- .extlink {
- margin-left: 2px;
- }
- hr {
- width: 80%;
- color:#7391ad;
- background: #fff url(../img/borderLine.gif) no-repeat center bottom;
- margin: 8px auto;
- height: 1px;
- border: 0 none;
- }
- .error {
- color: #f71bbc;
- font-weight: bold;
- }
- #mapdiv {
- position: absolute;
- z-index: 1;
- height: 100%;
- width:100%;
- }
- .topdrop {
- background-image:url(../img/mapshadow.png);
- background-position:left top;
- background-repeat:repeat-x;
- z-index: 100;
- width: 100%;
- height:10px;
- position: absolute;
- }
- .leftdrop {
- background-image:url(../img/leftshadow.png);
- background-position:left top;
- background-repeat:repeat-y;
- z-index: 101;
- width:10px ;
- height:100%;
- position: absolute;
- }
- #mapscale {
- width: 90px;
- z-index: 3;
- position: relative;
- float: left;
- color: white;
- }
- #mapcoords {
- width: 90px;
- z-index: 4;
- position: relative;
- float: right;
- color: white;
- background: inherit;
- }
- #mapcoords b{
- background: none;
- }
- #mapinfo {
- bottom: 20px;
- right: 0px; /* changing to right as it is over the google logo we can have anything over it */
- padding: 10px 2px 10px 10px ;
- display: block;
- position: absolute;
- width: 220px;
- z-index: 3;
- font-family: Arial;
- font-size: smaller;
- -moz-border-radius: 5! important;
- border: 1px 1px 0 0;
- background-color:#3c668d;
- opacity: 0.5;
- }
- #layervalues {
- position: absolute;
- bottom: 68px! important;
- right: 0px! important;
- width: 220px;
- max-height: 300px! important;
- padding: 6px;
- z-index: 410;
- overflow: auto;
- background-color: #3c668d;
- color: #fff;
- cursor: pointer;
- font-family: Arial;
- font-size: x-small;
- opacity: 0.5;
- -moz-border-radius: 5! important;
- }
- .layervaluesMin {
- /*height: 175px;*/
- display: block;
- }
- .layervaluesMax {
- /*height: 175px;*/
- display: none;
- }
- .layervaluesDie {
- /*height: 10px;*/
- display: none;
- }
- #layervalues div#lheader {
- border-bottom: 1px solid white;
- font-size: x-small;
- }
- #layervalues .lvicons {
- float: right;
- font-size: smaller;
- font-weight: bold;
- padding: 5px 5px 2px 5px;
- line-height: 0.5em;
- }
- #layervalues .lvicons span a {
- color: white;
- text-decoration: none;
- }
- #layervalues .lvicons span a.hidden {
- content: '∧';
- }
- #layervalues .lvicons span a.shown {
- content: '∨';
- }
- #layervalues .lvalue {
- padding: 2px 0;
- }
- .ellipsis, #layervalues .lvalue div {
- white-space: nowrap;
- text-overflow: ellipsis;
- -o-text-overflow: ellipsis;
- }
- #layervalues .lvalue .lname {
- position: relative;
- max-width: 145px;
- float: left;
- clear:both;
- }
- #layervalues .lvalue .lval {
- clear:both;
- /*position: relative;*/
- /*float: right;
- width: 50px;
- text-align: right;*/
- }
- #gmaplyrswtch {
- top: 20px;
- right: 0px;
- padding: 10px 2px 10px 10px ;
- display: none;
- position: absolute;
- width: 200px;
- z-index: 3;
- font-family: Arial;
- font-size: smaller;
- -moz-border-radius: 5! important;
- border: 1px 1px 0 0;
- background-color: transparent;
- opacity: 1.0;
- }
- #gmaplyrswtch div {
- background-color: white;
- float: right;
- margin-right: 10px;
- padding: 5px;
- font-size: 10px;
- font-weight: bold;
- color: teal;
- border: 2px solid black;
- text-decoration: none;
- }
- #tmpres {
- bottom: 0em;
- left: 400px;
- padding: 10px 15px ;
- display: block;
- position: absolute;
- width: 100px;
- z-index: 8;
- font-family: Arial;
- font-size: smaller;
- }
- /* getfeatureinfo results
- */
- .getfeaturepopup_contentDiv, .olPopupContent {
- overflow: hidden! important;
- cursor: default;
- margin-top: 5px;
- margin-left: 7px;
- }
- .olPopup {
- height: 100%;
- }
- #featureinfoheader {
- clear:both;
- margin-bottom:0;
- padding:2px;
- width:410px;
- }
- #featureinfostatus {
- float:left;
- margin:5px 3px;
- }
- #featureinfodepth {
- float: left;
- clear:left;
- }
- #featureinfoGeneral {
- padding: 0px 5px 5px 5px ;
- }
- .feature {
- margin: 2px 0px 5px 0px;
- padding: 8px;
- padding-right: 12px;
- padding-top: 10px;
- width:100%;
- background-color: #fafafa;
- background-image:url(../img/mapshadow.png);
- background-position:left top;
- background-repeat:repeat-x;
- border: 1px solid #ddd;
- }
- .nofeature {
- margin: 2px 0px 5px 0px;
- padding: 5px;
- width:100%;
- background-color: #fafafa;
- }
- .feature ul li{
- margin-left: 1em;
- }
- #featureinfocontent {
- padding: 3px;
- padding-top: 10px;
- padding-left: 10px;
- width: 420px;
- height: 220px;
- overflow-x: hidden;
- overflow-y: auto;
- position: relative;
- top:10px;
- }
- #featureinfocontent_topborder {
- margin-top: 10px;
- clear: both;
- }
- #featureinfocontent_topborderimg {
- width:100%;
- position:absolute;
- }
- #featureinfocontent .feature {
- width: 93%;
- }
- #featureinfocontent img {
- padding: 10px 5px;
- }
- #featureinfocontent b {
- color:#3B6E8F;
- font-weight: bold;
- }
- #featureinfocontent ul {
- margin: 5px 0px;
- padding-left: 2px;
- list-style-type: circle;
- }
- #featureinfocontent li {
- margin-left: 2px;
- padding-left: 2px;
- list-style-position: inside;
- }
- .block h3 {
- border: solid 1px #cccccc;
- background-color: #efefef;
- padding-left: 3px;
- width: 100%;
- }
- p.important {
- color:#3c668d;
- font-weight: bold;
- }
- .argodates {
- font-size: .9em;
- background-color: #ffffff;
- padding: 2px 10px;
- }
- /* Overview Map wigit */
- .olControlOverviewMapElement {
- background-color: #3c668d;
- }
- .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover, .ygtvfocus{
- background-color: transparent;
- }
- a.ygtvlabel:hover {
- text-decoration:underline;
- }
- div.olControlScaleLineBottom {
- margin-top: -1;
- }
- div.olControlScaleLineTop, div.olControlScaleLineBottom {
- border-color: white;
- }
- .olControlEditingToolbar, .olControlEditingToolbarItemInactive {
- width: 50px;
- }
- .olControlEditingToolbar div {
- float: left;
- }
- #navtoolbar {
- position: absolute;
- float: left;
- width: 42px;
- z-index: 1001;
- margin-top: 250px;
- margin-left: 9px;
- }
- #navtoolbar .olControlNavigationItemActive,
- #navtoolbar .olControlNavigationItemInactive,
- #navtoolbar .olControlZoomBoxItemActive,
- #navtoolbar .olControlZoomBoxItemInactive,
- #navtoolbar .olControlEditingToolbar,
- #navtoolbar .olControlEditingToolbarItemInactive
- {
- display: block;
- background-image: url('../img/raa_y.gif');
- height: 25px;
- }
- #areaTool {
- position: absolute;
- float: left;
- width: 42px;
- z-index: 1001;
- margin-top: 300px;
- margin-left: 9px;
- }
- #areaTool .olControlButtonItemActive {
- height: 222px;
- background-image: url("../img/draw_polygon_on.png?");
- background-position:12px 1px;
- background-repeat: no-repeat;
- display: block;
- }
- #areaTool .olControlButtonItemInactive {
- height: 222px;
- background-image: url("../img/draw_polygon_off.png?");
- background-position:12px 1px;
- background-repeat: no-repeat;
- display: block;
- }
- #navtoolbar .olControlDrawFeatureItemActive {
- height: 22px;
- background-image: url("../img/draw.png?");
- background-position:12px 1px;
- background-repeat: no-repeat;
- display: block;
- }
- #navtoolbar .olControlDrawFeatureItemInactive {
- display: none;
- }
- .olPopupCloseBox {
- background:transparent url(../img/close.png) no-repeat scroll 0 0 !important;
- margin-right: 7px;
- }
- .olControlZoomBoxItemActive {
- background-position: -600px 0pt;
- }
- .olControlZoomBoxItemInactive {
- background-position: -500px 0pt;
- }
- .olControlZoomBoxItemInactive:hover {
- background-position: -600px 0pt;
- }
- .olControlNavigationItemActive {
- background-position: -800px 0pt;
- }
- .olControlNavigationItemInactive {
- background-position: -700px 0pt;
- }
- .olControlNavigationItemInactive:hover {
- background-position: -800px 0pt;
- }
- #controlPanZoom {
- position: absolute;
- margin-left: 5px;
- width: 42px;
- z-index: 1000;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panup,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panright,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_pandown,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panleft,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomin,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomout
- {
- background-repeat: no-repeat;
- background-image: url('../img/raa_y.gif');
- width: 23px! important;
- height: 22px! important;
- cursor: pointer;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panup img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_pandown img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panleft img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panright img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomin img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomout img,
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_Map_8 img
- {
- display: none;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomin
- {
- top: 98px! important;
- left: 11px! important;
- background-position: -1900px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomin:hover
- {
- background-position: -2000px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomout
- {
- /*top: 219px! important;*/
- top: 319px! important;
- left: 11px! important;
- background-position: -2100px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_zoomout:hover
- {
- background-position: -2200px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_OpenLayers\002E Map_8 img
- {
- display: none;
- }
- #controlPanZoom #OpenLayers_Control_PanZoomBar_ZoombarOpenLayers\002E Map_8
- {
- top: 119px! important;
- left: 11px! important;
- background: url('../img/panelPanZoom.gif') no-repeat 0 0! important;
- width: 21px! important;
- /*height: 120px! important;*/
- height: 200px! important;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_OpenLayers\002E Map_8
- {
- left: 0px;
- z-index: 99;
- background-repeat: no-repeat;
- background-image: url('../img/raa_y.gif');
- background-position: -2300px 0;
- width: 30px;
- height: 10px;
- margin: 17px 6px 3px 0px;
- padding: 3px;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_OpenLayers\002E Map_8:hover
- {
- background-position: -2400px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panup
- {
- background-position: -1100px 0;
- z-index: 110;
- top: 7px! important;
- left: 11px! important;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panup:hover
- {
- background-position: -1200px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_pandown
- {
- background-position: -1300px 0;
- z-index: 110;
- top: 47px! important;
- left: 11px! important;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_pandown:hover
- {
- background-position: -1400px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panleft
- {
- background-position: -1500px 0;
- z-index: 100;
- top: 27px! important;
- left: 0! important;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panleft:hover
- {
- background-position: -1600px 0;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panright
- {
- background-position: -1700px 0;
- z-index: 100;
- top: 27px! important;
- left: 22px! important;
- }
- #controlPanZoom #OpenLayers\002E Control\002E PanZoomBar_2_panright:hover
- {
- background-position: -1800px 0;
- }
- .olControlOverviewMapElement
- {
- position: absolute! important;
- bottom: 0! important;
- right: 0! important;
- _bottom: -1px! important;
- _right: -1px! important;
- background: #3c668d! important;
- -moz-border-radius: 5! important;
- }
- .olControlOverviewMapExtentRectangle
- {
- border: 1px solid #e89c14! important;
- margin: 0! important;
- padding: 0! important;
- }
- #layerswitch {
- position: static;
- clear: both;
- }
- .olControlLayerSwitcher {
- display: none;
- }
- /* hide it till positioned in style.css */
- .olControlOverviewMapMaximizeButton {
- visibility : hidden;
- }
- .olFramedCloudPopupContent {
- height: 250px;
- }
- #zoomtolocation {
- position: absolute;
- background-repeat: no-repeat;
- background-image: url('../img/74-location.png');
- width: 16px! important;
- height: 16px! important;
- cursor: pointer;
- z-index: 110;
- top: 80px! important;
- left: 22px! important;
- }
- #hoverTool {
- position: absolute;
- background-repeat: no-repeat;
- background-image: url('../img/overview_replacement_off.gif');
- width: 16px! important;
- height: 16px! important;
- cursor: pointer;
- z-index: 110;
- top: 350px! important;
- left: 22px! important;
-
- display: none;
- }
- #nearestTool {
- position: absolute;
- background-repeat: no-repeat;
- background-image: url('../img/overview_replacement_off.gif');
- width: 16px! important;
- height: 16px! important;
- cursor: pointer;
- z-index: 110;
- top: 370px! important;
- left: 22px! important;
- }
- #featureTool {
- position: absolute;
- background-repeat: no-repeat;
- background-image: url('../img/overview_replacement_off.gif');
- width: 16px! important;
- height: 16px! important;
- cursor: pointer;
- z-index: 110;
- top: 370px! important;
- left: 22px! important;
- }
- #hoverOutput {
- position: absolute;
- width: 500px! important;
- height: 80px! important;
- cursor: pointer;
- z-index: 110;
- top: 350px! important;
- left: 42px! important;
- }
- #radiusDisplay {
- position: absolute;
- padding: 10px;
- background-color: rgba(250,245,175,0.5);
- width: 350px! important;
- height: 30px! important;
- cursor: pointer;
- z-index: 410;
- top: 0px! important;
- left: 60px! important;
- font-family: verdana;
- font-size: 20px;
- text-align: center;
- display: none;
- }
- #addPanoramio {
- position: absolute;
- background-repeat: no-repeat;
- /*background-image: url('http://www.gisandchips.org/demos/j3m/panoramio/panoramio-marker.png');*/
- /*background-image: url('../img/panoramio-marker-off.png');*/
- width: 16px! important;
- height: 16px! important;
- cursor: pointer;
- z-index: 110;
- top: 350px! important;
- left: 23px! important;
- }
- .imagesOn {
- background-image: url('../img/images_on.png');
- }
- .imagesOff {
- background-image: url('../img/images_off.png');
- }
- .olLayerGooglePoweredBy {display: none;}
- .z-loading {
- left: 45% !important;
- top: 50% !important;
- vertical-align: middle;
- background-color: #E3E3E3;
- border: 1px solid #C7C7C7;
- cursor: wait;
- left: 0;
- padding: 3px;
- position: absolute;
- top: 0;
- white-space: nowrap;
- z-index: 31000;
- font-family: arial,sans-serif;
- font-size: 12px;
- font-weight: normal;
- display:none;
- }
- .z-loading-indicator {
- background-color: #FFFFFF;
- border: 1px solid #C7C7C7;
- color: #102B6D;
- padding: 6px;
- white-space: nowrap;
- }
- .z-apply-loading-icon, .z-loading-icon, .z-renderdefer {
- background: url("/webportal/zkau/web/da1ccf7c/zk/img/progress4.gif") no-repeat scroll center center transparent;
- height: 16px;
- width: 16px;
- display: inline-block;
- vertical-align: top;
- }
- #sppopup2 { line-height: 16px;}