https://mediawiki.payns.duckdns.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-04-14T19:34:12Z Versionsgeschichte dieser Seite in MediaWiki Fachinformatiker MediaWiki 1.45.3 https://mediawiki.payns.duckdns.org/index.php?title=MediaWiki:Common.css&diff=3&oldid=prev 2026-04-05T23:05:52Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">===== GLOBAL BOX SYSTEM =====: </span> .box { padding: 14px 18px; margin: 15px 0; border-radius: 8px; font-size: 0.95em; line-height: 1.5; color: #ffffff; display: block; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } <span class="autocomment">===== TITEL =====: </span> .box-title { font-weight: bold; font-size: 1.1em; margin-bottom: 8px; display: flex; align-items: center; } .box-title::before { margin-right: 8px; font-size: 1.2e…“</p> <p><b>Neue Seite</b></p><div>/* ===== GLOBAL BOX SYSTEM ===== */<br /> .box {<br /> padding: 14px 18px;<br /> margin: 15px 0;<br /> border-radius: 8px;<br /> font-size: 0.95em;<br /> line-height: 1.5;<br /> color: #ffffff;<br /> display: block;<br /> box-shadow: 0 2px 6px rgba(0,0,0,0.15);<br /> }<br /> <br /> /* ===== TITEL ===== */<br /> .box-title {<br /> font-weight: bold;<br /> font-size: 1.1em;<br /> margin-bottom: 8px;<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> .box-title::before {<br /> margin-right: 8px;<br /> font-size: 1.2em;<br /> }<br /> <br /> /* ===== INFO (DEIN STYLE) ===== */<br /> .box-info {<br /> background: linear-gradient(135deg, #1f3b5c, #2c4d73);<br /> border-left: 6px solid #4da3ff;<br /> }<br /> .box-info .box-title::before {<br /> content: &quot;ℹ️&quot;;<br /> }<br /> <br /> /* ===== MERKSATZ ===== */<br /> .box-success {<br /> background: linear-gradient(135deg, #1f5c2f, #2e7d32);<br /> border-left: 6px solid #4dff88;<br /> }<br /> .box-success .box-title::before {<br /> content: &quot;🧠&quot;;<br /> }<br /> <br /> /* ===== PRÜFUNG ===== */<br /> .box-warning {<br /> background: linear-gradient(135deg, #5c4a1f, #7a651f);<br /> border-left: 6px solid #ffc107;<br /> }<br /> .box-warning .box-title::before {<br /> content: &quot;📘&quot;;<br /> }<br /> <br /> /* ===== FEHLER ===== */<br /> .box-danger {<br /> background: linear-gradient(135deg, #5c1f1f, #7a2a2a);<br /> border-left: 6px solid #ff4d4d;<br /> }<br /> .box-danger .box-title::before {<br /> content: &quot;❌&quot;;<br /> }<br /> <br /> /* ===== HELLES DESIGN ===== */<br /> .box-light {<br /> background: #f8f9fa;<br /> color: #202122;<br /> border-left: 6px solid #3366cc;<br /> }<br /> .box-light .box-title::before {<br /> content: &quot;ℹ️&quot;;<br /> }<br /> <br /> /* ===== OPTIONAL: ALTE KLASSEN ANPASSEN ===== */<br /> .merkbox {<br /> border-left: 6px solid #2e7d32;<br /> background: #e8f5e9;<br /> padding: 10px;<br /> border-radius: 6px;<br /> }<br /> <br /> .pruefungsbox {<br /> border-left: 6px solid #ffcc00;<br /> background: #fff8e1;<br /> padding: 10px;<br /> border-radius: 6px;<br /> }<br /> /* ===== Inhalte innerhalb der Box ===== */<br /> .box-content {<br /> overflow-x: auto;<br /> }<br /> <br /> /* ===== Listen in Boxen ===== */<br /> .box-content ul,<br /> .box-content ol {<br /> margin: 8px 0 8px 22px;<br /> }<br /> <br /> /* ===== Tabellen in Boxen ===== */<br /> .box-content table,<br /> .box-content .wikitable {<br /> width: 100%;<br /> border-collapse: collapse;<br /> margin-top: 10px;<br /> background: #ffffff;<br /> color: #202122;<br /> border-radius: 6px;<br /> overflow: hidden;<br /> }<br /> <br /> /* Tabellenzellen */<br /> .box-content th,<br /> .box-content td {<br /> border: 1px solid #a2a9b1;<br /> padding: 8px 10px;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> /* Tabellenkopf */<br /> .box-content th {<br /> background: #dce6f2;<br /> color: #1f3b5c;<br /> font-weight: bold;<br /> }<br /> <br /> /* Zebra-Look */<br /> .box-content tr:nth-child(even) td {<br /> background: #f8f9fa;<br /> }<br /> <br /> /* Links in Tabellen */<br /> .box-content td a,<br /> .box-content th a {<br /> color: #1a4fa3;<br /> }<br /> .box-row {<br /> display: flex;<br /> gap: 20px;<br /> margin: 20px 0;<br /> flex-wrap: wrap; /* wichtig für mobile Ansicht */<br /> }<br /> <br /> .box-col {<br /> flex: 1;<br /> min-width: 280px; /* verhindert zu schmale Boxen */<br /> }<br /> /* ===== OSI Container ===== */<br /> .osi-container {<br /> display: flex;<br /> gap: 20px;<br /> margin: 20px 0;<br /> }<br /> <br /> /* ===== Linke Seite (Layer) ===== */<br /> .osi-left {<br /> flex: 2;<br /> display: flex;<br /> flex-direction: column;<br /> gap: 10px;<br /> }<br /> <br /> /* ===== Rechte Seite (Beispiele) ===== */<br /> .osi-right {<br /> flex: 1;<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: space-between;<br /> color: #dce6f2;<br /> font-size: 0.9em;<br /> }<br /> <br /> /* ===== Layer Box ===== */<br /> .osi-layer {<br /> padding: 12px 16px;<br /> border-radius: 8px;<br /> color: #ffffff;<br /> font-weight: bold;<br /> display: flex;<br /> justify-content: space-between;<br /> align-items: center;<br /> }<br /> <br /> /* ===== Farben je Layer ===== */<br /> .l7 { background: linear-gradient(90deg, #7b2ff7, #9b4dff); }<br /> .l6 { background: linear-gradient(90deg, #6a1fd1, #8c3cff); }<br /> .l5 { background: linear-gradient(90deg, #5a17b0, #7a2fd6); }<br /> .l4 { background: linear-gradient(90deg, #2f5fd6, #3b73ff); }<br /> .l3 { background: linear-gradient(90deg, #1b8aa6, #22a6c3); }<br /> .l2 { background: linear-gradient(90deg, #159a6d, #1dbf84); }<br /> .l1 { background: linear-gradient(90deg, #1f9d55, #28c76f); }<br /> <br /> /* ===== Nummer links ===== */<br /> .osi-num {<br /> font-weight: bold;<br /> margin-right: 10px;<br /> }<br /> <br /> /* ===== Text rechts ===== */<br /> .osi-desc {<br /> padding: 10px 0;<br /> }</div>

Kolke