272 lines
5.0 KiB
CSS
272 lines
5.0 KiB
CSS
/*
|
|
|
|
Farben
|
|
com-Standard - #446E83
|
|
com-Update Hellblau #009FEE
|
|
com-Brennpunkt Rot #B70016
|
|
com-Software Hellgrün #73B929
|
|
com-recht Schiefergrau #528095
|
|
com-Hardware Pazifikblau #0094AF
|
|
com-Infrastruktur Orange #FF750D
|
|
com-Wissen Lila #8C0C7E
|
|
com-Sicherheit Dunkelblau #212282
|
|
|
|
*/
|
|
|
|
/* =============================================================================
|
|
Allgemein
|
|
============================================================================= */
|
|
|
|
body, html {
|
|
color: black;
|
|
text-align: left;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 12px;
|
|
padding: 10px;
|
|
}
|
|
|
|
div {
|
|
display: block;
|
|
margin: 2px 0px !important;
|
|
}
|
|
|
|
div:hover {
|
|
background: #efefef;
|
|
}
|
|
|
|
span:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
/* =============================================================================
|
|
Absatzstile
|
|
============================================================================= */
|
|
|
|
div.headline,
|
|
div.headline-interview-gross,
|
|
div.pro-contra-kleine-headline,
|
|
div.kleine-headline,
|
|
div.headline-download,
|
|
div.randkasten-headline-gross {
|
|
font-size: 25px;
|
|
}
|
|
|
|
div.dachzeile {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.vorspann {
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.bildquelle,
|
|
div.aufmacherbild-quelle {
|
|
font-size: 10px;
|
|
}
|
|
|
|
div.text-fliesstext-einzug,
|
|
div.kasten-fliesstext-einzug,
|
|
div.kasten-text-fliesstext-einzug,
|
|
div.download-text-fliesstext-einzug,
|
|
div.zubehoer-text-fliesstext-einzug {
|
|
text-indent: 12px;
|
|
}
|
|
|
|
/*
|
|
Benötigt, damit der RTE auf das Umschalten
|
|
auf text-fliesstext-initial reagiert
|
|
*/
|
|
div.text-fliesstext::first-letter {
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.text-fliesstext-initial::first-letter {
|
|
font-size: 25px;
|
|
}
|
|
|
|
div.text-fliesstext-kursiv,
|
|
div.interview-frage{
|
|
font-style: italic;
|
|
}
|
|
|
|
div.text-headline-umbruch {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.text-zwischenueberschrift,
|
|
div.zubehoer-zwischenueberschrift {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.text-listing {
|
|
font-family: Consolas, monospace;
|
|
border: 1px solid #ccc;
|
|
padding: 2px;
|
|
}
|
|
|
|
div.text-dachzeile-klein {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.text-kleine-headline {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.text-url {
|
|
font-family: Consolas, monospace;
|
|
}
|
|
|
|
div.seitenstrecke-titel {
|
|
font-size: 50px;
|
|
}
|
|
|
|
div.seitenstrecke-subtitel {
|
|
font-size: 25px;
|
|
}
|
|
|
|
div.infokasten-lauftext-aufzaehlung::before,
|
|
div.text-fliesstext-inhaltskasten::before {
|
|
content: "? ";
|
|
}
|
|
|
|
div.zitat-autor-url {
|
|
font-family: Consolas, monospace;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.titel-ministory-lauftext {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.editorial-zitat {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
div.inhalt-headline-hellblau,
|
|
div.inhalt-headline-rot,
|
|
div.inhalt-headline-hellgruen,
|
|
div.inhalt-headline-schiefergrau,
|
|
div.inhalt-headline-pazifikblau,
|
|
div.inhalt-headline-orange,
|
|
div.inhalt-headline-lila,
|
|
div.inhalt-headline-dunkelblau {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.inhalt-headline-hellblau {color: #009FEE;}
|
|
div.inhalt-headline-rot {color: #B70016;}
|
|
div.inhalt-headline-hellgruen {color: #73B929;}
|
|
div.inhalt-headline-schiefergrau {color: #528095;}
|
|
div.inhalt-headline-pazifikblau {color: #0094AF;}
|
|
div.inhalt-headline-orange {color: #FF750D;}
|
|
div.inhalt-headline-lila {color: #8C0C7E;}
|
|
div.inhalt-headline-dunkelblau {color: #212282;}
|
|
|
|
div.inhalt-subheadline {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.inhalt-fliesstext {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
div.kasten-titel {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.zubehoer-text-zitat {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
div.zubehoer-text-nummerierung::before {
|
|
content: "? ";
|
|
color: #ccc;
|
|
}
|
|
|
|
div.randkasten-headline {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.zubehoer-prozente {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.impressum-fliesstext-linie {
|
|
border-bottom: 1px solid #000;
|
|
margin-bottom: 15px !important;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
div.impressum-fliesstext-fett {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* =============================================================================
|
|
Zeichenstile
|
|
============================================================================= */
|
|
|
|
span.text-listing {
|
|
font-family: Consolas, monospace;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.text-Anreiser,
|
|
span.bildunterschrift-anreisser,
|
|
span.info-url,
|
|
span.zitat-autor-name,
|
|
span.interview-text-anreisser,
|
|
span.kasten-text-anreisser,
|
|
span.inhalt-experten-anreisser,
|
|
span.inhalt-anreisser,
|
|
span.impressum-fett {
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
span.kasten-vorspann {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
span.text-nummerierung {
|
|
background: #aaa;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
}
|
|
|
|
span.titel-ministory-seite {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.inhalt-seitenzahl {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.zubehoer-prozente {
|
|
font-weight: bold;
|
|
color: #666;
|
|
}
|
|
|
|
span.impressum-fett-rot {
|
|
font-weight: bold;
|
|
color: #B70016;
|
|
}
|