| | CSS-Definition | benutzt für |
| css-Header | /* (c) 2007 Emmerich Softwarevertrieb */
/* Style Sheet Definitionen Layout 1 */
/* CMSlight - 03.04.2007 */
| Versionshinweis der verwendeten Standard-CSS-Datei |
| BODY | body {
color: black;
font-family: sans-serif, arial;
margin: 1px;
padding: 3px;
font-size: 100%;
} | |
Textauszeichnung
vom System benutzt | #main {
font-weight: bold;
font-size: 80%;
} | #main
Schriftdefinition für die Buttons der Kategorien und Topics. |
#main_txt {
font-size: 80%;
} | #main_txt
NORMAL-Font, verfügbar in der Textspalte eines Verarbeitungsblockes und im Tabellen-Zellenformat Editor. |
#ueberschrift {
font-weight: bold;
font-size: 150%;
} | #ueberschrift
UEBERSCHRIFT-Font, verfügbar in der Textspalte eines Verarbeitungsblockes und im Tabellen-Zellenformat Editor. |
#untertitel {
font-weight: bold;
font-size: 100%;
} | #untertitel
UNTERTITEL-Font, verfügbar in der Textspalte eines Verarbeitungsblockes und im Tabellen-Zellenformat Editor. |
#bildunterschrift {
font-size: 90%;
} | #bildunterschrift
Beschreibungstext für Bilder, die im Verarbeitungsblock in einer Bildspalte dargestellt werden. |
#galerietext {
font-weight: bold;
font-size: 80%;
text-align: center;
} | #galerietext
Bildbeschreibung der einzelnen Bilder in der Bildergalerie. |
#info {
font-size: 70%;
margin: 0;
padding: 1px;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
border: 2px dashed #4A5A9C;
background-color: #B1BAD9;
margin-top: 30px;
} | #info
Definition für den Infotext (Infobox). |
a.info {
} | a.info
Frei definierbares Aussehen für die generierten internen Anker/Referenzen im Infotext. |
h1 {
margin-top:20px;
}
| h1
Überschrift im Zentraldokument |
td.bl_txt {
font-family: Courier New;
font-size: 80%;
} | td.bl_txt
SYSTEM-Font, verfügbar in der Textspalte eines Verarbeitungsblockes und im Tabellen-Zellenformat Editor. |
Textauszeichnung
für vorgegebene zusätzliche Funktionen | #blfont {
font-family: Courier New;
} | #blfont
Um innerhalb eines Textes den Systemfont benutzen zu können:
Beispiel: <b id=blfont>Systemfont</b> |
ul, ol {
margin-top: 1px;
margin-bottom: 1px;
}
| ul, ol
Abstand bei Aufzählungen zwischen vorangegangenem Text und Aufzählungsbeginn ...
- es gibt keinen Abstand zum obigen Absatz
- und keinen Abstand zum Folgetext
... sowie zwischen Aufzählungsende und Weiterführung des nachfolgenden Textes. |
| Navigationsbereich | #logo_area {
} | #logo_area
Frei definierbare Zusatzfunktionen für den Bereich des Logos. |
#top_area {
} | #top_area
Frei definierbare Zusatzfunktionen für den Bereich der Hintergrundgrafik im oberen Bereich. |
#left_area {
background-repeat:repeat-y;
} | #left_area
Frei definierbare Zusatzfunktionen für den Bereich der Hintergrundgrafik im linken Bereich.
Der Default-Eintrag bedeutet, dass ein Hintergrundbild nur 1x horizontal angezeigt wird, also keine Wiederholung stattfindet. |
#absatz_01 {
margin-top: 70px;
} | #absatz_01
Größe des Abstandes zwischen dem Logo und dem ersten Topic des Menüsystems. |
#main_area {
padding-left: 16px;
} | #main_area
Linker Abstand des Zentraldokuments von den Menübuttons der Topics und Subtopics. |
| EDITOR-Button | a.editor_button {
color: dk-blue;
background-color: #69F98E;
text-align: center;
display: inline;
width: 100px;
border-width: 2px;
border-color: black;
border-style: solid;
padding: 2px;
text-decoration: none;
font-size: 80%;
}
a.editor_button:hover {
color: red;
background-color: #C0C0FF;
} | a.editor_button
Normalzustand der Buttons für die EDITORFUNKTION wenn nicht ausgewählt.
a.editor_button:hover
Zustand der Buttons für die EDITORFUNKTION bei überfahren mit dem Mauszeiger. |
Hauptdokument-Button
& Kategorie-Button | a.main_button {
color: black;
background-color: #F2F4B9;
text-align: center;
display: inline;
width: 100px;
border-width: 2px;
border-color: black;
border-style: solid;
padding: 2px;
text-decoration: none;
font-weight: bold;
font-size: 80%;
}
a.main_button:hover {
color: red;
background-color: #FDE801;
} | a.main_button
Normalzustand der Buttons für die Hauptdokumente und die Kategorien wenn nicht ausgewählt. Die Schriftgröße der Kategorie-Buttons wird geregelt über die Definition #main.
a.main_button:hover
Zustand der Buttons für die Hauptdokumente und die Kategorien bei überfahren mit dem Mauszeiger. |
#main_button_aktiv {
color: #F2F4B9;
background-color: black;
text-align: center;
display: inline;
width: 100px;
border-width: 2px;
border-color: black;
border-style: solid;
padding: 2px;
text-decoration: none;
font-weight: bold;
font-size: 80%;
} | #main_button_aktiv
Darstellung der Buttons für die Kategorie wenn die Seite ausgewählt ist. |
| Topic-Button | a.sub_button_1 {
color: white;
background-color: #4040FF;
text-align: left;
display: block;
width: 100%;
border-width: 1px;
border-color: #070DFD;
border-style: solid;
padding: 1px;
text-decoration: none;
font-size: 80%;
margin-top: 4px;
}
a.sub_button_1:hover {
color: white;
background-color: #C00000;
} | a.sub_button_1
Normalzustand der Buttons für die Topics wenn nicht ausgewählt.
a.sub_button_1:hover
Zustand der Buttons für die Topics bei überfahren mit dem Mauszeiger. |
#sub_button_1_aktiv {
color: black;
background-color: #CDD8CB;
text-align: left;
display: block;
width: 100%;
border-width: 1px;
border-color: #070DFD;
border-style: solid;
padding: 1px;
text-decoration: none;
font-size: 80%;
margin-top: 4px;
} | #sub_button_1_aktiv
Darstellung der Buttons für die Topics wenn die Seite ausgewählt ist und es keine weiteren Subtopics zum Topic gibt. |
#sub_button_1_aktiv_first {
color: #F2F4B9;
background: black;
text-align: left;
display: block;
width: 100%;
border-width: 1px;
border-color: #070DFD;
border-style: solid;
padding: 1px;
text-decoration: none;
font-size: 80%;
margin-top: 4px;
} | sub_button_1_aktiv_first
Darstellung der Buttons für die Topics wenn die Seite ausgewählt ist und es weitere Subtopics zum Topic gibt. |
| Subtopic-Button | a.sub_button_2 {
color: white;
background: #4040FF;
text-align: left;
display: block;
width: 100%;
border-width: 1px;
border-color: #070DFD;
border-style: solid;
padding: 1px;
text-decoration: none;
font-size: 80%;
}
a.sub_button_2:hover {
color: white;
background-color: #C00000;
} | a.sub_button_2
Normalzustand der Buttons für die Subtopics wenn nicht ausgewählt.
a.sub_button_2:hover
Zustand der Buttons für die Subtopics bei überfahren mit dem Mauszeiger. |
#sub_button_2_aktiv {
color: #4040FF;
background: #CDD8CB;
text-align: left;
display: block;
width: 100%;
border-width: 1px;
border-color: #070DFD;
border-style: solid;
padding: 1px;
text-decoration: none;
font-size: 80%;
} | sub_button__aktiv
Darstellung der Buttons für die Subtopics wenn die Seite ausgewählt ist. |
| Firefox-Kompatibiliät | form, p { margin: 0; } | Zusätzliche Definitionen zur Erreichung der Browser-Kompatibilitäten. |
