Mercurial > dive4elements > gnv-client
view gnv/src/main/webapp/styles/default.css @ 668:ccd47d9887ec
Added an options panel for wms customization (issue198).
gnv/trunk@775 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author | Ingo Weinzierl <ingo.weinzierl@intevation.de> |
---|---|
date | Mon, 15 Mar 2010 13:46:05 +0000 |
parents | 27f25b9ae9af |
children | b89b31293772 |
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: #00416B; text-decoration: none; } legend { border: 1px solid #CCD5DE; padding: 4px 5px; margin: 0 0 0 0; background-color: white; font-weight: bolder; color: #00416B; clear: both; } fieldset { margin: 5px 0 0 10px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCD5DE; background-repeat: repeat-x; background-position: top left; display: block; } div { margin: 0; padding: 0; } 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; } .down { padding-top: 20px; width: 315px; } .historyback { padding-left: 10px; vertical-align: top; text-align: right; } .parameter { color: #00416B; font-size: 0.8em; font-weight: bold; padding-left: 5px; text-align: left; vertical-align: top; width: 110px; } .matrixHeader { padding-left: 5px; } .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: 2px 2px; } .errormsg { color: red; font-weight: bold; } .chartException { color: red; font-size: 10px; font-weight: bold; margin: 2px 2px; } .inputException { color: red; font-size: 10px; font-weight: bold; margin: 2px 2px; } /* ====================== Header ============================= */ #head { height: 25px; margin: 0; padding: 0; background-color: #103D64; } #logo { float:right; background-image: url( ../images/bsh_logo.gif ); background-repeat: no-repeat; top:0px; height: 170px; width: 75px; } #head a { clear:left; } #project { position:absolute; top:27px; left:10px; width: 400px; text-align: left; } #load_error { position:absolute; top:27px; left:425px; 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#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%; } .showContent { display: block; } .hideContent { display: none; } div#selection { float: left; width: 300px; margin-top: 30px; } div#diagram { position: absolute; top: 33px; left: 350px; } div.outerMap { position: absolute; top: 62px; left: 350px; width: 555px; height: 436px; margin: 0 0 0 0; padding: 0 0 0 0; } div.wms { position: relative; top: 0px; left: 0px; height: 30px; border: 1px solid red; } div#map { position: absolute; top: 55px; left: 0px; width: 555px; height: 381px; border: 1px solid #CCD5DE; } div.histogram { position: absolute; top: 33px; left: 350px; } 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 { position: absolute; top : 33px; left : 350px; 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: 30px; 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; } /* ----------------------------------- */