124 lines
1.9 KiB
CSS
124 lines
1.9 KiB
CSS
html,body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Navigationsleiste */
|
|
#nav {
|
|
width: 100%;
|
|
background-color: #98bf21;
|
|
margin-bottom: 30px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
float: none;
|
|
}
|
|
ul {
|
|
list-style-type:none;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
li {
|
|
display: inline;
|
|
}
|
|
li a:link, li a:visited {
|
|
transition: 0.5s;
|
|
display: inline-block;
|
|
width:250px;
|
|
font-weight:bold;
|
|
color:#FFFFFF;
|
|
background-color:#98bf21;
|
|
text-align:center;
|
|
padding:4px;
|
|
text-decoration:none;
|
|
}
|
|
li a:hover,li a:active {
|
|
background-color:#7A991A !important;
|
|
width: 270px;
|
|
color: #FFFFFF !important;
|
|
}
|
|
#aktuell { /* momentan besuchte Seite in Navigationsleiste */
|
|
background-color:#C1F22A;
|
|
color: black;
|
|
}
|
|
|
|
/* Textformatierung */
|
|
* {
|
|
font-family: "Verdana","DejaVu Sans", sans-serif;
|
|
}
|
|
h1 {
|
|
padding-top: 5px;
|
|
color: #4B5E10;
|
|
text-align: center;
|
|
}
|
|
h2,h3 {
|
|
color: #3F4F0D;
|
|
margin: 20px
|
|
}
|
|
p {
|
|
font-size: medium;
|
|
font-family: "Verdana",sans-serif;
|
|
margin:20px 20px 0 20px;
|
|
}
|
|
img {
|
|
margin: 20px;
|
|
}
|
|
#text { /* div, welches den Text enthält */
|
|
width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color: white;
|
|
}
|
|
html {
|
|
background-color: #E0FFE0;
|
|
}
|
|
object {
|
|
margin: 10px;
|
|
}
|
|
/*Diagramme*/
|
|
#Legende {
|
|
margin-bottom: 5px;
|
|
}
|
|
#inhalt_diagramm {
|
|
width: 100%;
|
|
height: 95%;
|
|
}
|
|
|
|
.float {
|
|
float: right;
|
|
}
|
|
#graphdiv {
|
|
width: 100%;
|
|
height: 85vh;
|
|
}
|
|
#auswahl {
|
|
margin-top: 10px;
|
|
}
|
|
#link {
|
|
bottom: 10px;
|
|
right: 80px;
|
|
}
|
|
#zoom {
|
|
margin-bottom:10px;
|
|
z-index: 1;
|
|
}
|
|
#zoom,#Legende,#auswahl {
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
|
|
/* Über das Projekt */
|
|
#vwa-note {
|
|
text-align: center;
|
|
background-color: #E0FFE0;
|
|
-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
|
|
box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
|
|
padding: 10px;
|
|
}
|
|
|
|
#vwa-note a:link, #vwa-note a:visited, #vwa-note a:hover, #vwa-note a:active {
|
|
color: blue;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|