MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→CSS placed here will be applied to all skins: body { background-color: #0f0f0f; color: #e0e0e0; font-family: "JetBrains Mono", monospace; } a { color: #ff5555; } a:visited { color: #ff9999; } div#content { background: #151515; border: 1px solid #333; padding: 1em; } h1, h2, h3 { color: #ff4444; } pre, code { background-color: #1a1a1a; color: #ffdd88; border: 1px solid #333; padding: 0.5em; }" |
No edit summary |
||
Line 1: | Line 1: | ||
/* | /* === Global base styles === */ | ||
body { | body { | ||
background-color: #0f0f0f; | background-color: #0f0f0f; | ||
color: #e0e0e0; | color: #e0e0e0; | ||
font-family: "JetBrains Mono", monospace; | font-family: "JetBrains Mono", "Fira Code", monospace; | ||
line-height: 1.6; | |||
} | } | ||
a { | a, a:link, a:visited { | ||
color: #ff5555; | color: #ff5555; | ||
text-decoration: none; | |||
} | } | ||
a: | a:hover { | ||
color: # | color: #ff7777; | ||
text-decoration: underline; | |||
} | } | ||
/* === Page container === */ | |||
background: #151515; | #content, .mw-body { | ||
background-color: #151515; | |||
border: 1px solid #222; | |||
padding: 2em; | |||
border-radius: 6px; | |||
} | |||
/* === Headings === */ | |||
h1, h2, h3, h4, h5 { | |||
color: #ff4444; | |||
border-bottom: 1px solid #222; | |||
padding-bottom: 0.3em; | |||
margin-top: 1.5em; | |||
} | |||
/* === Table of Contents === */ | |||
#toc { | |||
background-color: #1c1c1c; | |||
border: 1px solid #333; | border: 1px solid #333; | ||
padding: 1em; | padding: 1em; | ||
border-radius: 4px; | |||
} | } | ||
#toc a { | |||
color: # | color: #ffaa88; | ||
} | } | ||
/* === Infoboxes / Notices === */ | |||
.infobox, .hatnote, .messagebox { | |||
background-color: #1a1a1a; | background-color: #1a1a1a; | ||
color: # | border: 1px solid #444; | ||
padding: 1em; | |||
margin: 1em 0; | |||
border-left: 4px solid #ff5555; | |||
} | |||
.infobox-title { | |||
color: #ff6666; | |||
font-weight: bold; | |||
font-size: 1.2em; | |||
} | |||
/* === Code and Preformatted === */ | |||
pre, code, .mw-code { | |||
background-color: #1b1b1b; | |||
color: #d4d4d4; | |||
border: 1px solid #333; | |||
padding: 0.75em; | |||
overflow-x: auto; | |||
display: block; | |||
border-radius: 4px; | |||
} | |||
.syntaxhighlight { | |||
background-color: #1b1b1b !important; | |||
color: #e0e0e0 !important; | |||
border: 1px solid #333 !important; | |||
padding: 0.5em !important; | |||
border-radius: 4px !important; | |||
} | |||
/* === Search box === */ | |||
input.searchInput { | |||
background-color: #121212; | |||
color: #ffffff; | |||
border: 1px solid #333; | |||
} | |||
/* === Navigation sidebar === */ | |||
#mw-panel { | |||
background-color: #121212; | |||
color: #ddd; | |||
} | |||
#p-navigation ul li a { | |||
color: #ff5555; | |||
} | |||
#p-navigation ul li a:hover { | |||
color: #ff8888; | |||
} | |||
/* === Footer === */ | |||
#footer { | |||
background-color: #111; | |||
border-top: 1px solid #222; | |||
color: #777; | |||
font-size: 0.85em; | |||
padding: 1em; | |||
margin-top: 3em; | |||
} | |||
/* === Table styling === */ | |||
table.wikitable { | |||
background-color: #181818; | |||
color: #eee; | |||
border: 1px solid #333; | |||
} | |||
.wikitable th, .wikitable td { | |||
border: 1px solid #333; | border: 1px solid #333; | ||
padding: 0.5em; | padding: 0.5em; | ||
} | |||
/* === Highlight quotes / payloads === */ | |||
blockquote { | |||
background-color: #1a1a1a; | |||
border-left: 3px solid #ff5555; | |||
color: #ccc; | |||
padding: 1em; | |||
margin: 1.5em 0; | |||
} | |||
/* === Highlight boxes === */ | |||
.box-red { | |||
background: #220000; | |||
border: 1px solid #ff4444; | |||
color: #ffcccc; | |||
padding: 1em; | |||
border-radius: 4px; | |||
margin: 1em 0; | |||
} | |||
.box-green { | |||
background: #002200; | |||
border: 1px solid #44ff44; | |||
color: #ccffcc; | |||
padding: 1em; | |||
border-radius: 4px; | |||
margin: 1em 0; | |||
} | } |
Revision as of 06:38, 8 May 2025
/* === Global base styles === */
body {
background-color: #0f0f0f;
color: #e0e0e0;
font-family: "JetBrains Mono", "Fira Code", monospace;
line-height: 1.6;
}
a, a:link, a:visited {
color: #ff5555;
text-decoration: none;
}
a:hover {
color: #ff7777;
text-decoration: underline;
}
/* === Page container === */
#content, .mw-body {
background-color: #151515;
border: 1px solid #222;
padding: 2em;
border-radius: 6px;
}
/* === Headings === */
h1, h2, h3, h4, h5 {
color: #ff4444;
border-bottom: 1px solid #222;
padding-bottom: 0.3em;
margin-top: 1.5em;
}
/* === Table of Contents === */
#toc {
background-color: #1c1c1c;
border: 1px solid #333;
padding: 1em;
border-radius: 4px;
}
#toc a {
color: #ffaa88;
}
/* === Infoboxes / Notices === */
.infobox, .hatnote, .messagebox {
background-color: #1a1a1a;
border: 1px solid #444;
padding: 1em;
margin: 1em 0;
border-left: 4px solid #ff5555;
}
.infobox-title {
color: #ff6666;
font-weight: bold;
font-size: 1.2em;
}
/* === Code and Preformatted === */
pre, code, .mw-code {
background-color: #1b1b1b;
color: #d4d4d4;
border: 1px solid #333;
padding: 0.75em;
overflow-x: auto;
display: block;
border-radius: 4px;
}
.syntaxhighlight {
background-color: #1b1b1b !important;
color: #e0e0e0 !important;
border: 1px solid #333 !important;
padding: 0.5em !important;
border-radius: 4px !important;
}
/* === Search box === */
input.searchInput {
background-color: #121212;
color: #ffffff;
border: 1px solid #333;
}
/* === Navigation sidebar === */
#mw-panel {
background-color: #121212;
color: #ddd;
}
#p-navigation ul li a {
color: #ff5555;
}
#p-navigation ul li a:hover {
color: #ff8888;
}
/* === Footer === */
#footer {
background-color: #111;
border-top: 1px solid #222;
color: #777;
font-size: 0.85em;
padding: 1em;
margin-top: 3em;
}
/* === Table styling === */
table.wikitable {
background-color: #181818;
color: #eee;
border: 1px solid #333;
}
.wikitable th, .wikitable td {
border: 1px solid #333;
padding: 0.5em;
}
/* === Highlight quotes / payloads === */
blockquote {
background-color: #1a1a1a;
border-left: 3px solid #ff5555;
color: #ccc;
padding: 1em;
margin: 1.5em 0;
}
/* === Highlight boxes === */
.box-red {
background: #220000;
border: 1px solid #ff4444;
color: #ffcccc;
padding: 1em;
border-radius: 4px;
margin: 1em 0;
}
.box-green {
background: #002200;
border: 1px solid #44ff44;
color: #ccffcc;
padding: 1em;
border-radius: 4px;
margin: 1em 0;
}