diff --git a/interred-rte/nmg.css b/interred-rte/nmg.css new file mode 100644 index 0000000..8abf75b --- /dev/null +++ b/interred-rte/nmg.css @@ -0,0 +1,271 @@ +/* + + 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; +}