https://lostdreamsoftomorrow.wiki/index.php?action=history&feed=atom&title=Vorlage%3ASeitenInhalt%2Fstyles.css 2026-05-11T04:51:26Z Versionsgeschichte dieser Seite in Lost Dreams Of Tomorrow Wiki MediaWiki 1.45.0 https://lostdreamsoftomorrow.wiki/index.php?title=Vorlage:SeitenInhalt/styles.css&diff=462&oldid=prev 2026-01-12T03:39:16Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">=========================== MMO Idle Game Wiki Styles Dunkles Theme mit hoher Lesbarkeit ===========================: </span> <span class="autocomment">Container für die gesamte Vorlage: </span> .seiteninhalt-container { display: flex; gap: 25px; margin: 20px 0; color: #e8e8e8; } <span class="autocomment">Hauptinhalt linksbündig: </span> .seiteninhalt-main { flex: 1; min-width: 0; } <span class="autocomment">Abschnitte im Hauptinhalt: </span> .seiteninhalt-section { margin-bottom: 30px; } /* Überschr…“</p> <p><b>Neue Seite</b></p><div>/* ===========================<br /> MMO Idle Game Wiki Styles<br /> Dunkles Theme mit hoher Lesbarkeit<br /> =========================== */<br /> <br /> /* Container für die gesamte Vorlage */<br /> .seiteninhalt-container {<br /> display: flex;<br /> gap: 25px;<br /> margin: 20px 0;<br /> color: #e8e8e8;<br /> }<br /> <br /> /* Hauptinhalt linksbündig */<br /> .seiteninhalt-main {<br /> flex: 1;<br /> min-width: 0;<br /> }<br /> <br /> /* Abschnitte im Hauptinhalt */<br /> .seiteninhalt-section {<br /> margin-bottom: 30px;<br /> }<br /> <br /> /* Überschriften */<br /> .seiteninhalt-heading {<br /> font-size: 1.5em;<br /> font-weight: bold;<br /> color: #ffffff;<br /> margin-bottom: 12px;<br /> padding-bottom: 8px;<br /> border-bottom: 2px solid #4a4a4a;<br /> }<br /> <br /> /* Textbereiche */<br /> .seiteninhalt-text {<br /> color: #e8e8e8;<br /> line-height: 1.7;<br /> font-size: 1.05em;<br /> }<br /> <br /> .seiteninhalt-text p {<br /> margin-bottom: 12px;<br /> }<br /> <br /> /* Sidebar rechts */<br /> .seiteninhalt-sidebar {<br /> width: 320px;<br /> flex-shrink: 0;<br /> }<br /> <br /> /* ===========================<br /> Infobox Styling<br /> =========================== */<br /> <br /> .seiteninhalt-infobox {<br /> background-color: #1a1a1a;<br /> border: 2px solid #3a3a3a;<br /> border-radius: 8px;<br /> overflow: hidden;<br /> margin-bottom: 20px;<br /> box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);<br /> }<br /> <br /> .infobox-header {<br /> background: linear-gradient(135deg, #2d2d2d 0%, #1f1f1f 100%);<br /> color: #ffffff;<br /> font-size: 1.3em;<br /> font-weight: bold;<br /> text-align: center;<br /> padding: 15px;<br /> border-bottom: 2px solid #4a4a4a;<br /> }<br /> <br /> .infobox-image {<br /> text-align: center;<br /> padding: 15px;<br /> background-color: #0d0d0d;<br /> }<br /> <br /> .infobox-image img {<br /> max-width: 100%;<br /> border-radius: 6px;<br /> border: 2px solid #3a3a3a;<br /> }<br /> <br /> .infobox-table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> }<br /> <br /> .infobox-table tr {<br /> border-bottom: 1px solid #2a2a2a;<br /> }<br /> <br /> .infobox-table tr:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .infobox-table th {<br /> background-color: #242424;<br /> color: #c0c0c0;<br /> font-weight: 600;<br /> text-align: left;<br /> padding: 10px 12px;<br /> width: 40%;<br /> font-size: 0.95em;<br /> }<br /> <br /> .infobox-table td {<br /> background-color: #1a1a1a;<br /> color: #e8e8e8;<br /> padding: 10px 12px;<br /> font-size: 0.95em;<br /> }<br /> <br /> /* ===========================<br /> Table of Contents Styling<br /> =========================== */<br /> <br /> .seiteninhalt-toc {<br /> background-color: #1a1a1a;<br /> border: 2px solid #3a3a3a;<br /> border-radius: 8px;<br /> overflow: hidden;<br /> box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);<br /> }<br /> <br /> .toc-header {<br /> background: linear-gradient(135deg, #2d2d2d 0%, #1f1f1f 100%);<br /> color: #ffffff;<br /> font-size: 1.1em;<br /> font-weight: bold;<br /> padding: 12px 15px;<br /> border-bottom: 2px solid #4a4a4a;<br /> }<br /> <br /> .toc-list {<br /> list-style: none;<br /> margin: 0;<br /> padding: 10px 0;<br /> }<br /> <br /> .toc-list li {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .toc-list a {<br /> display: block;<br /> padding: 10px 15px;<br /> color: #c8c8c8;<br /> text-decoration: none;<br /> transition: all 0.2s ease;<br /> border-left: 3px solid transparent;<br /> }<br /> <br /> .toc-list a:hover {<br /> background-color: #242424;<br /> color: #ffffff;<br /> border-left-color: #5a9fd4;<br /> padding-left: 20px;<br /> }<br /> <br /> /* ===========================<br /> Responsive Design<br /> =========================== */<br /> <br /> @media (max-width: 900px) {<br /> .seiteninhalt-container {<br /> flex-direction: column-reverse;<br /> }<br /> <br /> .seiteninhalt-sidebar {<br /> width: 100%;<br /> }<br /> }<br /> <br /> /* ===========================<br /> Links und allgemeine Elemente<br /> =========================== */<br /> <br /> .seiteninhalt-text a {<br /> color: #6ab0de;<br /> text-decoration: none;<br /> border-bottom: 1px solid transparent;<br /> transition: border-color 0.2s ease;<br /> }<br /> <br /> .seiteninhalt-text a:hover {<br /> color: #8fc7ed;<br /> border-bottom-color: #8fc7ed;<br /> }<br /> <br /> /* Listen im Textbereich */<br /> .seiteninhalt-text ul,<br /> .seiteninhalt-text ol {<br /> margin-left: 20px;<br /> margin-bottom: 12px;<br /> }<br /> <br /> .seiteninhalt-text li {<br /> margin-bottom: 6px;<br /> color: #e8e8e8;<br /> }<br /> <br /> /* Code-Blöcke falls benötigt */<br /> .seiteninhalt-text code {<br /> background-color: #0d0d0d;<br /> color: #f0f0f0;<br /> padding: 2px 6px;<br /> border-radius: 3px;<br /> font-family: &#039;Courier New&#039;, monospace;<br /> border: 1px solid #3a3a3a;<br /> }</div>

NeroReaver