view gnv/src/main/webapp/styles/default.css @ 164:5570d9b3282f

Implemented a better GUI-Structure for displaying the Statisticdata. issue83 gnv/trunk@327 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author Tim Englich <tim.englich@intevation.de>
date Thu, 12 Nov 2009 10:22:30 +0000
parents 0f4362d75e9e
children c5edd8fcae8c
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-image: url( ../images/bg_fieldset_ie6.gif );
    background-repeat: repeat-x;
    background-position: top left;
    display: block;
}

html > body fieldset {
    background-image: url( ../images/bg_fieldset.gif );
}

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;
}

input.textinput {
    width: 250px;
}


textarea {
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 0.7em;
}

table, th, td {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
.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;
}

/*  ====================== 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;
	
}

#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 DEFINIEREN*/
/* border: 1px solid crimson;*/
    position: absolute;
    top: 65px;
    left: 350px;
}

div#export {
	padding-left: 7px;	
}

/* this is a wrapper for diagramoptions and statistics*/
div#diagrammAddOns {
    position: absolute;
    top: 600px;
    left: 300px;
}

div#diagramoptions {
/*POSITION DEFINIEREN*/
/*border: 1px solid blue;*/
    position: relative;
    width: 600px;
}

div#diagramOptionsContent {
/*display: none;*/
}

div#statistics {
/*POSITION DEFINIEREN*/
/*border: 1px solid Red;*/
    position: relative;
    width: 600px;
}

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;

}

/* ----------------------------------- */

http://dive4elements.wald.intevation.org