/* = = = = = / # jadE-Farben: background: #0E1A0E; # sehr dunkelgrün - Hintergrund background: #827f00; # grün - Titel, Logo, footer Hintergrund background: #dfe148; # gelb - Themenmenü background: #B0B224; # Programmmenü # #005000 # dunkelgrün - Schrift Logo #0c0f36ff # Dunkelblau - Elbe #52510E # Ramen Titel #A60707 # jadE-Mail #DC4D05 # jadE-Galerie #817E00 # jadE-Wiki #B33C00 # Programme Galerie #595700 # Programme Wiki #B2AE00 # Programmmenü 2 #D1D33D # Programmmenü 1 # # rgba(rot, grün, blau, Deckkraft) rgba(200, 54, 54, 0.5) / = = = = = */ /* ===================================== / Tagname sucht nach z.B. im HTML und wendet die Einstellungen an direkte Angaben im HTML haben Vorrang / ===================================== */ /* Grundkörper im Hintergrund */ body { margin: 0; /* Aussenabstand (schiebt) */ padding: 0.8em 1.5em 0.5em 1.5em; /* Innenabstand (drückt) - oben rechts unten links */ background: #0E1A0E; text-align: left; /* ie hack */ } /* ===================================== / .Klasse sucht nach / ===================================== */ /* Style von Kopf und Fuss */ .style_titel { border: 2px #52510E; border-style: solid; background: #827f00; text-align: center; font-family: StayPuft, sans-serif; } /* Titel oben rechts - Abstand zum Logo */ .titelobenrechts { padding: 0 0 0 17.5em; /* oben rechts unten links */ } .style_programme { padding: 0em 0.5em 0.2em 0.5em; margin: 0 0 0 0; text-align: center; border: solid 3px #827f00; background: #D1D33D; font-family: StayPuft, sans-serif; font-size: 140%; } .style_programme li { display: inline; margin: 0 0.7em 0 0.7em; } .style_programme li a { color: #0c0f36; } .style_programme:hover { background: #dfe148; } .style_wiki:hover { border-bottom: solid 1px red; color: #817E00; } .style_galerie:hover { border-bottom: solid 1px red; color: #DC4D05;} .style_listen:hover { border-bottom: solid 1px red; color: #000B93;} .style_mail:hover { border-bottom: solid 1px red; color: #A60707;} .style_home:hover { border-bottom: solid 1px red; color: #005000;} /* Style Inhalt */ .style_inhalt { font-family: sans-serif; border: solid 4px #52510E; background: gray url(jadE-images/jadE-Text.png); margin: 3em 3em 1em 3em; padding: 0.5em 2em 1em 5em; } .style_inhalt h1, h2, h3, h4, h5 { clear: right; } .style_inhalt p { line-height: 140%; } .style_inhalt td { vertical-align:top; font-weight: bold; font-size: 90%; padding: 0em 1em 0.3em 0; } .style_inhalt .foto { text-align: center; font-size: 70%; margin: 1em 0 1em 1em; } .style_inhalt .foto img { display: block; border: solid 1px #0c0f36; } .style_inhalt .foto a:hover img { border: solid 1px red; } .style_inhalt .foto_inline { display: inline; margin: 0em 0 0em 0em; } .style_inhalt .foto_inline table { font-weight: normal; margin: 0 auto; width: 100%; } .knopf { border: solid 1px black; background: #DADADA; font-weight: bold; font-size: 80%; white-space: nowrap; padding: 0.1em 0.4em 0.1em 0.4em; margin: 0 0.4em 0 0.4em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; -khtml-border-radius: 0.3em; border-radius: 0.3em; } /* .hintergrund { background:url(jadE-images/Keulen.gif); background-position: top; background-repeat: no-repeat; background-attachment: scroll; position: fixed; width: 100%; height: 100%; } */ /* Farben */ .green { color: #005000; } .blue { color: #0c0f36; } .braun { color: #52510E; } .black { color: black; } .color_wiki { color: #595700; } .color_mail { color: #A60707; } .color_galerie { color: #B33C00; } .logo_font { font-family: StayPuft, sans-serif; font-size: 110%; } .left { float: left; clear: left; } .right { clear: right; float: right; } .center {margin: 0 auto} /* round corners in nice browsers */ .round { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; border-radius: 0.5em; } /* ===================================== / div frei belegbarer Befehl div.content - div der Klasse content / ===================================== */ /* ===================================== / #id darf nur einmal pro HTML-Seite auftauchen sucht nach / ===================================== */ #Logo { position: absolute; width: 16.5em; height: 10em; } #Logo h1 { float: left; font-size: 550%; font-weight: normal; padding: 0 0 0 0.4em; margin: 0; } #Logo h2 { float: right; font-size: 150%; font-weight: normal; padding: 0 0.8em 0.3em 0; margin: 0; } #Logo a:hover { text-decoration: none; border: none; } #Logolink { z-index: 1; position: absolute; width: 16.5em; height: 10em; } #TitelOben { position: relative; } #TitelUnten { padding: 0.5em 1em 0.5em 1em; } #Titelzeile { position: relative; } #Titelzeile h1 { font-size: 360%; font-weight: normal; padding: 0 0.1em 0.1em 0; margin: 0; } #Titelzeile object { padding: 1em 0 0.7em 0; } #MenuProgramme { margin: 0.3em 0 0 0; } /* Style Menü Themen */ #MenuThemen { padding: 0; margin: 5em 1.5em 1em 4.2em; /* oben rechts unten links */ background: #dfe148; border-top: solid 2px black; border-left: solid 2px black; border-right: solid 7px #364036; border-bottom: solid 5px black; list-style-type: none; float: left; } #MenuThemen h4 { margin: 0.3em 0 0 0; font-family: StayPuft, sans-serif; font-size: 130%; } #MenuThemen li { margin: 0 1em 0.3em 1em; } /* ===================================== / @magie / ===================================== */ /* Schrift vom Server für Titelstyle */ @font-face { font-family: StayPuft; src: url('/jadE-fonts/StayPuft.ttf'); } /* ===================================== / ein Tag und irgendwas mit Magie... Feste Namen a - anker-Tag a:link für Link / ===================================== */ /* link styling */ a:link, a:hover, a:active, a:visited { text-decoration: none; color: blue; } a:hover { border-bottom: dotted 1px blue; color: red; }