MediaWiki:Common.css: Difference between revisions

From Twisted
No edit summary
No edit summary
Line 1: Line 1:
/* ===== General Layout ===== */
/* =========================
body {
  TWISTED WIKI DARK THEME
     font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
  ========================= */
     background-color: #101014 !important;
 
     color: #e4e4e4 !important;
/* Base background & text */
.skin-timeless body {
     background-color: #0b0f12 !important; /* Deep stormy gray-blue */
     color: #e0e0e0 !important;
     font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
}


/* Remove ugly serif in page titles */
/* Main content area */
#firstHeading {
.skin-timeless #mw-content {
     font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
     background-color: #12181d !important;
     font-weight: bold;
    border: 1px solid #1f2a33 !important;
     font-size: 1.8em;
     border-radius: 8px;
     padding: 1rem;
}
}


/* ===== Header / Search Bar ===== */
/* Links */
#mw-page-base, #mw-head-base {
.skin-timeless a {
     background: #15151b !important;
     color: #4cc9f0 !important; /* Lightning blue */
}
}
#p-search {
.skin-timeless a:visited {
     background: none !important;
     color: #9a8cff !important; /* Muted violet */
}
}
#simpleSearch {
.skin-timeless a:hover {
    background: #1f1f27 !important;
     color: #ffcc00 !important; /* Severe weather yellow */
    border: none !important;
    border-radius: 5px;
}
#searchInput {
    background: transparent !important;
     color: #e4e4e4 !important;
}
}


/* ===== Sidebar ===== */
/* Sidebar & nav panel */
#mw-panel {
.skin-timeless #mw-navigation {
     background: #15151b !important;
     background-color: #0e1418 !important;
    border-right: 1px solid #222 !important;
}
}
#mw-panel .portal h3 {
.skin-timeless .sidebar-chunk {
     color: #bbb !important;
     background-color: #10181d !important;
}
    border-radius: 5px;
#mw-panel .portal .body li a {
     padding: 5px;
    color: #a8b3ff !important;
}
#mw-panel .portal .body li a:hover {
     color: #ff7878 !important;
}
}


/* ===== Content Area ===== */
/* Header bar */
.mw-body {
.skin-timeless #mw-header {
     background: #18181f !important;
     background: linear-gradient(90deg, #10181d 0%, #0b0f12 100%) !important;
     border-radius: 8px;
     border-bottom: 3px solid #00ff88 !important; /* Storm green accent */
    padding: 15px;
}
.mw-body h1, .mw-body h2, .mw-body h3 {
    color: #ffffff !important;
}
}


/* ===== Links ===== */
/* Footer */
a {
.skin-timeless #mw-footer {
     color: #6fa8ff !important;
     background-color: #0b0f12 !important;
}
     border-top: 1px solid #222 !important;
a:visited {
     color: #888 !important;
     color: #a87fff !important;
}
a:hover {
     color: #ff7878 !important;
}
}


/* ===== Tables ===== */
/* Search bar */
table {
.skin-timeless #searchInput {
     background: #202028 !important;
     background-color: #1a232b !important;
    color: #e0e0e0 !important;
     border: 1px solid #333 !important;
     border: 1px solid #333 !important;
    border-radius: 6px;
}
th {
    background: #2a2a38 !important;
    color: #fff !important;
}
td {
    color: #ddd !important;
}
}


/* ===== Footer ===== */
/* Buttons */
footer, #footer {
.skin-timeless .mw-ui-button {
     background: #15151b !important;
     background-color: #00ff88 !important;
     color: #aaa !important;
     color: #000 !important;
    border: none !important;
    transition: background 0.2s ease;
}
}
footer .mw-poweredby {
.skin-timeless .mw-ui-button:hover {
     display: none;
     background-color: #00cc6e !important;
}
}


/* ===== Logo ===== */
/* Headings */
#p-logo {
.skin-timeless h1, .skin-timeless h2, .skin-timeless h3 {
    width: 200px !important;
     color: #4cc9f0 !important;
}
     border-bottom: 1px solid #1f2a33 !important;
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
/* --- Base page background & text --- */
.skin-timeless body {
     background-color: #0e0e0e !important;
     color: #e6e6e6 !important;
}
}


