cryptocd/cd-template/doku/cryptocd.css
phil d31e38f479 * Menue fuer die Startseite erstellt
* Startseite und css angepasst
 * Fehler korrigiert
2006-07-25 19:12:34 +00:00

312 lines
No EOL
4.1 KiB
CSS

/*
TODO
Klassen "hint" und "program" definieren
HINWEISE
padding,margin Angaben: oben rechts unten links
*/
body {
margin: 0px;
padding: 0px;
font-size: 11pt;
}
html>body {
font-family: trebuchet ms, bitstream vera sans, sans-serif;
}
h1, h2, h3, h4 {
font-family: georgia, times new roman, times, serif;
font-weight: normal;
background: none;
padding: 1.75em 0 0;
margin: 0;
line-height: 1.1em;
}
h1 {
font-size: 220%;
text-align: center;
color: #555753;
padding: 0 0 0.5em;
margin: 0.75em 0 1.5em 0;
}
h2 {
font-size: 150%;
color: #4e9a06;
}
a:link {
text-decoration: none;
color: #f57900;
background: none;
}
a:visited {
color: #ce5c00;
text-decoration: none;
}
a:active {
color: #f57900;
}
a:hover {
color: #fcaf3e;
text-decoration: underline;
}
hr {
height: 1px;
border: 1px solid silver;
border-bottom: none;
border-right: none;
border-left: none;
}
#container {
padding: 0;
margin: 0;
}
#container hr {
width: 0px;
}
#container .externalLink {
background: url(externallink.png) center right no-repeat;
padding-right: 13px;
}
#titlenav {
position: absolute;
top: 20px;
left: 20px;
display: inline;
margin: 0;
padding: 0;
z-index: 5;
font-size: 110%;
}
#titlenav li {
color: #43598e;
float: left;
list-style-type: disc;
margin-left: 15pt;
padding: 5pt 10pt;
}
#titlenav li:first-child {
/*margin-left: 0;*/
padding-left: 0;
list-style: none;
}
#titlenav a {
color: #f57900;
display: block;
}
#titlenav a:hover {
color: #fcaf3e;
}
#titlebar {
background-color: #33436a;
text-shadow: 2px 2px 3px gray;
height: 54px;
padding-top: 1px;
padding-left: 16px;
padding-right: 16px;
border-bottom: 6px solid #f57900;
}
#titlebar .left {
text-align: left;
color: orange;
float: left;
}
#titlebar .right {
text-align: right;
color: white;
font-size: 44px;
}
/* #### Menue #### */
#nav {
float: left;
background-color: transparent;
text-align: left;
width: 180px;
margin: 0 0 0.5em 2em;
padding: 0.75em;
font-size: 90%;
border:1px solid #ccc;
background-color: #f6f6f6;
line-height: normal;
}
#nav a {
text-decoration: none;
}
#nav ul {
margin-left: -2em;
}
#nav li {
margin: 0;
list-style-type: square;
color: #888a85;
padding-top: 1em;
}
#toctitle {
color: #888;
font-size: 90%;
}
.toclevel-2 {
color: #babdb6;
}
/* #### Hauptteil #### */
#main {
margin-left: 25%;
padding: 0 1em;
text-align: justify;
}
#main li {
margin: 0.5em;
}
#main ul li {
margin: 0.5em;
list-style-type: square;
list-style-position: inside;
}
/* Abstand von Bildern + Bildunterschrift zum folgenden Absatz */
#main table caption {
margin-bottom: 1.5em;
}
#main img {
margin-bottom: 1.5em;
border: 0;
}
/* #os_selection: Tabelle mit Computern auf index.html */
#os_selection {
margin-left: auto;
margin-right: auto;
}
#os_selection td {
padding: 10pt;
}
/* #selection: Tabelle mit Buttons auf index2.html*/
#selection a {
text-decoration: none;
font-size: 100%;
}
#selection td {
vertical-align: middle;
padding: 0.6em 0.6em 0.9em 0;
}
#selection img {
margin: 0;
}
/* Zitate */
blockquote {
font-style:italic;
}
/* Bildbeschreibungen*/
caption {
font-size: small;
}
/* Hervorhebungen */
.textit {
color: #294210;
letter-spacing: 0.1em;
}
/* author-info" */
.author_info {
text-align: center;
color: #B7B7B7;
margin-top: -3.5em;
}
#footnotes {
font-size: small;
margin-top: 3em;
padding-left: 1em;
}
#progress {
background-color: transparent;
text-align: left;
width: 400px;
margin: 0 0 0.5em 2em;
padding: 0.75em;
border:1px solid #ccc;
background-color: #f6f6f6;
line-height: normal;
}
#progresstitle{
color: #888;
font-size: 90%;
}
.done, .done a {
color: grey;
font-size: 90%;
}
.nextnext, .nextnext a {
color: grey;
font-size: 90%;
}
/* #### Footer #### */
#footer {
clear: left;
border-top: 3px solid #B7B7B7;
background-color: #33436a;
margin-top: 30px;
padding: 15px 15px 0 15px;
color: white;
font-size: small;
height: 50px;
}
#footer .left {
text-align: left;
float: left;
}
#footer .right {
text-align: right;
}