85 lines
5.4 KiB
CSS
85 lines
5.4 KiB
CSS
/**
|
|
* Default styles for the dygraphs charting library.
|
|
*/
|
|
body {width:auto;}
|
|
.top { height: 70px; font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#123456; width:100%; background:#eeeeee; margin:0; padding:10px;}
|
|
.bild {float:right; margin-right:50px;}
|
|
.firma {float:left;}
|
|
.topmenu {float:left; margin-left: 240px;}
|
|
.clear { clear:both;}
|
|
.isp {padding:8px;font-family: 'Open Sans', sans-serif; font-size:1.0em; background:#c3d7dd; width:170px;}
|
|
.buttonx { width:200px; padding: 0px; margin: 8px; height:40px; }
|
|
|
|
.zeit {position:absolute; width: 100%; margin-left:0px; height: 60px; margin-top:770px;}
|
|
.button {float: left; width:auto; padding: 6px; margin: 8px; height:15px; background: #f6f6f6; border: 1px solid#000000;border-radius:5px; box-shadow: -2px -2px 4px #999; }
|
|
.set {margin:20px 5px; Padding:2px; Border: 1px solid #cccccc; font-family: 'Open Sans', sans-serif; font-size:0.7em; Background:#f8f8f8; border-radius:5px;}
|
|
.set1 {margin:20px 5px; Padding:2px; Border: 1px solid #cccccc; font-family: 'Open Sans', sans-serif; font-size:0.7em; Background:#a2b0d0; border-radius:5px;}
|
|
.buttonan {float: left; width:auto; padding: 6px; margin: 8px; height:15px; background: #cdcdcd; border: 1px solid#000000;border-radius:5px; box-shadow: 4px 4px 6px #555 inset;}
|
|
.buttonlinks {width:auto; padding:4px; margin: 9px 5px; height:15px; background: #eeeeee; border: 1px solid#000000;border-radius:5px}
|
|
.buttonlinksan {width:auto; padding:4px; margin: 9px 5px; height:15px; background: #a3cc62; border: 1px solid#000000;border-radius:5px}
|
|
.links {position: absolute; width: 180px; height:600px; margin-top:80px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
|
|
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:160px; margin-top: 100px;}
|
|
.rechtscsv {position: absolute; width: auto; height: auto; margin-left:300px; margin-top: 100px;}
|
|
.rechts2csv {position: absolute; width: auto; height: auto; margin-left:750px; margin-top: 100px;}
|
|
.rechts3csv {position: absolute; width: auto; height: auto; margin-left:950px; margin-top: 100px;}
|
|
.rechts2einheit {position: absolute; width: 130px; height: auto; margin-left:770px; margin-top: 100px;line-height:27px;}
|
|
.rechtswerte {position: absolute; float:left; width: auto; height: 510px; margin-left:160px; margin-top: 100px;}
|
|
|
|
.rechtstaste {float:left; width: 220px; height: 600px; margin-left:30px;}
|
|
.rechtstaste2 {float:left; width: 440px; height: 600px; margin-left:30px;}
|
|
#login {float:right;font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#666666; margin: 0 10px;}
|
|
.loginbutton {float:right;font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#666666; margin: 0 10px;}
|
|
strong {font-family: 'Open Sans', sans-serif; font-size:0.8em; color:#000000;}
|
|
|
|
.bottom {float:left; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#123456; }
|
|
.csvtext1 {float:left; margin-left: 4px; font-family: 'Open Sans', sans-serif; font-size:0.8em; border: 1px solid red;}
|
|
.csvtext2 {float:left; margin-left: 4px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
|
|
|
|
.zuordnung {margin-left:250px; padding:5px;}
|
|
.taste{Margin: 20px;}
|
|
a { text-decoration: none; color:#000000; }
|
|
input[type=text]
|
|
{
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size:1.0em;
|
|
padding: 3px;
|
|
outline: 0;
|
|
border:0;
|
|
color:#123456;
|
|
background: #eeeeee;
|
|
box-shadow: inset 1px 1px 2px 0 #707070;
|
|
border-radius:5px;
|
|
margin-top:3px;
|
|
}
|
|
#zeige2 {width: 200px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; font-size:0.8em; border:1px solid #999999;}
|
|
#zeige2csv {width: 260px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; font-size:0.8em; border:1px solid #999999;}
|
|
#zeige3 {width: 300px; height: auto; background:#ffffff;margin-left:2px; padding-left:10px; max-height:400px;overflow: auto; }
|
|
|
|
#graphdiv2 {float:left; width:650px; height:500px;}
|
|
#legend {float:left; margin-left: 10px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
|
|
|
|
#text { margin-left:10px; margin-top:10px; display:block;
|
|
height:auto; z-index:999;
|
|
font-family: 'Verdana',sans-serif; font-size:0.75em; text-align: left;padding-left:0px;color:#111111; padding-top:0px; padding-bottom:0px;
|
|
}
|
|
.platzieren {float:left; min-width:130px; margin: 4px 5px 0 0;}
|
|
.platzieren1 {float:left; min-width:70px; padding-right:10px; margin-right:10px;}
|
|
.platzieren1a {float:left; min-width:65px; padding-right:10px; margin: 4px 5px 0 0;}
|
|
.platzieren1b {float:left; min-width:55px; padding-right:0px; margin: 4px 5px 0 0;}
|
|
.platzieren2 { margin: 0 10px; padding: 0 10px;}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1025px) {
|
|
.links {position: absolute; width: 200px; height:600px; margin-top:100px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
|
|
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:220px; margin-top: 100px;}
|
|
.rechtscsv {position: absolute; width: auto; height: auto; margin-left:300px; margin-top: 100px;}
|
|
#graphdiv2 {float:left; width:800px; height:500px;}
|
|
}
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
.links {position: absolute; width: 200px; height:600px; margin-top:100px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
|
|
.rechts {position: absolute; float:left; width: auto; height: 510px; margin-left:220px; margin-top: 100px;}
|
|
.rechtscsv {position: absolute; width: auto; height: auto; margin-left:300px; margin-top: 100px;}
|
|
#graphdiv2 {float:left; width:1000px; height:500px;}
|
|
} |