|
|
| (46 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /*----------------------------------------- Design START --------------------------------------*/
| |
| /* ===============================
| |
| SHADCN / MODERN CLEAN THEME
| |
| =============================== */
| |
| .wiki-card {
| |
| background-color: #f8f9fa; /* sehr helles Grau */
| |
| border-radius: 12px;
| |
| box-shadow: 0 4px 6px rgba(0,0,0,0.1);
| |
| padding: 1em;
| |
| margin: 1em 0;
| |
| border: 1px solid #e0e0e0;
| |
| font-family: "Inter", "Segoe UI", sans-serif;
| |
| }
| |
|
| |
|
| .wiki-card h3 {
| |
| margin-top: 0;
| |
| font-weight: 600;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
|
| .wiki-banner {
| |
| width: 100%;
| |
| border-radius: 12px;
| |
| overflow: hidden;
| |
| margin: 1em 0;
| |
| box-shadow: 0 4px 6px rgba(0,0,0,0.1);
| |
| }
| |
|
| |
|
| .wiki-banner img {
| |
| width: 100%;
| |
| display: block;
| |
| }
| |
|
| |
|
| .wiki-tabs {
| |
| display: flex;
| |
| border-bottom: 1px solid #e0e0e0;
| |
| margin: 1em 0;
| |
| }
| |
|
| |
|
| .wiki-tab {
| |
| padding: 0.5em 1em;
| |
| cursor: pointer;
| |
| font-weight: 500;
| |
| border-bottom: 3px solid transparent;
| |
| transition: border-color 0.2s;
| |
| }
| |
|
| |
|
| .wiki-tab.active {
| |
| border-color: #444; /* dunkler Ton für aktiven Tab */
| |
| }
| |
|
| |
|
| .wiki-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
| |
| gap: 1em;
| |
| margin: 1em 0;
| |
| }
| |
|
| |
|
| .wiki-button {
| |
| display: inline-block;
| |
| background-color: #444;
| |
| color: #fff;
| |
| padding: 0.5em 1em;
| |
| border-radius: 8px;
| |
| text-decoration: none;
| |
| font-weight: 500;
| |
| transition: background 0.2s;
| |
| }
| |
|
| |
|
| .wiki-button:hover { | | /*----------------------------------------- MediaWiki Base Change --------------------------------------*/ |
| background-color: #666;
| | /* Aggressiveres Override für alle Container */ |
| | .mw-parser-output, |
| | .mw-body, |
| | .mw-body-content, |
| | #bodyContent { |
| | background-color: #0a0a0a !important; |
| } | | } |
|
| |
|
| .wiki-box { | | /* Entferne alle weißen Hintergründe */ |
| border: 1px solid #e0e0e0;
| | .mainpage-container * { |
| border-radius: 8px;
| | background-color: transparent; |
| padding: 0.75em;
| |
| margin: 0.5em 0;
| |
| background-color: #fff;
| |
| } | | } |
|
| |
|
| /*----------------------------------------- Container ENDE --------------------------------------*/ | | /* Entferne alle Borders von Container-Elementen */ |
| /*----------------------------------------- Container START --------------------------------------*/
| | .mainpage-container, |
| /*----------------------------------------- Container ENDE --------------------------------------*/
| | .mainpage-content, |
| /*----------------------------------------- Grid Container START --------------------------------------*/
| | .mainpage-sidebar, |
| .grid-container { | | .content-section { |
| display: flex; | | border: none !important; |
| flex-wrap: wrap;
| |
| gap: 1.2em;
| |
| justify-content: center;
| |
| margin: 1em 0;
| |
| } | | } |
|
| |
|
| /* Einzelne Box */
| | .sidebar-panel, |
| .gridbox { | | .landing-container, |
| width: 220px;
| | .npc-grid-container { |
| background-color: #1e1e1e; | | background-color: #0a0a0a; |
| border: 1px solid #444; | | border: none !important; /* Keine Borders mehr */ |
| border-radius: 10px;
| |
| padding: 1em; | | padding: 1em; |
| text-align: center;
| |
| color: #eee;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| }
| |
|
| |
| /* Hover Effekt */
| |
| .gridbox:hover {
| |
| transform: translateY(-4px);
| |
| box-shadow: 0 6px 16px rgba(0,0,0,0.6);
| |
| }
| |
|
| |
| /* 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 --------------------------------------*/
| |
/*----------------------------------------- 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;
}
