MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
CircleHunter (talk | contribs) No edit summary |
CircleHunter (talk | contribs) No edit summary |
||
(27 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body.page-Main_Page h1 { display: none; } | |||
.toc, .toccolours { | |||
border: 1px solid #a2a9b1; | |||
background-color: #0b0b14; | |||
padding: 5px; | |||
font-size: 95%; | |||
} | |||
.catlinks { | |||
border: 1px solid #a2a9b1; | |||
background-color: #0b0b14; | |||
padding: 5px; | |||
margin-top: 1em; | |||
clear: both; | |||
} | |||
#mw-head { | |||
background-color: #0b0b14; | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
width: 100%; | |||
} | |||
body { | |||
background-color: #0b0b14; | |||
overflow-y: scroll; | |||
} | |||
.mw-body, .parsoid-body { | |||
background-color: #141324; | |||
color: #cfd8e1; | |||
direction: ltr; | |||
padding: 1em; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #cfd8e1; | |||
margin: 0; | |||
padding-top: 0.5em; | |||
padding-bottom: 0.17em; | |||
overflow: hidden; | |||
} | |||
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { | |||
color: #cfd8e1; | |||
background-color: #141324; | |||
text-decoration: none; | |||
} | |||
.vector-menu-tabs-legacy li a { | |||
background-position: right bottom; | |||
background-color: #0b0b14; | |||
color: #5287df; | |||
box-sizing: border-box; | |||
display: block; | |||
float: left; | |||
height: 3.07692308em; | |||
position: relative; | |||
padding-top: 1.25em; | |||
padding-left: 8px; | |||
padding-right: 8px; | |||
font-size: 0.8125em; | |||
cursor: pointer; | |||
} | |||
.vector-menu-portal .vector-menu-content li a { | |||
color: #5287df; | |||
} | |||
.vector-menu-portal .vector-menu-content li a:visited { | |||
color: #5287df; | |||
} | |||
.vector-menu-portal .vector-menu-heading { | |||
display: block; | |||
color: #cfd8e1; | |||
margin: 0.5em | |||
em | |||
0 0 0.66666667em; | |||
border: 0; | |||
padding: 0.25em 0; | |||
font-size: 0.75em; | |||
font-weight: normal; | |||
cursor: default; | |||
} | |||
a { | |||
color:#5287df; | |||
} | |||
a.new { | |||
color:#ba0000; | |||
} | |||
a:hover { | |||
color:#5287df; | |||
text_decoration: underline; | |||
} | |||
a:visited { | |||
color:#5287df; | |||
} | |||
.vector-search-box-input { | |||
background-color: rgb(11 11 20); | |||
color: #aaa; | |||
width: 100%; | |||
height: 2.15384615em; | |||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 2px; | |||
padding: 5px 2.15384615em 5px 0.4em; | |||
box-shadow: inset 0 0 0 1px transparent; | |||
font-family: inherit; | |||
font-size: 0.8125em; | |||
direction: ltr; | |||
transition-property: border-color,box-shadow; | |||
transition-duration: 250ms; | |||
-webkit-appearance: none; | |||
-moz-appearance: textfield; | |||
} | |||
pre, code, .mw-code { | |||
background-color: #0b0b14; | |||
color: #cfd8e1; | |||
border: 1px solid #eaecf0; | |||
} | |||
a.external { | |||
color: #5287df; | |||
} | |||
a.external:visited { | |||
color: #5287df; | |||
} | |||
.mw-parser-output a.extiw, .mw-parser-output a.external { | |||
color: #5287df; | |||
} | |||
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | |||
color: #5287df; | |||
} | |||
.infobox { | .infobox { | ||
Line 6: | Line 152: | ||
padding: 5px; | padding: 5px; | ||
border-spacing: 0px; | border-spacing: 0px; | ||
border: | border: 2px solid #8eb6d4; | ||
border-radius: 20px; | border-radius: 20px; | ||
-moz-border-radius: 20px; | -moz-border-radius: 20px; | ||
Line 16: | Line 162: | ||
font-size: 12px; | font-size: 12px; | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
background-color: # | background-color: #0b0b14; | ||
} | } | ||
Line 30: | Line 176: | ||
.infobox-title { | .infobox-title { | ||
font-size: 1.7em; | font-size: 1.7em; | ||
text-align: center; | text-align: center; | ||
background-color: # | color: #cfd8e1; | ||
border-top: 0px solid #556270; | background-color: #22203c; | ||
border-bottom: 0px solid #556270; | border-top: 0px solid #556270; | ||
padding-left: 0em; | border-bottom: 0px solid #556270; | ||
padding-right: 0em; | border-top-left-radius: 13px; | ||
padding-bottom: 0.2em; | border-top-right-radius: 13px; | ||
padding-left: 0em; | |||
padding-right: 0em; | |||
padding-bottom: 0.2em; | |||
} | } | ||
Line 84: | Line 233: | ||
.infobox tr { | .infobox tr { | ||
display: block; | display: block; | ||
border-bottom: 2px solid # | border-bottom: 2px solid #474750; | ||
} | } | ||
Line 162: | Line 311: | ||
word-break: break-all; | word-break: break-all; | ||
word-break: break-word; | word-break: break-word; | ||
} | |||
.mw-footer li { | |||
color: #cfd8e1; | |||
margin: 0; | |||
padding: 0.5em 0; | |||
font-size: 0.75em; | |||
} | |||
.frontbox { | |||
float:left; | |||
width: 68%; | |||
padding-right: 3%; | |||
} | |||
.frontbox p { | |||
} | |||
.frontbox h1 { | |||
text-decoration: none; | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
border: none; | |||
font-size: 2.1em; | |||
font-weight: bold; | |||
} | |||
.frontbox h2 { | |||
text-decoration: none; | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
border: none; | |||
} | |||
.frontbox h3 { | |||
text-decoration: none; | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
border: none; | |||
} | |||
.frontbox img { | |||
max-width: 90%; | |||
height: auto; | |||
} | |||
.frontsidebox { | |||
background-color: #0b0b14; | |||
border: 2px solid #8eb6d4; | |||
padding: 0.7em; | |||
padding-top: 0.7em; | |||
padding-bottom: 0.7em; | |||
border-radius: 5px; | |||
float: left; | |||
width: 26%; | |||
} | |||
.wikitable { | |||
background-color: #0b0b14; | |||
color: #cfd8e1; | |||
margin: 1em 0; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
} | |||
.wikitable > tr > th, .wikitable > * > tr > th { | |||
background-color: #22223f; | |||
text-align: center; | |||
} | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | |||
border: 0px solid #a2a9b1; | |||
padding: 0.2em 0.4em; | |||
} | } |
Latest revision as of 16:30, 18 April 2024
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1 { display: none; } .toc, .toccolours { border: 1px solid #a2a9b1; background-color: #0b0b14; padding: 5px; font-size: 95%; } .catlinks { border: 1px solid #a2a9b1; background-color: #0b0b14; padding: 5px; margin-top: 1em; clear: both; } #mw-head { background-color: #0b0b14; position: absolute; top: 0; right: 0; width: 100%; } body { background-color: #0b0b14; overflow-y: scroll; } .mw-body, .parsoid-body { background-color: #141324; color: #cfd8e1; direction: ltr; padding: 1em; } h1, h2, h3, h4, h5, h6 { color: #cfd8e1; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; overflow: hidden; } .vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { color: #cfd8e1; background-color: #141324; text-decoration: none; } .vector-menu-tabs-legacy li a { background-position: right bottom; background-color: #0b0b14; color: #5287df; box-sizing: border-box; display: block; float: left; height: 3.07692308em; position: relative; padding-top: 1.25em; padding-left: 8px; padding-right: 8px; font-size: 0.8125em; cursor: pointer; } .vector-menu-portal .vector-menu-content li a { color: #5287df; } .vector-menu-portal .vector-menu-content li a:visited { color: #5287df; } .vector-menu-portal .vector-menu-heading { display: block; color: #cfd8e1; margin: 0.5em em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 0.75em; font-weight: normal; cursor: default; } a { color:#5287df; } a.new { color:#ba0000; } a:hover { color:#5287df; text_decoration: underline; } a:visited { color:#5287df; } .vector-search-box-input { background-color: rgb(11 11 20); color: #aaa; width: 100%; height: 2.15384615em; box-sizing: border-box; border: 1px solid #a2a9b1; border-radius: 2px; padding: 5px 2.15384615em 5px 0.4em; box-shadow: inset 0 0 0 1px transparent; font-family: inherit; font-size: 0.8125em; direction: ltr; transition-property: border-color,box-shadow; transition-duration: 250ms; -webkit-appearance: none; -moz-appearance: textfield; } pre, code, .mw-code { background-color: #0b0b14; color: #cfd8e1; border: 1px solid #eaecf0; } a.external { color: #5287df; } a.external:visited { color: #5287df; } .mw-parser-output a.extiw, .mw-parser-output a.external { color: #5287df; } .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #5287df; } .infobox { float: right; width: 350px; padding: 5px; border-spacing: 0px; border: 2px solid #8eb6d4; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; font-family: arial,sans-serif; font-size: 12px; margin: 0 0 1em 1em; background-color: #0b0b14; } .infobox img { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; border: 0px solid #556270; border-top: 0px solid #556270; border-radius: 0px; } .infobox-title { font-size: 1.7em; text-align: center; color: #cfd8e1; background-color: #22203c; border-top: 0px solid #556270; border-bottom: 0px solid #556270; border-top-left-radius: 13px; border-top-right-radius: 13px; padding-left: 0em; padding-right: 0em; padding-bottom: 0.2em; } .infobox-title p { margin: 0px; text-align: center; background-color: #0E0B14; border: 1px solid #556270; border-radius: 10px; } .infobox-image { text-align: center; background-color: #0E0B14; border: 0px solid #556270; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .infobox-image p { text-align: center; font-style: italic; color: #727076; opacity: 1; margin-left: 0em; } .infobox table { width: 100%; background-color: #0E0B14; border: 0px solid #271E39; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 1em; } .infobox th { vertical-align: top; width: 100px; text-align: left; } .infobox td { vertical-align: top; } .infobox tr { display: block; border-bottom: 2px solid #474750; } .infobox-title h2 { margin: 0px; padding: 0px; margin-top: 10px; font-size: 0.5em; } .albuminfonav { background-color: #0e0b14; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; overflow: auto; margin-top: 0em; padding: 0 0.7em 0 0.7em; } .prevalbumtop p { width: 45%; float: left; text-align: center; font-weight: bold; padding-top: 0em; margin-right: 1%; word-break: break-all; word-break: break-word; } .nextalbumtop p { width: 45%; float: right; text-align: center; font-weight: bold; padding-top: 0em; margin-left: 1%; word-break: break-all; word-break: break-word; } .prevalbum p { width: 45%; float: left; text-align: center; padding-top: 0.5em; word-break: break-all; word-break: break-word; } .nextalbum p { width: 45%; float: right; text-align: center; padding-top: 0.5em; word-break: break-all; word-break: break-word; } .bottominfolabel p { float: center; text-align: center; font-weight: bold; padding-top: 0em; margin-right: 0%; word-break: break-all; word-break: break-word; } .bottominfo p { float: center; text-align: center; padding-top: 0.5em; word-break: break-all; word-break: break-word; } .mw-footer li { color: #cfd8e1; margin: 0; padding: 0.5em 0; font-size: 0.75em; } .frontbox { float:left; width: 68%; padding-right: 3%; } .frontbox p { } .frontbox h1 { text-decoration: none; margin-top: 0px; margin-bottom: 0px; border: none; font-size: 2.1em; font-weight: bold; } .frontbox h2 { text-decoration: none; margin-top: 0px; margin-bottom: 0px; border: none; } .frontbox h3 { text-decoration: none; margin-top: 0px; margin-bottom: 0px; border: none; } .frontbox img { max-width: 90%; height: auto; } .frontsidebox { background-color: #0b0b14; border: 2px solid #8eb6d4; padding: 0.7em; padding-top: 0.7em; padding-bottom: 0.7em; border-radius: 5px; float: left; width: 26%; } .wikitable { background-color: #0b0b14; color: #cfd8e1; margin: 1em 0; border: 1px solid #a2a9b1; border-collapse: collapse; } .wikitable > tr > th, .wikitable > * > tr > th { background-color: #22223f; text-align: center; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 0px solid #a2a9b1; padding: 0.2em 0.4em; }