|
|
| (76 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
| |
| /* ============================================
| |
| LOST DREAMS OF TOMORROW - CUSTOM STYLING
| |
| ============================================ */
| |
|
| |
|
| /* === GENERAL IMPROVEMENTS === */
| |
| :root {
| |
| --color-accent: #8b5cf6; /* Lila Akzent */
| |
| --color-accent-hover: #7c3aed;
| |
| --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
| |
| --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
| |
| }
| |
|
| |
| /* Bessere Scrollbar */
| |
| ::-webkit-scrollbar {
| |
| width: 10px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-track {
| |
| background: var(--background-color-dp-00);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb {
| |
| background: var(--color-accent);
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:hover {
| |
| background: var(--color-accent-hover);
| |
| }
| |
|
| |
| /* === INFOBOXEN === */
| |
| .infobox {
| |
| border: 1px solid var(--border-color-base);
| |
| border-radius: 12px;
| |
| background: var(--background-color-dp-08);
| |
| padding: 1.2em;
| |
| float: right;
| |
| margin: 0 0 1.5em 1.5em;
| |
| width: 320px;
| |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
| |
| transition: transform 0.2s ease;
| |
| }
| |
|
| |
| .infobox:hover {
| |
| transform: translateY(-2px);
| |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
| |
| }
| |
|
| |
| .infobox-title {
| |
| font-size: 1.4em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 0.5em;
| |
| background: var(--gradient-primary);
| |
| color: white;
| |
| border-radius: 8px 8px 0 0;
| |
| margin: -1.2em -1.2em 1em -1.2em;
| |
| }
| |
|
| |
| .infobox-image {
| |
| text-align: center;
| |
| margin: 1em 0;
| |
| }
| |
|
| |
|
| .infobox-image img {
| |
| border-radius: 8px;
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
|
| /* === TABELLEN === */
| |
| .wikitable {
| |
| border-collapse: collapse;
| |
| border-radius: 8px;
| |
| overflow: hidden;
| |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
| |
| width: 100%;
| |
| }
| |
|
| |
|
| .wikitable th {
| |
| background: var(--gradient-primary);
| |
| color: white;
| |
| padding: 12px;
| |
| font-weight: 600;
| |
| }
| |
|
| |
|
| .wikitable td {
| |
| padding: 10px;
| |
| border-bottom: 1px solid var(--border-color-base);
| |
| }
| |
|
| |
|
| .wikitable tr:hover {
| |
| background: var(--background-color-dp-04);
| |
| }
| |
|
| |
|
| /* === LINKS === */
| |
| a {
| |
| color: var(--color-accent);
| |
| transition: color 0.2s ease;
| |
| }
| |
|
| |
| a:hover {
| |
| color: var(--color-accent-hover);
| |
| text-decoration: underline;
| |
| }
| |
|
| |
|
| /* === BUTTONS === */
| |
| .mw-ui-button,
| |
| .oo-ui-buttonElement-button {
| |
| background: var(--gradient-primary) !important;
| |
| border: none !important;
| |
| border-radius: 6px !important;
| |
| transition: transform 0.2s ease !important;
| |
| }
| |
|
| |
| .mw-ui-button:hover,
| |
| .oo-ui-buttonElement-button:hover {
| |
| transform: scale(1.05);
| |
| }
| |
|
| |
| /* === POWERED BY MEDIAWIKI ENTFERNEN === */
| |
| #footer-poweredbyico,
| |
| #footer-copyrightico {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* === HEADINGS === */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| font-family: 'Segoe UI', Tahoma, sans-serif;
| |
| font-weight: 600;
| |
| margin-top: 1.5em;
| |
| }
| |
|
| |
| h1 {
| |
| border-bottom: 3px solid var(--color-accent);
| |
| padding-bottom: 0.3em;
| |
| }
| |
|
| |
|
| h2 {
| | /*----------------------------------------- MediaWiki Base Change --------------------------------------*/ |
| border-bottom: 2px solid var(--border-color-base);
| | /* Aggressiveres Override für alle Container */ |
| padding-bottom: 0.3em;
| | .mw-parser-output, |
| | .mw-body, |
| | .mw-body-content, |
| | #bodyContent { |
| | background-color: #0a0a0a !important; |
| } | | } |
|
| |
|
| /* === CODE BLOCKS === */ | | /* Entferne alle weißen Hintergründe */ |
| pre, code {
| | .mainpage-container * { |
| background: var(--background-color-dp-08);
| | background-color: transparent; |
| border: 1px solid var(--border-color-base);
| |
| border-radius: 6px;
| |
| padding: 0.2em 0.4em;
| |
| font-family: 'Consolas', monospace;
| |
| } | | } |
|
| |
|
| pre {
| | /* Entferne alle Borders von Container-Elementen */ |
| padding: 1em;
| | .mainpage-container, |
| overflow-x: auto;
| | .mainpage-content, |
| | .mainpage-sidebar, |
| | .content-section { |
| | border: none !important; |
| } | | } |
|
| |
|
| /* === KATEGORIEN === */
| | .sidebar-panel, |
| .catlinks { | | .landing-container, |
| background: var(--background-color-dp-04);
| | .npc-grid-container { |
| border: 1px solid var(--border-color-base);
| | background-color: #0a0a0a; |
| border-radius: 8px;
| | border: none !important; /* Keine Borders mehr */ |
| padding: 1em;
| | padding: 1em; |
| margin-top: 2em;
| |
| } | | } |
/*----------------------------------------- MediaWiki Base Change --------------------------------------*/
/* Aggressiveres Override für alle Container */
.mw-parser-output,
.mw-body,
.mw-body-content,
#bodyContent {
background-color: #0a0a0a !important;
}
/* Entferne alle weißen Hintergründe */
.mainpage-container * {
background-color: transparent;
}
/* Entferne alle Borders von Container-Elementen */
.mainpage-container,
.mainpage-content,
.mainpage-sidebar,
.content-section {
border: none !important;
}
.sidebar-panel,
.landing-container,
.npc-grid-container {
background-color: #0a0a0a;
border: none !important; /* Keine Borders mehr */
padding: 1em;
}
