https://wiki.hv-her-wan.de/w/index.php?action=history&feed=atom&title=Vorlage%3AStrassennamen%2Fstyles.css 2026-05-09T19:00:21Z Versionsgeschichte dieser Seite in Hist. Verein Herne / Wanne-Eickel MediaWiki 1.43.8 https://wiki.hv-her-wan.de/w/index.php?title=Vorlage:Strassennamen/styles.css&diff=80826&oldid=prev 2026-05-09T12:30:31Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">=========================================================== TemplateStyles für Vorlage:Strassennamen Speichern unter: Vorlage:Strassennamen/styles.css Aufgerufen aus: Vorlage:Strassennamen ===========================================================: </span> <span class="autocomment">Container, der Schild und Begleittext nebeneinander setzt: </span> .strschild-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2em; margin: 0.6em 0 1.2em; } /* Das Sc…“</p> <p><b>Neue Seite</b></p><div>/* ===========================================================<br /> TemplateStyles für Vorlage:Strassennamen<br /> Speichern unter: Vorlage:Strassennamen/styles.css<br /> Aufgerufen aus: Vorlage:Strassennamen<br /> =========================================================== */<br /> <br /> /* Container, der Schild und Begleittext nebeneinander setzt */<br /> .strschild-wrap {<br /> display: flex;<br /> align-items: center;<br /> flex-wrap: wrap;<br /> gap: 1.2em;<br /> margin: 0.6em 0 1.2em;<br /> }<br /> <br /> /* Das Schild selbst – blaue Außenfläche */<br /> .strschild {<br /> background: #005FA8; /* Verkehrsblau RAL 5017 */<br /> padding: 6px; /* Abstand zwischen Schildkante und weißem Rand */<br /> border-radius: 4px;<br /> box-shadow: 2px 3px 8px rgba( 0, 0, 0, 0.35 );<br /> display: inline-block;<br /> flex: 0 0 auto;<br /> max-width: 100%;<br /> }<br /> <br /> /* Weißer Innenrand (typisches Merkmal deutscher Straßennamenschilder) */<br /> .strschild__inner {<br /> border: 2px solid #ffffff;<br /> border-radius: 2px;<br /> padding: 10px 26px;<br /> text-align: center;<br /> }<br /> <br /> /* Beschriftung */<br /> .strschild__name {<br /> font-family: &quot;DIN 1451 Std&quot;, &quot;DIN Mittelschrift&quot;, Arial, Helvetica, sans-serif;<br /> font-weight: 700;<br /> font-size: 28px;<br /> line-height: 1.15;<br /> letter-spacing: 0.01em;<br /> color: #ffffff;<br /> white-space: normal; /* erlaubt Umbruch bei langen Namen */<br /> }<br /> <br /> /* Optionaler Begleittext rechts vom Schild */<br /> .strschild__text {<br /> flex: 1 1 220px;<br /> color: #2c2c2a;<br /> font-size: 14px;<br /> line-height: 1.6;<br /> }<br /> <br /> /* ---------- Responsive ---------- */<br /> @media ( max-width: 600px ) {<br /> .strschild__inner {<br /> padding: 8px 16px;<br /> }<br /> .strschild__name {<br /> font-size: 22px;<br /> }<br /> }<br /> <br /> /* ---------- Druckansicht ---------- */<br /> @media print {<br /> .strschild {<br /> box-shadow: none;<br /> }<br /> }<br /> <br /> /* ---------- Dunkler Modus ---------- */<br /> @media ( prefers-color-scheme: dark ) {<br /> .strschild__text {<br /> color: #f1efe8;<br /> }<br /> /* Das Schild selbst bleibt absichtlich blau/weiß –<br /> genau wie ein echtes Schild auch nachts blau/weiß ist. */<br /> }</div>

Thorsten Schmidt