MediaWiki:Common.css: Difference between revisions

From Twisted
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* ===== General Layout ===== */
/* === Base page background and text === */
body {
body {
    background-color: #0d0f15; /* deep navy/black */
     font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    color: #e4e9f7; /* light gray-blue text */
    background-color: #101014 !important;
     font-family: "Segoe UI", Roboto, Arial, sans-serif;
    color: #e4e4e4 !important;
}
}


/* === Links === */
/* Remove ugly serif in page titles */
a {
#firstHeading {
     color: #5cb8ff; /* radar blue */
     font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
     text-decoration: none;
    font-weight: bold;
    font-size: 1.8em;
}
 
/* ===== Header / Search Bar ===== */
#mw-page-base, #mw-head-base {
     background: #15151b !important;
}
}
a:visited {
#p-search {
     color: #8ab4ff;
     background: none !important;
}
}
a:hover {
#simpleSearch {
     color: #79ff97; /* green glow hover */
     background: #1f1f27 !important;
    border: none !important;
    border-radius: 5px;
}
}
 
#searchInput {
/* === Main content area === */
     background: transparent !important;
.mw-body, .mw-body-content, #content {
     color: #e4e4e4 !important;
     background-color: #1a1f27;
     border: 1px solid #2a2f3c;
    border-radius: 6px;
    padding: 1rem;
}
}


/* === Sidebar / navigation panel === */
/* ===== Sidebar ===== */
#mw-panel {
#mw-panel {
     background-color: #12151c;
     background: #15151b !important;
    border-right: 1px solid #2a2f3c;
}
}
#mw-panel .portal .body {
#mw-panel .portal h3 {
     background: none;
     color: #bbb !important;
}
}
#mw-panel a {
#mw-panel .portal .body li a {
     color: #5cb8ff;
     color: #a8b3ff !important;
}
}
#mw-panel a:hover {
#mw-panel .portal .body li a:hover {
     color: #79ff97;
     color: #ff7878 !important;
}
}


/* === Headings === */
/* ===== Content Area ===== */
h1, h2, h3, h4 {
.mw-body {
     color: #ffffff;
     background: #18181f !important;
     border-bottom: 1px solid #2a2f3c;
     border-radius: 8px;
     padding-bottom: 4px;
     padding: 15px;
}
.mw-body h1, .mw-body h2, .mw-body h3 {
    color: #ffffff !important;
}
}


/* === Table styles === */
/* ===== Links ===== */
table {
a {
    border-collapse: collapse;
     color: #6fa8ff !important;
    background-color: #141922;
     color: #e4e9f7;
}
}
th, td {
a:visited {
     border: 1px solid #2a2f3c;
     color: #a87fff !important;
    padding: 6px 10px;
}
}
th {
a:hover {
    background-color: #1f2633;
     color: #ff7878 !important;
     color: #ffffff;
}
}


/* === Infobox style (for right-hand side info) === */
/* ===== Tables ===== */
.infobox {
table {
     background-color: #1f2633;
     background: #202028 !important;
     border: 1px solid #2a2f3c;
     border: 1px solid #333 !important;
     color: #ffffff;
     border-radius: 6px;
}
}
.infobox th {
th {
     background-color: #273142;
     background: #2a2a38 !important;
    color: #fff !important;
}
}
 
td {
/* === Search bar === */
     color: #ddd !important;
#searchInput {
    background-color: #12151c;
    border: 1px solid #2a2f3c;
     color: #e4e9f7;
}
}


/* === Footer === */
/* ===== Footer ===== */
#footer {
footer, #footer {
     background-color: #0d0f15;
     background: #15151b !important;
    border-top: 1px solid #2a2f3c;
     color: #aaa !important;
     color: #7f8da5;
}
}
footer .mw-poweredby {
footer .mw-poweredby {
     display: none;
     display: none;
}
/* ===== Logo ===== */
#p-logo {
    width: 200px !important;
}
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
}

Revision as of 22:18, 13 August 2025

/* ===== General Layout ===== */
body {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    background-color: #101014 !important;
    color: #e4e4e4 !important;
}

/* Remove ugly serif in page titles */
#firstHeading {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 1.8em;
}

/* ===== Header / Search Bar ===== */
#mw-page-base, #mw-head-base {
    background: #15151b !important;
}
#p-search {
    background: none !important;
}
#simpleSearch {
    background: #1f1f27 !important;
    border: none !important;
    border-radius: 5px;
}
#searchInput {
    background: transparent !important;
    color: #e4e4e4 !important;
}

/* ===== Sidebar ===== */
#mw-panel {
    background: #15151b !important;
}
#mw-panel .portal h3 {
    color: #bbb !important;
}
#mw-panel .portal .body li a {
    color: #a8b3ff !important;
}
#mw-panel .portal .body li a:hover {
    color: #ff7878 !important;
}

/* ===== Content Area ===== */
.mw-body {
    background: #18181f !important;
    border-radius: 8px;
    padding: 15px;
}
.mw-body h1, .mw-body h2, .mw-body h3 {
    color: #ffffff !important;
}

/* ===== Links ===== */
a {
    color: #6fa8ff !important;
}
a:visited {
    color: #a87fff !important;
}
a:hover {
    color: #ff7878 !important;
}

/* ===== Tables ===== */
table {
    background: #202028 !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
}
th {
    background: #2a2a38 !important;
    color: #fff !important;
}
td {
    color: #ddd !important;
}

/* ===== Footer ===== */
footer, #footer {
    background: #15151b !important;
    color: #aaa !important;
}
footer .mw-poweredby {
    display: none;
}

/* ===== Logo ===== */
#p-logo {
    width: 200px !important;
}
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
Retrieved from "http://twisted.wiki/index.php?title=MediaWiki:Common.css&oldid=4"
Powered by MediaWiki