|
|
| (29 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /*----------------------------------------- Card Design START --------------------------------------*/
| |
|
| |
|
| /* ===============================
| |
| Dark / Elegant Card Style
| |
| =============================== */
| |
| .wiki-card {
| |
| background-color: #1f1f1f; /* dunkles Grau-Schwarz */
| |
| border-radius: 12px;
| |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* tiefer Schatten */
| |
| padding: 1.2em 1em;
| |
| margin: 1em 0;
| |
| border: 1px solid #333; /* dezente Umrandung */
| |
| font-family: "Inter", "Segoe UI", sans-serif;
| |
| color: #eee; /* heller Text */
| |
| }
| |
|
| |
|
| /* Titel */
| |
| .wiki-card h3 {
| |
| margin-top: 0;
| |
| font-size: 1.25em;
| |
| font-weight: 600;
| |
| color: #ffd966; /* dezenter goldener Akzent für Titel */
| |
| }
| |
|
| |
|
| /* Beschreibung */
| |
| .wiki-card p {
| |
| margin: 0.5em 0 1em 0;
| |
| color: #ccc;
| |
| font-size: 0.95em;
| |
| }
| |
|
| |
|
| /* Content (Liste etc.) */
| |
| .wiki-card div {
| |
| color: #ddd;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
|
| /* Optional: Links in Card */
| |
| .wiki-card a {
| |
| color: #ffd966;
| |
| text-decoration: none;
| |
| transition: color 0.2s;
| |
| }
| |
|
| |
|
| .wiki-card a:hover {
| |
| color: #ffcc00;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /*----------------------------------------- Container ENDE --------------------------------------*/
| |
|
| |
| /*----------------------------------------- Item Weapon Template START --------------------------------------*/
| |
|
| |
| .wikitable tr th, .mw_metadata tr th, .mw-datatable tr th, .dataTable tr th, .cargoTable tr th, .statstable tr th {
| |
| background: #000000;
| |
| border: none;
| |
| border-width: 0 0 1px;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Upgrade table styling (shadcn-dark) */
| |
| .wikitable.upgrade {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background-color: #0a0a0a;
| |
| color: #eee;
| |
| }
| |
|
| |
|
| .wikitable.upgrade th {
| |
| background-color: #000 !important; /* zwingend schwarz */
| |
| color: #ffd966 !important; /* goldener Text */
| |
| font-weight: bold;
| |
| padding: 6px 8px;
| |
| border: 1px solid #222 !important;
| |
| }
| |
|
| |
|
| .wikitable.upgrade td {
| |
| background-color: #1a1a1a !important;
| |
| color: #eee;
| |
| padding: 6px 8px;
| |
| text-align: center;
| |
| border: 1px solid #333 !important;
| |
| }
| |
|
| |
|
| .wikitable.upgrade tr:hover td { | | /*----------------------------------------- MediaWiki Base Change --------------------------------------*/ |
| background-color: #2a2a2a !important; | | /* Aggressiveres Override für alle Container */ |
| | .mw-parser-output, |
| | .mw-body, |
| | .mw-body-content, |
| | #bodyContent { |
| | background-color: #0a0a0a !important; |
| } | | } |
|
| |
|
| .wikitable img,
| | /* Entferne alle weißen Hintergründe */ |
| .wikitable.upgrade img,
| | .mainpage-container * { |
| img[src*="Icon.png"],
| | background-color: transparent; |
| img[src*=".png"],
| |
| .thumbimage { | |
| image-rendering: pixelated !important; | |
| image-rendering: -moz-crisp-edges !important;
| |
| image-rendering: crisp-edges !important;
| |
| -ms-interpolation-mode: nearest-neighbor !important;
| |
| } | | } |
|
| |
|
| /*----------------------------------------- Item Weapon Template ENDE --------------------------------------*/ | | /* Entferne alle Borders von Container-Elementen */ |
| /*----------------------------------------- Grid Container START --------------------------------------*/
| | .mainpage-container, |
| .gridbox pre { | | .mainpage-content, |
| background: none !important;
| | .mainpage-sidebar, |
| | .content-section { |
| border: none !important; | | border: none !important; |
| padding: 0 !important;
| |
| margin: 0 auto 0.5em auto !important;
| |
| overflow: visible; /* kein Scroll */
| |
| } | | } |
|
| |
|
| .grid-container { | | .sidebar-panel, |
| display: flex;
| | .landing-container, |
| flex-wrap: wrap;
| | .npc-grid-container { |
| gap: 1.2em;
| | background-color: #0a0a0a; |
| justify-content: center;
| | border: none !important; /* Keine Borders mehr */ |
| margin: 1em 0;
| |
| }
| |
| | |
| /* Einzelne Box */
| |
| .gridbox {
| |
| width: 220px;
| |
| background-color: #1e1e1e; /* Box-Hintergrund */ | |
| border: 1px solid #444; /* Box-Rand */ | |
| border-radius: 10px;
| |
| padding: 1em; | | padding: 1em; |
| text-align: center;
| |
| color: #eee;
| |
| } | | } |
|
| |
| /* Alle MediaWiki-Thumbnails innerhalb von GridBox „clean“ */
| |
| .gridbox .thumb {
| |
| background: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| box-shadow: none !important;
| |
| width: auto !important; /* damit die Box nicht den Hintergrund zieht */
| |
| }
| |
|
| |
| .gridbox .thumbinner {
| |
| background: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| /* Bilder in GridBox scharf für Pixel-Art */
| |
| .gridbox img {
| |
| width: 120px; /* gewünschte Box-Größe */
| |
| height: 120px;
| |
| image-rendering: pixelated; /* Pixel-Art wird scharf skaliert */
| |
| image-rendering: crisp-edges; /* alternative für manche Browser */
| |
| display: block;
| |
| margin: 0 auto 0.5em auto; /* zentrieren */
| |
| border: none;
| |
| background: none;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| /* Titel */
| |
| .gridbox-title {
| |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| margin-top: 0.6em;
| |
| }
| |
|
| |
| /* Beschreibung */
| |
| .gridbox-desc {
| |
| font-size: 0.9em;
| |
| color: #bbb;
| |
| margin-top: 0.4em;
| |
| }
| |
|
| |
| /*----------------------------------------- Grid Container END --------------------------------------*/
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /*-------------------------------- NPC Grid Template --------------------------------*/
| |
| .npc-grid {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 0.6em;
| |
| justify-content: flex-start;
| |
| align-items: flex-start; /* alle Boxen oben ausrichten */
| |
| }
| |
|
| |
| .npc-box {
| |
| width: 80px; /* feste Breite */
| |
| background-color: #1f1f1f;
| |
| border: 1px solid #333;
| |
| border-radius: 8px;
| |
| padding: 0.3em;
| |
| text-align: center;
| |
| font-size: 0.7em;
| |
| color: #ccc;
| |
|
| |
| display: flex;
| |
| flex-direction: column; /* Bild oben, Text darunter */
| |
| align-items: center;
| |
| justify-content: flex-start;
| |
|
| |
| min-height: 95px; /* sorgt dafür, dass alle Boxen gleich hoch sind */
| |
| box-sizing: border-box; /* Padding wird in Höhe einberechnet */
| |
| }
| |
|
| |
| .npc-box img {
| |
| width: 48px;
| |
| height: 48px;
| |
| display: block;
| |
| margin-bottom: 0.2em;
| |
| image-rendering: pixelated;
| |
| flex-shrink: 0; /* Bildgröße bleibt konstant */
| |
| }
| |
|
| |
| .npc-name {
| |
| font-size: 0.65em;
| |
| color: #eee;
| |
| line-height: 1.2em;
| |
| word-break: break-word; /* lange Namen umbrechen */
| |
| }
| |
|
| |
| /*-------------------------------- NPC Grid Template --------------------------------*/
| |
/*----------------------------------------- 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;
}
