154 lines
2.1 KiB
CSS
154 lines
2.1 KiB
CSS
/***
|
|
* Global
|
|
***/
|
|
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
color: #333;
|
|
background: white url(../images/fpr.jpg) no-repeat bottom right;
|
|
font-family: "Arial", "Verdana", sans-serif;
|
|
}
|
|
|
|
a {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:visited {
|
|
color : #ff5858;
|
|
}
|
|
|
|
/***
|
|
* Header
|
|
***/
|
|
|
|
#head {
|
|
position: fixed;
|
|
background: black url(../images/cccdd.png) no-repeat top left;
|
|
height: 120px;
|
|
width: 100%;
|
|
}
|
|
#c3d2 {
|
|
display: none;
|
|
}
|
|
#headline {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 480px;
|
|
height: 120px;
|
|
background: black url(../images/datenspuren.png) no-repeat top right;
|
|
}
|
|
#headline * {
|
|
display: none;
|
|
}
|
|
|
|
/***
|
|
* Navigation
|
|
***/
|
|
|
|
ul.navigation {
|
|
position: fixed;
|
|
top: 120px;
|
|
bottom: 0px;
|
|
width: 12%;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: black;
|
|
z-index: 3;
|
|
}
|
|
|
|
ul.navigation li {
|
|
display: inline-block;
|
|
margin: 0.8em 0 0 1.5em;
|
|
padding: 0.4em;
|
|
text-align: center;
|
|
width: 80%;
|
|
background: red;
|
|
}
|
|
|
|
ul.navigation li a {
|
|
color: white;
|
|
font-family: "Lucida Grande", "Trebuchet MS", Arial,Helvetica;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/***
|
|
* Content
|
|
***/
|
|
|
|
#content {
|
|
position: relative;
|
|
top: 120px;
|
|
left: 12%;
|
|
margin: 0;
|
|
padding: 1em 2em;
|
|
color: #333;
|
|
z-index: 2;
|
|
width: 80%;
|
|
}
|
|
|
|
/***
|
|
* Footer
|
|
***/
|
|
#foot {
|
|
clear: both;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0.1em 0;
|
|
text-align: center;
|
|
background: black;
|
|
color: #ccc;
|
|
font-weight: bold;
|
|
font-size: 90%;
|
|
z-index: 3;
|
|
}
|
|
#foot a {
|
|
color: #ffff7f;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/***
|
|
* Content elements
|
|
***/
|
|
#content p {
|
|
max-width: 60em;
|
|
}
|
|
|
|
#content p.notice {
|
|
float: right;
|
|
bottom: 5%;
|
|
right: 5%;
|
|
max-width: 12em;
|
|
padding: 2em;
|
|
margin: 2em;
|
|
background-color: #ddd;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#content p.feed:before {
|
|
content: url(../images/feed.png);
|
|
}
|
|
|
|
#content p.calendar:before {
|
|
content: url(../images/calendar.png);
|
|
}
|
|
|
|
#content p.title {
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#content dl dt {
|
|
font-weight: bold;
|
|
}
|
|
#content dl dd {
|
|
padding-left: 2em;
|
|
}
|