|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| #mw-content-container {
| |
| background: linear-gradient(to bottom, transparent 0%, black 80%), url(https://cgs.wikihoster.xyz/images/thumb/d/de/TheOutside.webp/800px-TheOutside.webp.png?20251123213440);
| |
| background-position:center;
| |
| background-repeat:no-repeat;background-size:cover;
| |
| background-attachment:fixed
| |
| }
| |
|
| |
|
| /* =========================
| |
| Timeless Dark Mode Theme
| |
| ========================= */
| |
|
| |
| /* Base colors */
| |
| body,
| |
| #mw-wrapper,
| |
| #content,
| |
| #mw-content,
| |
| .mw-body,
| |
| .mw-body-content {
| |
| background-color: #121212;
| |
| color: #e0e0e0;
| |
| }
| |
|
| |
| /* Headings */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #ffffff;
| |
| border-bottom-color: #2a2a2a;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: #6bbcff;
| |
| }
| |
| a:visited {
| |
| color: #b58cff;
| |
| }
| |
| a:hover {
| |
| color: #9fd3ff;
| |
| }
| |
|
| |
| /* Timeless header & navigation */
| |
| #mw-header,
| |
| #mw-navigation,
| |
| #mw-site-navigation,
| |
| #mw-header-hack,
| |
| #mw-header-nav-hack,
| |
| #mw-header-container,
| |
| .sidebar-chunk,
| |
| #mw-related-navigation {
| |
| background-color: #1a1a1a !important;
| |
| border-color: #2a2a2a;
| |
| }
| |
| .mw-wiki-title {
| |
| color: white !important;
| |
| }
| |
|
| |
| /* Sidebar / Portlets */
| |
| .mw-portlet,
| |
| .mw-portlet-body {
| |
| background-color: #1a1a1a;
| |
| color: #e0e0e0;
| |
| border-color: #2a2a2a;
| |
| }
| |
|
| |
| /* Tables */
| |
| table,
| |
| .toc,
| |
| .portable-infobox,
| |
| .wikitable {
| |
| background-color: #1a1a1a !important;
| |
| color: #e0e0e0;
| |
| border-color: #2a2a2a;
| |
| }
| |
| .wikitable th {
| |
| background-color: #222;
| |
| }
| |
| .wikitable td,
| |
| .wikitable th {
| |
| border-color: #2a2a2a;
| |
| }
| |
|
| |
| /* Code blocks */
| |
| pre,
| |
| code,
| |
| .mw-code {
| |
| background-color: #1e1e1e;
| |
| color: #dcdcdc;
| |
| border-color: #2a2a2a;
| |
| }
| |
|
| |
| /* Inputs & search */
| |
| input,
| |
| textarea,
| |
| #searchInput-container,
| |
| select {
| |
| background-color: #1a1a1a;
| |
| color: #e0e0e0;
| |
| border: 1px solid #333;
| |
| }
| |
|
| |
| /* Footer */
| |
| #mw-footer {
| |
| background-color: #1a1a1a;
| |
| color: #b0b0b0;
| |
| border-top: 1px solid #2a2a2a;
| |
| }
| |
|
| |
| /* Page tabs */
| |
| .vector-menu-tabs li,
| |
| .mw-content-ltr .vector-menu-tabs li {
| |
| background-color: #1a1a1a;
| |
| }
| |
| .vector-menu-tabs li.selected {
| |
| background-color: #222;
| |
| }
| |
|
| |
| /* Horizontal rules */
| |
| hr {
| |
| border-color: #2a2a2a;
| |
| }
| |
|
| |
| #mw-content-block {
| |
| transition: opacity 0.4s ease, visibility 0.4s ease;
| |
| }
| |
|
| |
| body.mw-content-hidden #mw-content-block {
| |
| opacity: 0;
| |
| visibility: hidden;
| |
| pointer-events: none;
| |
| }
| |
|
| |
| .button-hidecontent {
| |
| font: bold 11px Arial;
| |
| text-decoration: none;
| |
| background-color: #EEEEEE;
| |
| color: #333333;
| |
| padding: 2px 6px 2px 6px;
| |
| border-top: 1px solid #CCCCCC;
| |
| border-right: 1px solid #333333;
| |
| border-bottom: 1px solid #333333;
| |
| border-left: 1px solid #CCCCCC;
| |
| }
| |
