https://wiki.hv-her-wan.de/w/index.php?action=history&feed=atom&title=Vorlage%3AInfobox_Bote%2Fstyles.css 2026-05-11T14:28:08Z Versionsgeschichte dieser Seite in Hist. Verein Herne / Wanne-Eickel MediaWiki 1.43.8 https://wiki.hv-her-wan.de/w/index.php?title=Vorlage:Infobox_Bote/styles.css&diff=80831&oldid=prev 2026-05-09T13:42:21Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">=========================================================== TemplateStyles für Vorlage:Infobox Bote Speichern unter: Vorlage:Infobox Bote/styles.css Aufgerufen aus: Vorlage:Infobox Bote ===========================================================: </span> .ibbote { float: left; clear: left; width: 420px; max-width: 100%; margin: 0 1.2em 1.2em 0; background: #ffffff; border: 1px solid #e0e0d8; border-radius: 12px; box-shadow: 0 2px 8p…“</p> <p><b>Neue Seite</b></p><div>/* ===========================================================<br /> TemplateStyles für Vorlage:Infobox Bote<br /> Speichern unter: Vorlage:Infobox Bote/styles.css<br /> Aufgerufen aus: Vorlage:Infobox Bote<br /> =========================================================== */<br /> <br /> .ibbote {<br /> float: left;<br /> clear: left;<br /> width: 420px;<br /> max-width: 100%;<br /> margin: 0 1.2em 1.2em 0;<br /> background: #ffffff;<br /> border: 1px solid #e0e0d8;<br /> border-radius: 12px;<br /> box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.06 );<br /> overflow: hidden;<br /> font-size: 15px;<br /> line-height: 1.55;<br /> font-family: sans-serif;<br /> }<br /> <br /> /* ---------- Kopfzeile mit Bote-Orange ---------- */<br /> .ibbote__header {<br /> background: #D64F1B; /* Bote-Orange */<br /> color: #FFD9A8;<br /> text-align: center;<br /> padding: 12px 12px 10px;<br /> letter-spacing: 0.02em;<br /> }<br /> .ibbote__brand {<br /> font-size: 13px;<br /> font-weight: 500;<br /> text-transform: uppercase;<br /> letter-spacing: 0.08em;<br /> opacity: 0.9;<br /> }<br /> .ibbote__title {<br /> font-size: 20px;<br /> font-weight: 500;<br /> color: #ffffff;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ---------- Cover-Hero ---------- */<br /> .ibbote__hero {<br /> background: #f6f4ec;<br /> padding: 18px;<br /> text-align: center;<br /> }<br /> .ibbote__hero a,<br /> .ibbote__hero img {<br /> display: inline-block;<br /> max-width: 100%;<br /> height: auto;<br /> }<br /> .ibbote__hero img {<br /> box-shadow: 0 4px 12px rgba( 0, 0, 0, 0.18 ), 0 1px 3px rgba( 0, 0, 0, 0.1 );<br /> }<br /> <br /> /* ---------- Body ---------- */<br /> .ibbote__body {<br /> padding: 14px 16px 12px;<br /> }<br /> <br /> /* ---------- Badges ---------- */<br /> .ibbote__badges {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 6px;<br /> margin: 0 0 14px;<br /> }<br /> .ibbote__badge {<br /> display: inline-block;<br /> font-size: 13px;<br /> font-weight: 500;<br /> padding: 3px 11px;<br /> border-radius: 999px;<br /> line-height: 1.4;<br /> white-space: nowrap;<br /> cursor: help;<br /> }<br /> .ibbote__badge--ausgabe {<br /> background: #FAEEDA;<br /> color: #633806;<br /> }<br /> .ibbote__badge--jahrgang,<br /> .ibbote__badge--seiten {<br /> background: #F1EFE8;<br /> color: #444441;<br /> }<br /> <br /> /* ---------- Inhalts-Block ---------- */<br /> .ibbote__content {<br /> border-top: 1px solid #f1efe8;<br /> padding-top: 10px;<br /> }<br /> .ibbote__content-label {<br /> font-size: 12px;<br /> color: #888780;<br /> text-transform: uppercase;<br /> letter-spacing: 0.04em;<br /> margin-bottom: 8px;<br /> }<br /> .ibbote__content-body {<br /> font-size: 14px;<br /> color: #2c2c2a;<br /> line-height: 1.55;<br /> }<br /> <br /> /* Listen-Darstellung, falls &quot;Inhalt&quot; mit * formatiert ist */<br /> .ibbote__content-body ul {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> }<br /> .ibbote__content-body li {<br /> padding: 5px 0;<br /> border-bottom: 1px solid #f7f5ee;<br /> }<br /> .ibbote__content-body li:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> /* Fließtext-Darstellung, falls &quot;Inhalt&quot; reiner Text ist */<br /> .ibbote__content-body p {<br /> margin: 0 0 0.5em;<br /> }<br /> <br /> /* ---------- Footer ---------- */<br /> .ibbote__footer {<br /> margin-top: 12px;<br /> padding-top: 8px;<br /> border-top: 1px solid #f1efe8;<br /> font-size: 12px;<br /> color: #aaa9a3;<br /> text-align: right;<br /> }<br /> <br /> /* ---------- Responsive ---------- */<br /> @media ( max-width: 720px ) {<br /> .ibbote {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 1em 0;<br /> }<br /> }<br /> <br /> /* ---------- Druckansicht ---------- */<br /> @media print {<br /> .ibbote {<br /> box-shadow: none;<br /> border: 1px solid #ccc;<br /> break-inside: avoid;<br /> }<br /> .ibbote__hero img {<br /> box-shadow: none;<br /> }<br /> .ibbote__footer {<br /> display: none;<br /> }<br /> }<br /> <br /> /* ---------- Dunkler Modus ---------- */<br /> @media ( prefers-color-scheme: dark ) {<br /> .ibbote {<br /> background: #2c2c2a;<br /> border-color: #444441;<br /> box-shadow: none;<br /> }<br /> .ibbote__hero { background: #1f1f1d; }<br /> .ibbote__content-body { color: #f1efe8; }<br /> .ibbote__content,<br /> .ibbote__footer { border-color: #444441; }<br /> .ibbote__content-label { color: #b4b2a9; }<br /> .ibbote__content-body li { border-bottom-color: #38383640; }<br /> .ibbote__badge--ausgabe { background: #854f0b; color: #faeeda; }<br /> .ibbote__badge--jahrgang,<br /> .ibbote__badge--seiten { background: #444441; color: #f1efe8; }<br /> /* Header bleibt absichtlich orange – Markenfarbe. */<br /> }</div>

Thorsten Schmidt