MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (123 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
pre, code, .mw-code { | |||
background-color: #1e1e1e; | |||
color: #e4e1dc; | |||
border: 1px solid #575757; | |||
} | } | ||
h1, h2, h3, h4, h5, h6 { | |||
color: #d6d4d2; | |||
margin: 0; | |||
padding-top: 0.5em; | |||
padding-bottom: 0.17em; | |||
overflow: hidden; | |||
} | } | ||
.mw-body, .parsoid-body { | |||
background-color: #1e1e1e; | |||
# | color: #d6d4d2; | ||
direction: ltr; | |||
padding: 1em; | |||
} | } | ||
body { | |||
background-color: #323232; | |||
overflow-y: scroll; | |||
} | } | ||
#mw- | #mw-page-base { | ||
background-color: #3b3b3b; | |||
background-image: linear-gradient(to bottom,#323232 50%,#323232 100%); | |||
background-position: bottom left; | |||
height: 5em; | |||
} | } | ||
a:visited { | |||
color: #bbc0c1; | |||
} | } | ||
a { | |||
text-decoration: none; | |||
color: #87d0fb; | |||
background: none; | |||
} | } | ||
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | |||
. | color: #53a2d3; | ||
. | |||
} | } | ||
. | .mw-parser-output a.extiw, .mw-parser-output a.external { | ||
color: #bbc0c1; | |||
} | } | ||
.mw-footer li { | |||
color: #57963d; | |||
margin: 0; | |||
padding: 0.5em 0; | |||
font-size: 0.75em; | |||
} | } | ||
.vector-menu-portal .vector-menu-content li a:visited { | |||
. | color: #bbc0c1; | ||
} | } | ||
.vector-menu-portal .vector-menu-content li a { | |||
color: #bbc0c1; | |||
} | } | ||
.vector-menu-portal .vector-menu-heading { | |||
display: block; | |||
. | color: #d6d4d2; | ||
margin: 0.5em 0 0 0.66666667em; | |||
border: 0; | |||
padding: 0.25em 0; | |||
font-size: 0.75em; | |||
font-weight: normal; | |||
cursor: default; | |||
} | } | ||
a.new { | |||
. | color: #db9383; | ||
} | } | ||
.vector-menu-tabs-legacy li a { | |||
background-position: right bottom; | |||
. | color: #bbc0c1; | ||
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-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { | |||
. | color: #bbc0c1; | ||
. | |||
. | |||
{ | |||
} | } | ||
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { | |||
color: #b1db88; | |||
. | text-decoration: none; | ||
. | |||
. | |||
. | |||
{ | |||
} | } | ||
.vector-menu-tabs-legacy .selected { | |||
background: #1e1e1e; | |||
} | } | ||
.vector-menu-tabs-legacy li { | |||
background-image: linear-gradient(to top,#575757 0,#1e1e1e 1px,#1e1e1e 100%); | |||
background-position: left bottom; | |||
background-repeat: repeat-x; | |||
float: left; | |||
display: block; | |||
height: 100%; | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1.125em; | |||
white-space: nowrap; | |||
} | } | ||
.vector-menu-dropdown .vector-menu-heading { | |||
display: flex; | |||
color: #bbc0c1; | |||
font-size: 0.8125em; | |||
background-position: right bottom; | |||
margin: 0 -1px 0 0; | |||
padding: 1.25em 8px 6px; | |||
font-weight: normal; | |||
} | } | ||
.vector-menu-dropdown .vector-menu-content { | |||
line-height: 1.125em; | |||
background-color: #323232; | |||
border: 1px solid #484848; | |||
border-top-width: 0; | |||
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%); | |||
transition-property: opacity; | |||
transition-duration: 100ms; | |||
} | } | ||
.vector-menu-dropdown .mw-list-item a { | |||
padding: 0.625em; | |||
color: #4dcba3; | |||
} | } | ||
.mw-body { | .mw-body { | ||
margin-top: -1px; | |||
border: 1px solid #575757; | |||
border-right-width: 0; | |||
} | } | ||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
. | background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#575757 100%); | ||
background-repeat: no-repeat; | |||
background-size: 1px 100%; | |||
} | } | ||
textarea { | |||
# | display: block; | ||
box-sizing: border-box; | |||
width: 100%; | |||
border: 1px solid #575757; | |||
padding: 0.1em; | |||
} | } | ||
.editOptions { | |||
# | background-color: #1e1e1e; | ||
color: #d2d3c1; | |||
border: 1px solid #5c5c5c; | |||
border-top: 0; | |||
padding: 1em 1em 1.5em 1em; | |||
margin-bottom: 2em; | |||
} | } | ||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { | |||
# | background-color: #1e1e1e; | ||
color: #e3e0db; | |||
margin: 0; | |||
border: 1px solid #555555; | |||
border-radius: 2px; | |||
padding: 5px 8px; | |||
font-size: inherit; | |||
font-family: inherit; | |||
line-height: 1.42857143em; | |||
} | } | ||
a:visited { | |||
color: #87d0fb; | |||
} | } | ||
.wikitable { | |||
background-color: #323232; | |||
color: #d6d4d2; | |||
margin: 1em 0; | |||
border: 1px solid #999999; | |||
border-collapse: collapse; | |||
} | } | ||
.wikitable > tr > th, .wikitable > * > tr > th { | |||
background-color: #1e1e1e; | |||
text-align: center; | |||
} | } | ||
.catlinks { | |||
border: 1px solid #a2a9b1; | |||
background-color: #1e1e1e; | |||
padding: 5px; | |||
margin-top: 1em; | |||
clear: both; | |||
} | } | ||
.toc, .toccolours { | |||
. | border: 1px solid #a2a9b1; | ||
background-color: #1e1e1e; | |||
padding: 5px; | |||
font-size: 95%; | |||
{ | |||
# | |||
} | } | ||
.mw-datatable td { | |||
background-color: #1e1e1e; | |||
} | } | ||
.mw-parser-output a.external { | |||
. | color: #53a2d3; | ||
} | } | ||
Latest revision as of 16:12, 23 September 2023
/* CSS placed here will be applied to all skins */
pre, code, .mw-code {
background-color: #1e1e1e;
color: #e4e1dc;
border: 1px solid #575757;
}
h1, h2, h3, h4, h5, h6 {
color: #d6d4d2;
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.17em;
overflow: hidden;
}
.mw-body, .parsoid-body {
background-color: #1e1e1e;
color: #d6d4d2;
direction: ltr;
padding: 1em;
}
body {
background-color: #323232;
overflow-y: scroll;
}
#mw-page-base {
background-color: #3b3b3b;
background-image: linear-gradient(to bottom,#323232 50%,#323232 100%);
background-position: bottom left;
height: 5em;
}
a:visited {
color: #bbc0c1;
}
a {
text-decoration: none;
color: #87d0fb;
background: none;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #53a2d3;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: #bbc0c1;
}
.mw-footer li {
color: #57963d;
margin: 0;
padding: 0.5em 0;
font-size: 0.75em;
}
.vector-menu-portal .vector-menu-content li a:visited {
color: #bbc0c1;
}
.vector-menu-portal .vector-menu-content li a {
color: #bbc0c1;
}
.vector-menu-portal .vector-menu-heading {
display: block;
color: #d6d4d2;
margin: 0.5em 0 0 0.66666667em;
border: 0;
padding: 0.25em 0;
font-size: 0.75em;
font-weight: normal;
cursor: default;
}
a.new {
color: #db9383;
}
.vector-menu-tabs-legacy li a {
background-position: right bottom;
color: #bbc0c1;
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-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: #bbc0c1;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
color: #b1db88;
text-decoration: none;
}
.vector-menu-tabs-legacy .selected {
background: #1e1e1e;
}
.vector-menu-tabs-legacy li {
background-image: linear-gradient(to top,#575757 0,#1e1e1e 1px,#1e1e1e 100%);
background-position: left bottom;
background-repeat: repeat-x;
float: left;
display: block;
height: 100%;
margin: 0;
padding: 0;
line-height: 1.125em;
white-space: nowrap;
}
.vector-menu-dropdown .vector-menu-heading {
display: flex;
color: #bbc0c1;
font-size: 0.8125em;
background-position: right bottom;
margin: 0 -1px 0 0;
padding: 1.25em 8px 6px;
font-weight: normal;
}
.vector-menu-dropdown .vector-menu-content {
line-height: 1.125em;
background-color: #323232;
border: 1px solid #484848;
border-top-width: 0;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
transition-property: opacity;
transition-duration: 100ms;
}
.vector-menu-dropdown .mw-list-item a {
padding: 0.625em;
color: #4dcba3;
}
.mw-body {
margin-top: -1px;
border: 1px solid #575757;
border-right-width: 0;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#575757 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
textarea {
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #575757;
padding: 0.1em;
}
.editOptions {
background-color: #1e1e1e;
color: #d2d3c1;
border: 1px solid #5c5c5c;
border-top: 0;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #1e1e1e;
color: #e3e0db;
margin: 0;
border: 1px solid #555555;
border-radius: 2px;
padding: 5px 8px;
font-size: inherit;
font-family: inherit;
line-height: 1.42857143em;
}
a:visited {
color: #87d0fb;
}
.wikitable {
background-color: #323232;
color: #d6d4d2;
margin: 1em 0;
border: 1px solid #999999;
border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #1e1e1e;
text-align: center;
}
.catlinks {
border: 1px solid #a2a9b1;
background-color: #1e1e1e;
padding: 5px;
margin-top: 1em;
clear: both;
}
.toc, .toccolours {
border: 1px solid #a2a9b1;
background-color: #1e1e1e;
padding: 5px;
font-size: 95%;
}
.mw-datatable td {
background-color: #1e1e1e;
}
.mw-parser-output a.external {
color: #53a2d3;
}