https://wiki.hv-her-wan.de/w/index.php?action=history&feed=atom&title=Vorlage%3AInfobox_Band%2Fstyles.css 2026-05-14T06:48:45Z 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_Band/styles.css&diff=81298&oldid=prev 2026-05-12T16:32:14Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">=========================================================== TemplateStyles für Vorlage:Infobox Band Speichern unter: Vorlage:Infobox Band/styles.css Aufgerufen aus: Vorlage:Infobox Band ===========================================================: </span> .ibband { float: right; clear: right; width: 360px; max-width: 100%; margin: 0 0 1.2em 1.2em; background: #ffffff; border: 1px solid #e0e0d8; border-radius: 12px; box-shadow: 0 2px…“</p> <p><b>Neue Seite</b></p><div>/* ===========================================================<br /> TemplateStyles für Vorlage:Infobox Band<br /> Speichern unter: Vorlage:Infobox Band/styles.css<br /> Aufgerufen aus: Vorlage:Infobox Band<br /> =========================================================== */<br /> <br /> .ibband {<br /> float: right;<br /> clear: right;<br /> width: 360px;<br /> max-width: 100%;<br /> margin: 0 0 1.2em 1.2em;<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 in Stahlblau ---------- */<br /> .ibband__header {<br /> background: #5775a8; /* Stahlblau – Markenfarbe für Bands */<br /> color: #ffffff;<br /> font-weight: 500;<br /> text-align: center;<br /> padding: 11px 12px;<br /> font-size: 17px;<br /> letter-spacing: 0.02em;<br /> }<br /> <br /> /* ---------- Logo / Bild / Logo unten ---------- */<br /> .ibband__media {<br /> background: #f6f4ec;<br /> padding: 14px;<br /> text-align: center;<br /> border-bottom: 1px solid #f1efe8;<br /> }<br /> .ibband__media a,<br /> .ibband__media img {<br /> display: inline-block;<br /> max-width: 100%;<br /> height: auto;<br /> }<br /> .ibband__caption {<br /> margin-top: 6px;<br /> font-size: 13px;<br /> color: #6b6b66;<br /> font-style: italic;<br /> }<br /> .ibband__logo-bottom {<br /> background: #f6f4ec;<br /> padding: 14px;<br /> text-align: center;<br /> border-top: 1px solid #f1efe8;<br /> margin-top: 12px;<br /> }<br /> <br /> /* ---------- Body ---------- */<br /> .ibband__body {<br /> padding: 14px 16px 12px;<br /> }<br /> <br /> /* ---------- Sektion-Header ---------- */<br /> .ibband__section {<br /> background: #5775a8;<br /> color: #ffffff;<br /> font-weight: 500;<br /> text-align: center;<br /> padding: 7px 12px;<br /> font-size: 14px;<br /> letter-spacing: 0.02em;<br /> margin: 14px -16px 0; /* zieht den Header bis zum Box-Rand */<br /> }<br /> .ibband__section:first-child {<br /> margin-top: 0;<br /> }<br /> <br /> /* ---------- Allgemeine Daten ---------- */<br /> .ibband__data {<br /> margin-top: 4px;<br /> }<br /> .ibband__row {<br /> display: flex;<br /> gap: 12px;<br /> padding: 7px 0;<br /> border-bottom: 1px solid #f7f5ee;<br /> align-items: flex-start;<br /> }<br /> .ibband__row:last-child {<br /> border-bottom: none;<br /> }<br /> .ibband__label {<br /> flex: 0 0 110px;<br /> color: #888780;<br /> font-size: 13px;<br /> font-weight: 500;<br /> }<br /> .ibband__value {<br /> flex: 1 1 auto;<br /> color: #2c2c2a;<br /> font-size: 14px;<br /> word-wrap: break-word;<br /> overflow-wrap: break-word;<br /> }<br /> <br /> /* ---------- Mitgliederliste ---------- */<br /> .ibband__members {<br /> margin-top: 4px;<br /> }<br /> .ibband__members-text {<br /> padding: 8px 0 4px;<br /> font-size: 14px;<br /> color: #2c2c2a;<br /> text-align: center;<br /> border-bottom: 1px solid #f7f5ee;<br /> }<br /> .ibband__members-text:last-child {<br /> border-bottom: none;<br /> }<br /> .ibband__member {<br /> display: flex;<br /> gap: 12px;<br /> padding: 6px 0;<br /> border-bottom: 1px solid #f7f5ee;<br /> align-items: baseline;<br /> }<br /> .ibband__member:last-child {<br /> border-bottom: none;<br /> }<br /> .ibband__role {<br /> flex: 0 0 110px;<br /> font-size: 13px;<br /> color: #5f5e5a;<br /> background: #f1efe8;<br /> padding: 2px 8px;<br /> border-radius: 4px;<br /> text-align: center;<br /> align-self: center;<br /> }<br /> .ibband__person {<br /> flex: 1 1 auto;<br /> font-size: 14px;<br /> color: #2c2c2a;<br /> font-weight: 500;<br /> word-wrap: break-word;<br /> overflow-wrap: break-word;<br /> }<br /> <br /> /* ---------- Footer ---------- */<br /> .ibband__footer {<br /> display: flex;<br /> justify-content: space-between;<br /> flex-wrap: wrap;<br /> gap: 6px;<br /> margin-top: 14px;<br /> padding-top: 8px;<br /> border-top: 1px solid #f1efe8;<br /> font-size: 12px;<br /> color: #aaa9a3;<br /> }<br /> .ibband__footer a,<br /> .ibband__footer a:visited {<br /> color: #888780;<br /> }<br /> <br /> /* ---------- Responsive ---------- */<br /> @media ( max-width: 720px ) {<br /> .ibband {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 1em 0;<br /> }<br /> .ibband__label,<br /> .ibband__role {<br /> flex: 0 0 90px;<br /> }<br /> }<br /> <br /> /* ---------- Druckansicht ---------- */<br /> @media print {<br /> .ibband {<br /> box-shadow: none;<br /> border: 1px solid #ccc;<br /> break-inside: avoid;<br /> }<br /> .ibband__footer {<br /> display: none;<br /> }<br /> }<br /> <br /> /* ---------- Dunkler Modus ---------- */<br /> @media ( prefers-color-scheme: dark ) {<br /> .ibband {<br /> background: #2c2c2a;<br /> border-color: #444441;<br /> box-shadow: none;<br /> }<br /> .ibband__header,<br /> .ibband__section { background: #3a4f72; color: #ffffff; }<br /> .ibband__media,<br /> .ibband__logo-bottom { background: #1f1f1d; border-color: #444441; }<br /> .ibband__caption { color: #b4b2a9; }<br /> .ibband__value,<br /> .ibband__person,<br /> .ibband__members-text { color: #f1efe8; }<br /> .ibband__label { color: #b4b2a9; }<br /> .ibband__row,<br /> .ibband__member,<br /> .ibband__members-text,<br /> .ibband__footer { border-color: #38383640; }<br /> .ibband__role { background: #444441; color: #f1efe8; }<br /> }</div>

Thorsten Schmidt