cryptocd/cd-template/doku/cryptocd.css

354 lines
4.7 KiB
CSS
Raw Normal View History

/*
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;
}
2005-04-23 22:35:52 +02:00
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;
2005-04-23 22:35:52 +02:00
}
h2 {
font-size: 150%;
color: #4e9a06;
}
2006-08-01 22:36:57 +02:00
/* author-info" */
.author_info {
text-align: center;
color: #B7B7B7;
margin-top: -3.5em;
}
a:link {
2006-07-18 15:43:20 +02:00
text-decoration: none;
color: #f57900;
background: none;
}
a:visited {
color: #ce5c00;
text-decoration: none;
2006-07-18 15:43:20 +02:00
}
a:active {
color: #f57900;
2006-07-18 15:43:20 +02:00
}
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 {
2006-07-18 15:43:20 +02:00
background-color: #33436a;
text-shadow: 2px 2px 3px gray;
height: 54px;
padding-top: 1px;
padding-left: 16px;
padding-right: 16px;
2006-07-18 15:43:20 +02:00
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 #### */
2005-04-23 22:35:52 +02:00
#nav {
2006-06-06 18:15:18 +02:00
float: left;
background-color: transparent;
2006-07-18 15:43:20 +02:00
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;
2005-12-12 21:47:35 +01:00
}
2005-12-12 21:47:35 +01:00
#nav a {
text-decoration: none;
}
#nav ul {
margin-left: -2em;
}
2005-12-12 21:47:35 +01:00
#nav li {
margin: 0;
list-style-type: square;
color: #888a85;
padding-top: 1em;
2005-12-12 21:47:35 +01:00
}
2006-08-01 22:36:57 +02:00
#navtitle {
2006-07-18 15:43:20 +02:00
color: #888;
font-size: 90%;
2006-07-18 15:43:20 +02:00
}
.toclevel-2 {
color: #babdb6;
}
/* #### Hauptteil #### */
2005-04-23 22:35:52 +02:00
#main {
2006-06-06 18:15:18 +02:00
margin-left: 25%;
padding: 0 1em;
text-align: justify;
2005-04-23 22:35:52 +02:00
}
2006-05-17 23:25:13 +02:00
#main li {
margin: 0.5em;
}
#main ul li {
margin: 0.5em;
list-style-type: square;
list-style-position: inside;
2006-05-17 23:25:13 +02:00
}
/* Abstand von Bildern + Bildunterschrift zum folgenden Absatz */
#main table caption {
margin-bottom: 1.5em;
}
#main img {
margin-bottom: 1.5em;
border: 0;
}
2006-08-01 22:36:57 +02:00
#toctitle {
color: #888;
font-size: 90%;
}
.TofC {
font-size: 90%;
}
2006-07-18 15:43:20 +02:00
/* #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*/
2006-07-18 15:43:20 +02:00
#selection a {
text-decoration: none;
font-size: 100%;
2006-07-18 15:43:20 +02:00
}
#selection td {
vertical-align: middle;
padding: 0.6em 0.6em 0.9em 0;
}
#selection img {
margin: 0;
}
2005-04-23 22:35:52 +02:00
/* Zitate */
blockquote {
2006-06-06 18:15:18 +02:00
font-style:italic;
2005-04-23 22:35:52 +02:00
}
/* Bildbeschreibungen*/
2005-04-23 22:35:52 +02:00
caption {
font-size: small;
}
/* Hervorhebungen */
2005-04-23 22:35:52 +02:00
.textit {
color: #294210;
letter-spacing: 0.1em;
2005-04-23 22:35:52 +02:00
}
2006-08-01 23:08:41 +02:00
.kbd {
2006-08-01 23:37:48 +02:00
font-family: monospace;
font-size: 90%;
2006-08-01 23:54:01 +02:00
background-color: #eeeeec;
margin: 0.1em 0.6em 0.1em 0.1em;
2006-08-01 23:08:41 +02:00
padding: 0 0.3em 0;
border-style: solid;
border-width: 1px;
2006-08-01 23:54:01 +02:00
border-color: #babdb6 #888a85 #888a85 #babdb6;;
2006-08-01 23:08:41 +02:00
}
#footnotes {
font-size: small;
margin-top: 3em;
padding-left: 1em;
}
#progress {
background-color: transparent;
text-align: left;
width: 400px;
2006-08-01 20:37:33 +02:00
margin: 3em 0 0.5em 2em;
padding: 0.75em;
border:1px solid #ccc;
background-color: #f6f6f6;
line-height: normal;
}
#progresstitle{
color: #888;
font-size: 90%;
}
#progress ul {
margin-left: -2.6em;
}
.done, .done a {
color: grey;
font-size: 90%;
}
2006-08-02 00:38:47 +02:00
.next a {
font-size: 110%;
}
.next a:link {
text-decoration: none;
color: #f57900;
background: none;
}
.next a:visited {
color: #ce5c00;
text-decoration: none;
}
.next a:active {
color: #f57900;
}
.next a:hover {
color: #fcaf3e;
text-decoration: underline;
}
/* #### Footer #### */
#footer {
2006-06-06 18:15:18 +02:00
clear: left;
2006-07-18 15:43:20 +02:00
border-top: 3px solid #B7B7B7;
background-color: #33436a;
margin-top: 30px;
padding: 15px 15px 0 15px;
color: white;
2006-06-06 18:15:18 +02:00
font-size: small;
height: 50px;
2005-12-12 21:47:35 +01:00
}
#footer .left {
text-align: left;
float: left;
}
#footer .right {
text-align: right;
}