Mercurial > dive4elements > gnv-client
view gnv/src/main/webapp/styles/default.css @ 973:1bb54da8c8ed
Added more resources which are required to use the ol-client properly
gnv/trunk@1141 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author | Tim Englich <tim.englich@intevation.de> |
---|---|
date | Tue, 01 Jun 2010 14:15:10 +0000 |
parents | 68d0fba6f23e |
children |
line wrap: on
line source
@charset "ISO-8859-1" ; body { background-color: #FFFFFF; font-family: verdana, arial, Helvetica, sans-serif; height: 100%; margin: 0; padding: 0; } br { padding: 0; margin: 0; font-size: 0; clear: both; } form { margin: 0; padding: 0; } h1 { font-weight: bold; font-size: 0.9em; color: #00416B; } h2 { font-weight: bold; font-size: 0.8em; color: #00416B; } a { color: #FF6600; text-decoration: underline; } legend { border: 1px solid #003A66; padding: 4px 5px; margin: 0 0 0 0; background-color: white; font-weight: bolder; color: #003A66; clear: both; } fieldset { margin: 5px 0 0 10px; padding-left: 10px; padding-right: 10px; border: 1px solid #003A66; background-color: #F2F1F5; background-repeat: repeat-x; background-position: top left; display: block; } div { margin: 0; padding: 0; } #browseDiv { float: left; margin-top: 1px; } #loadDiv { float: right; margin-left: 5px; } p, li, dl, input, select, address, legend, label, fieldset span { font-size: 0.7em; } legend.expandableFieldset { cursor: pointer; } select, textarea { width: 250px; } textarea.mapviewer { width: 450px; } input.textinput { width: 250px; } textarea { font-family: verdana, arial, Helvetica, sans-serif; font-size: 0.7em; } table.dynamic { font-size: 1.2em; } table.static { margin: 0 0 0 0; width: 293px; } table.wms { font-size: 0.8em; margin: 0 0 0 0; } table, th, td { margin: 0; padding: 0; font-size: 0.8em; } img { border: 0px; } /* styles used in footer.jsp */ .footerTable { width: 100%; background-color: white; } .footerLine { color: #003A66; font-family: Arial,Helvetica,sans-serif; font-size: 0.95em; line-height: 1.1em; padding-left: 1px; } .footerTableLinks { width: 100%; background-color: #003a66; } .footerLineLinks { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 1.5em; text-decoration:none; } .headerTableLinks { width: 100%; background-color: #003a66; } .headerLineLinks { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 1em; text-decoration:none; } /* styles used content */ #contentElement { height: 80%; position: absolute; top: 85px; width: 100%; margin: 0px 0px 10px 0px; overflow: auto; } .bgblue2 { background-color: #F7F7F9; } #footerElement { position: absolute; bottom: 0px; margin-top: 10px; width: 100%; height: 20px; } .down { padding-top: 15px; width: 315px; } .historyback { padding-left: 10px; vertical-align: top; text-align: right; } #parameterPanel { position: absolute; float: left; left: 0px; top: 5%; width: 400px; height: 95%; } td.parameter { font-size: 0.6em; } .parameter { color: #003A66; font-size: 0.8em; font-weight: bold; padding-left: 5px; text-align: left; vertical-align: top; width: 110px; } .matrixHeader { padding-left: 5px; text-align: center; } .matrixSelectableHeader { padding-left: 5px; text-align: left; } .matrixContent { text-align: center; } .wmsvalue { } .value { font-size: 1.2em; } .submitbutton{ cursor:pointer; border:outset 1px #ccc; background:#ffffff; color:#666; font-weight:bold; padding: 1px 2px; } .error { color: #CD3426; font-size: 10px; font-weight: bold; margin-bottom: 2px; border: 2px solid red; padding: 2px; } .errormsg { color: red; font-weight: bold; } .chartException { color: red; font-size: 10px; font-weight: bold; margin-bottom: 2px; border: 2px solid red; padding: 2px; } .inputException { color: red; font-size: 10px; font-weight: bold; margin-bottom: 2px; border: 2px solid red; padding: 2px; } /* ====================== Header ============================= */ #head { height: 25px; margin: 0; padding: 0; background-color: #103D64; } #headline { color: #4C7594; font-family: "Arial Black",Arial,Helvetica,sans-serif; font-weight: bold; line-height: 1.1em; padding-left: 5px; width: 533px; } .headline { border-top: 2px solid #CCe0f4; border-bottom: 2px solid #CCe0f4; color: #4C7594; /*font-weight: bold;*/ font-size: 1.2em; padding: 10px; } #logo { float:right; background-image: url( ../images/bsh_logo.gif ); background-repeat: no-repeat; top:0px; height: 170px; width: 75px; } #head a { clear:left; } .reload { margin-top: 10px; } #project { padding: 0px; text-align: left; font-size: 1.2em; background-color: #e9e8f0; position: absolute; top: 0px; left: 0px; width: 100%; height: 5%; } #projectload { float: left; padding-left: 5px; visibility: hidden; } .devide { width: 100%; height: 2px; } .projectException { color: red; font-size: 10px; font-weight: bold; margin-bottom: 2px; border: 2px solid red; padding: 2px; } #load_error { position:absolute; top:175px; left:375px; width: 400px; text-align: left; } #project_load { position:absolute; top: 0px; left: 250px; width: 277px; border: 1px solid lightgray; visibility: hidden; padding: 5px; } #head h1, #head h2 { display: block; color: white; font-size: large; padding-left: 300px; margin: 0; } div#headerElement { height: 85px; position: absolute; width: 100%; } div#header { background-color: #143B62; margin: 0; padding: 0; height: 50px; } div#header img { padding: 0; margin: 0; border-width: 0; } div#page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .showContent { display: block; } .hideContent { display: none; } div#selection { float: left; width: 300px; margin-top: 30px; } div#diagram { float: left; position: absolute; top: 10%; left: 330px; } div.outerMap { position: absolute; top: 12%; left: 350px; width: 555px; height: 436px; margin: 0 0 0 0; padding: 0 0 0 0; } div.wms { position: absolute; top: 10%; left: 0px; height: 30px; border: 1px solid red; } div#map { position: absolute; top: 65px; left: 0px; width: 555px; height: 381px; border: 1px solid #CCD5DE; } div.histogram { float: left; position: absolute; top: 10%; left: 330px; } div#export { width: 325px; } /* this is a wrapper for diagramoptions and statistics*/ div#diagrammAddOns { position: absolute; top: 600px; left: 300px; } div#diagramoptions { position: relative; width: 325px; } div#diagramOptionsContent { width : 325px; } div.statistics { float: left; position: absolute; top: 10%; left: 330px; width : 325px; } div#statisticValues { width: 100%; } table#statistik_tab_0{ position:relative; top:0px; left:0px; } table#statistik_tab_1{ position:absolute; top:30px; left:230px; } table#statistik_tab_2{ position:relative; top:-210px; left:410px; } table#statistik_tab_3{ position:relative; top:-195px; left:0px; } table#statistik_tab_4{ position:absolute; top:260px; left:230px; } table#statistik_tab_5{ position:absolute; top:260px; left:410px; } table#statistik_tab_6{ position:relative; top:-180px; left:0px; } table#statistik_tab_7{ position:absolute; top:485px; left:230px; } table#statistik_tab_8{ position:absolute; top:485px; left:410px; } div#basefilter { margin-top: 50px; width: 325px; } div#timeseriesfilter { margin-top: 1px; padding: 0px; width: 325px; } #timeRangeForm label { float: left; margin-right: 5px; text-align: left; width: 20px; } /* ---------- OVERLAY ------------------------- */ #overlay { visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 100; background-color: white; -moz-opacity: 0.5; opacity: 0.5; } #overlayContent { visibility: hidden; position: relative; z-index: 101; width: 300px; margin: 150px auto; background-color: #fff; border: 1px solid #000; padding: 75px; text-align: right; background-image: url( ../images/bsh_logo.gif ); background-repeat: no-repeat; } /* ----------------------------------- */