|
|
| (51 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* ===================================================== TIMLESS – GLOBAL PAGE BACKGROUND ===================================================== */
| |
| .skin-timeless {
| |
| --page-background: url("/images/resources/Background.png") no-repeat center center / cover fixed;
| |
| }
| |
|
| |
|
| /* ===================================================== PAGE OVERLAY (WICHTIG – sonst kein BG sichtbar) ===================================================== */
| |
| .skin-timeless #mw-page-base {
| |
| background: rgba(0, 0, 0, 0.55) !important;
| |
| }
| |
|
| |
|
| /* ===================================================== HEADER ===================================================== */
| |
| @media screen and (min-width: 851px) {
| |
| #mw-header-container {
| |
| position: fixed;
| |
| top: 0;
| |
| z-index: 200;
| |
| width: 100%;
| |
| min-height: 3.125em;
| |
| background: #171717;
| |
| padding: 0.5em 0 0;
| |
| box-sizing: border-box;
| |
| }
| |
| }
| |
|
| |
|
| /* ===================================================== SIDEBAR ===================================================== */
| |
| #mw-site-navigation,
| |
| #mw-related-navigation {
| |
| background: rgba(23, 23, 23, 0.95) !important;
| |
| }
| |
|
| |
|
| @media screen and (min-width: 1100px) {
| |
| #mw-site-navigation .sidebar-inner,
| |
| #mw-related-navigation .sidebar-inner {
| |
| backdrop-filter: blur(8px);
| |
| -webkit-backdrop-filter: blur(8px);
| |
| }
| |
| }
| |
|
| |
|
| /* ===================================================== CONTENT ===================================================== */
| |
| #mw-content-text {
| |
| background: rgba(12, 12, 12, 0.95) !important;
| |
| padding: 2rem !important;
| |
| border-radius: 8px !important;
| |
| border: 1px solid #262626 !important;
| |
| }
| |
|
| |
|
| /* ===================================================== TYPOGRAPHY & LINKS ===================================================== */
| |
| body {
| |
| color: #ededed;
| |
| }
| |
|
| |
|
| a {
| |
| color: #a1a1aa;
| |
| }
| |
|
| |
|
| a:hover {
| |
| color: #d4d4d8;
| |
| }
| |
|
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #fafafa;
| |
| border-color: #262626;
| |
| }
| |
|
| |
| /* ===================================================== TABLES ===================================================== */
| |
| .wikitable {
| |
| background: #171717;
| |
| border: 1px solid #262626;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background: #262626;
| |
| color: #a1a1aa;
| |
| }
| |
|
| |
| .wikitable td {
| |
| border-color: #262626;
| |
| }
| |
|
| |
| /* ===================================================== BUTTONS ===================================================== */
| |
| button,
| |
| .mw-ui-button {
| |
| background: #262626;
| |
| color: #ededed;
| |
| border: 1px solid #404040;
| |
| }
| |
|
| |
| button:hover,
| |
| .mw-ui-button:hover {
| |
| background: #404040;
| |
| }
| |
|
| |
| /* ===================================================== INPUTS ===================================================== */
| |
| input,
| |
| textarea,
| |
| select {
| |
| background: #171717;
| |
| color: #ededed;
| |
| border: 1px solid #262626;
| |
| }
| |
|
| |
| /* ===================================================== SEARCH INPUT ===================================================== */
| |
| #searchInput {
| |
| border: 0;
| |
| height: 2.1em;
| |
| padding: 0.4em 4.5em 0.2em 2em;
| |
| background: #000000c7;
| |
| width: 100%;
| |
| font-family: inherit;
| |
| }
| |
|
| |
| /* ===================================================== FOOTER CLEANUP ===================================================== */
| |
| #footer-poweredbyico,
| |
| #footer-copyrightico {
| |
| display: none;
| |
| }
| |
|
| |
| /* ===================================================== GRIDBOX (HOMEPAGE) ===================================================== */
| |
| .grid-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 1.2em;
| |
| justify-content: center;
| |
| margin: 1em 0;
| |
| }
| |
|
| |
|
| .gridbox {
| | /*----------------------------------------- MediaWiki Base Change --------------------------------------*/ |
| width: 220px;
| | /* Aggressiveres Override für alle Container */ |
| background: #1e1e1e;
| | .mw-parser-output, |
| border: 1px solid #444;
| | .mw-body, |
| border-radius: 10px;
| | .mw-body-content, |
| padding: 1em;
| | #bodyContent { |
| text-align: center;
| | background-color: #0a0a0a !important; |
| color: #eee;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| } | | } |
|
| |
|
| .gridbox:hover { | | /* Entferne alle weißen Hintergründe */ |
| transform: translateY(-4px);
| | .mainpage-container * { |
| box-shadow: 0 6px 16px rgba(0,0,0,0.6);
| | background-color: transparent; |
| } | | } |
|
| |
|
| .gridbox-title { | | /* Entferne alle Borders von Container-Elementen */ |
| font-size: 1.1em;
| | .mainpage-container, |
| font-weight: bold;
| | .mainpage-content, |
| margin-top: 0.6em;
| | .mainpage-sidebar, |
| | .content-section { |
| | border: none !important; |
| } | | } |
|
| |
|
| .gridbox-desc { | | .sidebar-panel, |
| font-size: 0.9em;
| | .landing-container, |
| color: #bbb;
| | .npc-grid-container { |
| margin-top: 0.4em;
| | background-color: #0a0a0a; |
| | border: none !important; /* Keine Borders mehr */ |
| | padding: 1em; |
| } | | } |
/*----------------------------------------- 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;
}
