MediaWiki:Common.css: Difference between revisions
From Ghost Theory Wiki
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* === | /* ================================ | ||
body { | TIMELESS THEME — COMMON.CSS | ||
background | Black + Dark Gray + Yellow Links | ||
color: # | ================================ */ | ||
/* ---- GLOBAL BACKGROUND & TEXT ---- */ | |||
body, | |||
html, | |||
#content, | |||
.mw-body { | |||
background: #000 !important; | |||
color: #fff !important; | |||
} | } | ||
/* | /* ---- FULL WIDTH LAYOUT ---- */ | ||
#content, | #content, | ||
.mw-body | .mw-body { | ||
max-width: 100% !important; | |||
width: 100% !important; | width: 100% !important; | ||
padding: 1.5rem !important; | |||
box-sizing: border-box; | |||
} | |||
/* ---- CONTENT BOXES ---- */ | |||
.mw-parser-output, | |||
div.thumb, | |||
table, | |||
pre, | |||
blockquote { | |||
background: #1a1a1a !important; | |||
color: #fff !important; | |||
border: 1px solid #333 !important; | |||
} | |||
/* ---- HEADINGS ---- */ | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #fff !important; | |||
border-color: #333 !important; | |||
} | } | ||
/* | /* ---- LINKS ---- */ | ||
a { | a { | ||
color: #ffea00 !important; /* yellow | color: #ffea00 !important; /* yellow */ | ||
} | } | ||
a:visited { | a:visited { | ||
color: #c0c0c0 !important; /* silver visited | color: #c0c0c0 !important; /* silver */ | ||
} | |||
a.new, | |||
a.new:visited { | |||
color: #ff8080 !important; /* red for missing pages */ | |||
} | |||
/* ---- TABLES ---- */ | |||
table { | |||
background: #1a1a1a !important; | |||
border-collapse: collapse !important; | |||
} | |||
table th, | |||
table td { | |||
border: 1px solid #333 !important; | |||
padding: 0.4rem 0.6rem !important; | |||
} | |||
/* ---- CODE BLOCKS ---- */ | |||
pre, | |||
code { | |||
background: #111 !important; | |||
color: #fff !important; | |||
border: 1px solid #333 !important; | |||
} | } | ||
/* ---- SIDEBAR (TIMELESS) ---- */ | |||
color: # | #mw-navigation, | ||
#mw-site-navigation, | |||
#mw-related-navigation { | |||
background: #000 !important; | |||
color: #fff !important; | |||
border-right: 1px solid #333 !important; | |||
} | } | ||
/* | #mw-navigation a, | ||
#mw-site-navigation a, | |||
#mw-related-navigation a { | |||
color: #ffea00 !important; | |||
} | |||
#mw-navigation a:visited, | |||
#mw-site-navigation a:visited, | |||
#mw-related-navigation a:visited { | |||
color: #c0c0c0 !important; | |||
} | |||
/* ---- HEADER ---- */ | |||
#mw-header, | |||
#mw-header-container { | |||
background: #000 !important; | |||
color: #fff !important; | |||
border-bottom: 1px solid #333 !important; | |||
} | |||
/* ---- FOOTER ---- */ | |||
#footer { | |||
background: #000 !important; | |||
color: #fff !important; | |||
border-top: 1px solid #333 !important; | |||
} | |||
/* ---- MINERVA HAMBURGER + MENU ---- */ | |||
.minerva-icon, | |||
.minerva-icon * { | |||
fill: #fff !important; | |||
} | } | ||
#mw-mf-main-menu-button, | |||
#mw-mf-main-menu-button * { | |||
background: #000 !important; | |||
color: #fff !important; | |||
background | |||
color: # | |||
} | } | ||
#mw-mf-page-left, | |||
#mw-mf-page-left .menu, | |||
. | #mw-mf-page-left .menu * { | ||
background: #000 !important; | |||
color: #fff !important; | |||
. | |||
background | |||
color: # | |||
} | } | ||
#mw-mf-page-left a { | |||
color: #ffea00 !important; | color: #ffea00 !important; | ||
} | } | ||
#mw-mf-page-left a:visited { | |||
color: #c0c0c0 !important; | color: #c0c0c0 !important; | ||
} | } | ||
/* | /* ---- SEARCH BOX ---- */ | ||
#searchInput, | |||
#searchInput:focus { | |||
background | background: #111 !important; | ||
color: # | color: #fff !important; | ||
border | border: 1px solid #333 !important; | ||
} | |||
/* ---- FORMS ---- */ | |||
input, | |||
textarea, | |||
select { | |||
background: #111 !important; | |||
color: #fff !important; | |||
border: 1px solid #333 !important; | |||
} | } | ||
/* | /* ---- MISC FIXES ---- */ | ||
hr { | |||
border-color: #333 !important; | |||
} | } | ||
.mw-ui-button { | |||
background: #111 !important; | |||
color: #fff !important; | |||
border: 1px solid #333 !important; | |||
} | } | ||
