|
|
| Zeile 1: |
Zeile 1: |
| /* ===================================================== | | /* ===================================================== |
| TIMLESS – GLOBAL PAGE BACKGROUND | | COMMON STYLING |
| ===================================================== */ | | ===================================================== */ |
|
| |
|
| .skin-timeless {
| | /* Links */ |
| --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 { | | a { |
| color: #a1a1aa; | | color: #a1a1aa; |
| Zeile 78: |
Zeile 12: |
| } | | } |
|
| |
|
| h1, h2, h3, h4, h5, h6 {
| | /* Buttons */ |
| 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, | | button, |
| .mw-ui-button { | | .mw-ui-button { |
| Zeile 117: |
Zeile 25: |
| } | | } |
|
| |
|
| /* ===================================================== | | /* Inputs */ |
| INPUTS
| |
| ===================================================== */
| |
| | |
| input, | | input, |
| textarea, | | textarea, |
| Zeile 129: |
Zeile 34: |
| } | | } |
|
| |
|
| /* ===================================================== | | /* Tabellen */ |
| SEARCH INPUT
| | .wikitable { |
| ===================================================== */
| | background: #171717; |
| | | border: 1px solid #262626; |
| #searchInput {
| |
| border: 0;
| |
| height: 2.1em;
| |
| padding: 0.4em 4.5em 0.2em 2em;
| |
| background: #000000c7; | |
| width: 100%; | |
| font-family: inherit;
| |
| } | | } |
|
| |
|
| /* =====================================================
| | .wikitable th { |
| FOOTER CLEANUP
| | background: #262626; |
| ===================================================== */
| | color: #a1a1aa; |
| | |
| #footer-poweredbyico, | |
| #footer-copyrightico {
| |
| display: none; | |
| } | | } |
|
| |
|
| /* =====================================================
| | .wikitable td { |
| GRIDBOX (HOMEPAGE)
| | border-color: #262626; |
| ===================================================== */
| |
| | |
| .grid-container { | |
| display: flex; | |
| flex-wrap: wrap;
| |
| gap: 1.2em;
| |
| justify-content: center;
| |
| margin: 1em 0;
| |
| } | | } |
|
| |
|
| .gridbox {
| | /* Überschriften */ |
| width: 220px; | | h1, h2, h3, h4, h5, h6 { |
| background: #1e1e1e;
| | color: #fafafa; |
| border: 1px solid #444; | | border-color: #262626; |
| border-radius: 10px;
| |
| padding: 1em;
| |
| text-align: center;
| |
| color: #eee;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| } | | } |
|
| |
|
| .gridbox:hover {
| | /* Footer */ |
| transform: translateY(-4px);
| | #footer-poweredbyico, |
| box-shadow: 0 6px 16px rgba(0,0,0,0.6);
| | #footer-copyrightico { |
| }
| | display: none; |
| | |
| .gridbox-title {
| |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| margin-top: 0.6em;
| |
| }
| |
| | |
| .gridbox-desc {
| |
| font-size: 0.9em; | |
| color: #bbb;
| |
| margin-top: 0.4em;
| |
| } | | } |
/* =====================================================
COMMON STYLING
===================================================== */
/* Links */
a {
color: #a1a1aa;
}
a:hover {
color: #d4d4d8;
}
/* 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;
}
/* Tabellen */
.wikitable {
background: #171717;
border: 1px solid #262626;
}
.wikitable th {
background: #262626;
color: #a1a1aa;
}
.wikitable td {
border-color: #262626;
}
/* Überschriften */
h1, h2, h3, h4, h5, h6 {
color: #fafafa;
border-color: #262626;
}
/* Footer */
#footer-poweredbyico,
#footer-copyrightico {
display: none;
}