/* Content area */
/* Tables */
.skin-timeless #mw-content {
.skin-timeless table {
     background-color: #1a1a1a !important;
     background-color: #12181d !important;
     border-radius: 6px;
     border: 1px solid #2a3540 !important;
    padding: 1rem;
}
 
/* Links */
.skin-timeless a {
    color: #89b4ff !important;
}
.skin-timeless a:visited {
    color: #b890ff !important;
}
}
.skin-timeless a:hover {
.skin-timeless th {
     color: #ffcc66 !important;
    background-color: #1a232b !important;
     color: #00ff88 !important;
}
}
 
.skin-timeless td {
/* Sidebar background */
     border: 1px solid #2a3540 !important;
.skin-timeless #mw-navigation {
     background-color: #121212 !important;
}
}


/* Header bar */
/* Remove ugly white borders around images */
.skin-timeless #mw-header {
.skin-timeless img {
    background-color: #181818 !important;
     border: none !important;
     border-bottom: 2px solid #ff3c3c !important; /* Accent */
}
}


/* Footer */
/* "Powered by MediaWiki" logo dim */
.skin-timeless #mw-footer {
#footer-poweredbyico img {
     background-color: #101010 !important;
     filter: brightness(0.7);
    border-top: 1px solid #333 !important;
}
 
/* Search bar */
.skin-timeless #searchInput {
    background-color: #222 !important;
    color: #eee !important;
    border: 1px solid #555 !important;
}
}

Revision as of 22:23, 13 August 2025

/* =========================
   TWISTED WIKI DARK THEME
   ========================= */

/* Base background & text */
.skin-timeless body {
    background-color: #0b0f12 !important; /* Deep stormy gray-blue */
    color: #e0e0e0 !important;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* Main content area */
.skin-timeless #mw-content {
    background-color: #12181d !important;
    border: 1px solid #1f2a33 !important;
    border-radius: 8px;
    padding: 1rem;
}

/* Links */
.skin-timeless a {
    color: #4cc9f0 !important; /* Lightning blue */
}
.skin-timeless a:visited {
    color: #9a8cff !important; /* Muted violet */
}
.skin-timeless a:hover {
    color: #ffcc00 !important; /* Severe weather yellow */
}

/* Sidebar & nav panel */
.skin-timeless #mw-navigation {
    background-color: #0e1418 !important;
    border-right: 1px solid #222 !important;
}
.skin-timeless .sidebar-chunk {
    background-color: #10181d !important;
    border-radius: 5px;
    padding: 5px;
}

/* Header bar */
.skin-timeless #mw-header {
    background: linear-gradient(90deg, #10181d 0%, #0b0f12 100%) !important;
    border-bottom: 3px solid #00ff88 !important; /* Storm green accent */
}

/* Footer */
.skin-timeless #mw-footer {
    background-color: #0b0f12 !important;
    border-top: 1px solid #222 !important;
    color: #888 !important;
}

/* Search bar */
.skin-timeless #searchInput {
    background-color: #1a232b !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

/* Buttons */
.skin-timeless .mw-ui-button {
    background-color: #00ff88 !important;
    color: #000 !important;
    border: none !important;
    transition: background 0.2s ease;
}
.skin-timeless .mw-ui-button:hover {
    background-color: #00cc6e !important;
}

/* Headings */
.skin-timeless h1, .skin-timeless h2, .skin-timeless h3 {
    color: #4cc9f0 !important;
    border-bottom: 1px solid #1f2a33 !important;
}

/* Tables */
.skin-timeless table {
    background-color: #12181d !important;
    border: 1px solid #2a3540 !important;
}
.skin-timeless th {
    background-color: #1a232b !important;
    color: #00ff88 !important;
}
.skin-timeless td {
    border: 1px solid #2a3540 !important;
}

/* Remove ugly white borders around images */
.skin-timeless img {
    border: none !important;
}

/* "Powered by MediaWiki" logo dim */
#footer-poweredbyico img {
    filter: brightness(0.7);
}
Retrieved from "http://twisted.wiki/index.php?title=MediaWiki:Common.css&oldid=6"
Powered by MediaWiki