https://wiki.hv-her-wan.de/w/index.php?action=history&feed=atom&title=Vorlage%3APerson%2Fstyles.css 2026-05-15T09:27:06Z Versionsgeschichte dieser Seite in Hist. Verein Herne / Wanne-Eickel MediaWiki 1.43.8 https://wiki.hv-her-wan.de/w/index.php?title=Vorlage:Person/styles.css&diff=81302&oldid=prev 2026-05-13T04:42:26Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 13. Mai 2026, 06:42 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 23:</td> <td colspan="2" class="diff-lineno">Zeile 23:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ---------- Kopfzeile in warmem Sepia ---------- */</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ---------- Kopfzeile in warmem Sepia ---------- */</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ibper__header {</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ibper__header {</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> background: #<del style="font-weight: bold; text-decoration: none;">7a5a48</del>; /* Sepia/Mokka – Markenfarbe für Personen */</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> background: #<ins style="font-weight: bold; text-decoration: none;">AEA397</ins>; /* Sepia/Mokka – Markenfarbe für Personen */</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> color: #<del style="font-weight: bold; text-decoration: none;">f5e8da</del>;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> color: #<ins style="font-weight: bold; text-decoration: none;">34302D</ins>;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: 500;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: 500;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: center;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: center;</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-81279:rev-81302:wikidiff2=table:1.14.1:bc2a06be --> </table>

Thorsten Schmidt https://wiki.hv-her-wan.de/w/index.php?title=Vorlage:Person/styles.css&diff=81279&oldid=prev 2026-05-12T05:54:29Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">=========================================================== TemplateStyles für Vorlage:Person Speichern unter: Vorlage:Person/styles.css Aufgerufen aus: Vorlage:Person ===========================================================: </span> .ibper { 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 8px rgba( 0, 0, 0,…“</p> <p><b>Neue Seite</b></p><div>/* ===========================================================<br /> TemplateStyles für Vorlage:Person<br /> Speichern unter: Vorlage:Person/styles.css<br /> Aufgerufen aus: Vorlage:Person<br /> =========================================================== */<br /> <br /> .ibper {<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 warmem Sepia ---------- */<br /> .ibper__header {<br /> background: #7a5a48; /* Sepia/Mokka – Markenfarbe für Personen */<br /> color: #f5e8da;<br /> font-weight: 500;<br /> text-align: center;<br /> padding: 11px 12px;<br /> font-size: 16px;<br /> letter-spacing: 0.02em;<br /> }<br /> <br /> /* ---------- Foto-Hero ---------- */<br /> .ibper__hero {<br /> background: #f6f4ec;<br /> padding: 0;<br /> margin: 0;<br /> text-align: center;<br /> }<br /> .ibper__hero a,<br /> .ibper__hero img {<br /> display: block;<br /> max-width: 100%;<br /> height: auto;<br /> margin: 0 auto;<br /> }<br /> .ibper__caption {<br /> padding: 8px 16px;<br /> font-size: 13px;<br /> color: #6b6b66;<br /> font-style: italic;<br /> background: #faf8f1;<br /> border-bottom: 1px solid #f1efe8;<br /> }<br /> <br /> /* ---------- Body ---------- */<br /> .ibper__body {<br /> padding: 14px 16px 12px;<br /> }<br /> <br /> /* ---------- Badges (Beruf / Titel) ---------- */<br /> .ibper__badges {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 6px;<br /> margin: 0 0 14px;<br /> }<br /> .ibper__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 /> .ibper__badge--beruf {<br /> background: #f5e8da;<br /> color: #5a3e2a;<br /> }<br /> .ibper__badge--titel {<br /> background: #f1efe8;<br /> color: #444441;<br /> }<br /> <br /> /* ---------- Datenzeilen ---------- */<br /> .ibper__data {<br /> border-top: 1px solid #f1efe8;<br /> padding-top: 8px;<br /> margin-top: 4px;<br /> }<br /> .ibper__row {<br /> display: flex;<br /> gap: 10px;<br /> align-items: flex-start;<br /> padding: 7px 0;<br /> border-bottom: 1px solid #f7f5ee;<br /> }<br /> .ibper__row:last-child {<br /> border-bottom: none;<br /> }<br /> .ibper__icon {<br /> flex: 0 0 22px;<br /> font-size: 15px;<br /> line-height: 1.5;<br /> text-align: center;<br /> color: #888780;<br /> user-select: none;<br /> }<br /> .ibper__field {<br /> flex: 1 1 auto;<br /> min-width: 0;<br /> }<br /> .ibper__label {<br /> display: block;<br /> color: #888780;<br /> font-size: 12px;<br /> text-transform: uppercase;<br /> letter-spacing: 0.04em;<br /> margin-bottom: 1px;<br /> }<br /> .ibper__value {<br /> font-weight: 500;<br /> color: #2c2c2a;<br /> font-size: 15px;<br /> word-wrap: break-word;<br /> overflow-wrap: break-word;<br /> }<br /> .ibper__hint {<br /> font-size: 13px;<br /> color: #888780;<br /> margin-top: 2px;<br /> line-height: 1.45;<br /> font-weight: 400;<br /> }<br /> <br /> /* ---------- Footer ---------- */<br /> .ibper__footer {<br /> display: flex;<br /> justify-content: space-between;<br /> flex-wrap: wrap;<br /> gap: 6px;<br /> margin-top: 12px;<br /> padding-top: 8px;<br /> border-top: 1px solid #f1efe8;<br /> font-size: 12px;<br /> color: #aaa9a3;<br /> }<br /> .ibper__footer a,<br /> .ibper__footer a:visited {<br /> color: #888780;<br /> }<br /> .ibper__stand {<br /> color: #888780;<br /> }<br /> <br /> /* ---------- Responsive ---------- */<br /> @media ( max-width: 720px ) {<br /> .ibper {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 1em 0;<br /> }<br /> }<br /> <br /> /* ---------- Druckansicht ---------- */<br /> @media print {<br /> .ibper {<br /> box-shadow: none;<br /> border: 1px solid #ccc;<br /> break-inside: avoid;<br /> }<br /> .ibper__footer {<br /> display: none;<br /> }<br /> }<br /> <br /> /* ---------- Dunkler Modus ---------- */<br /> @media ( prefers-color-scheme: dark ) {<br /> .ibper {<br /> background: #2c2c2a;<br /> border-color: #444441;<br /> box-shadow: none;<br /> }<br /> .ibper__header { background: #4a3327; color: #f5e8da; }<br /> .ibper__hero { background: #1f1f1d; }<br /> .ibper__caption { background: #232321; color: #b4b2a9; border-color: #444441; }<br /> .ibper__value { color: #f1efe8; }<br /> .ibper__hint,<br /> .ibper__label { color: #b4b2a9; }<br /> .ibper__data,<br /> .ibper__footer { border-color: #444441; }<br /> .ibper__row { border-bottom-color: #38383640; }<br /> .ibper__badge--beruf { background: #5a3e2a; color: #f5e8da; }<br /> .ibper__badge--titel { background: #444441; color: #f1efe8; }<br /> }</div>

Thorsten Schmidt