MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
/* ====================================================== | |||
TREEVERSE DARK THEME | |||
Forces dark backgrounds for better readability | |||
====================================================== */ | |||
/* Page background */ | |||
body { | |||
background-color: #0b0b0b; | |||
} | |||
/* Main content area */ | |||
.mw-parser-output { | .mw-parser-output { | ||
background-color: #111; | |||
color: #e6e6e6; | |||
max-width: 900px; | max-width: 900px; | ||
margin: auto; | margin: auto; | ||
padding: 10px; | |||
} | } | ||
/* | /* Links */ | ||
a { | |||
color: #6ecbff; | |||
} | } | ||
a:visited { | |||
color: #b18cff; | |||
} | } | ||
/* ------ | /* Headings */ | ||
.mw-parser-output h1, | |||
-- | .mw-parser-output h2, | ||
.mw-parser-output h3, | |||
.mw-parser-output h4 { | |||
color: #ffffff; | |||
} | } | ||
/* | /* Infobox styling */ | ||
.infobox { | |||
background-color: #161616; | |||
border: 1px solid #333; | |||
border-radius: 6px; | |||
} | } | ||
.infobox th { | |||
background-color: #1e1e1e; | |||
color: #ffffff; | |||
. | |||
} | } | ||
.infobox td { | |||
background-color: #161616; | |||
. | |||
} | } | ||
/* | /* Tables */ | ||
.wikitable { | .wikitable { | ||
background-color: #161616; | |||
border: 1px solid #333; | |||
} | } | ||
.wikitable th { | .wikitable th { | ||
background: | background-color: #1e1e1e; | ||
color: #ffffff; | |||
} | } | ||
.wikitable td { | |||
background-color: #161616; | |||
color: #e6e6e6; | |||
} | |||
. | /* Images stay responsive */ | ||
.mw-parser-output img { | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
background: | /* Code blocks */ | ||
pre, | |||
code { | |||
background-color: #111; | |||
color: #e6e6e6; | |||
overflow-x: auto; | |||
} | } | ||
/* | /* Caption styling */ | ||
.thumbcaption { | .thumbcaption { | ||
color: #bbbbbb; | |||
} | } | ||
/* | /* Prevent long text overflow */ | ||
.mw-parser-output { | |||
-- | word-wrap: break-word; | ||
overflow-wrap: break-word; | |||
word-break: break-word; | |||
} | } | ||
/* | /* ========================= | ||
Mobile layout fixes | |||
========================= */ | |||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.mw-parser-output { | .mw-parser-output { | ||
padding-left: 8px; | padding-left: 8px; | ||
| Line 137: | Line 116: | ||
} | } | ||
.mw-parser-output table { | .mw-parser-output table { | ||
display: block; | display: block; | ||
overflow-x: auto; | overflow-x: auto; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.infobox { | .infobox { | ||
float: none; | float: none; | ||
width: 100%; | width: 100%; | ||
margin: 1em auto; | margin: 1em auto; | ||
} | } | ||
} | } | ||