User:Anax/vector.css - Revision history

Anax at 21:11, 25 November 2019

2019-11-25T21:11:13Z

Anax: Replaced content with "textarea, .editOptions { background-color: black; color: white; }"

2019-11-25T21:09:17Z

Replaced content with "textarea, .editOptions { background-color: black; color: white; }"

Show changes

Anax at 21:02, 25 November 2019

2019-11-25T21:02:46Z

Anax at 20:19, 25 November 2019

2019-11-25T20:19:15Z

Anax at 00:43, 21 November 2019

2019-11-21T00:43:56Z

Anax at 00:28, 21 November 2019

2019-11-21T00:28:13Z

Show changes

Anax: Created page with "@media screen { /* Vector screen styles */ /** * Minimum available screen width at which a device can be considered a mobile device * Many older feature phones have scre..."

2019-10-27T05:50:17Z

Created page with "@media screen { Vector screen styles: /** * Minimum available screen width at which a device can be considered a mobile device * Many older feature phones have scre..."

New page

@media screen {
/* Vector screen styles */
/**
* Minimum available screen width at which a device can be considered a mobile device
* Many older feature phones have screens smaller than this value.
* Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a tablet
* The number is currently based on the device width of a Samsung Galaxy S5 mini and is low
* enough to cover iPad (768px). Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a desktop
* Number is prone to change with new information.
* @since 1.31
*/
/*
* Any rules which should not be flipped automatically in right-to-left situations should be
* prepended with @noflip in a comment block.
*
*/
/* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
/* Framework */
html {
font-size: 100%;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif;
}
body {
background-color: #242424;
}
/* Content */
.mw-body,
.parsoid-body {
background-color: #000000;
color: #222222;
padding: 1em;
direction: ltr;
}
.mw-body,
#mw-data-after-content {
margin-left: 10em;
}
.mw-body {
/* Border on top, left, and bottom side */
border: 1px solid #09e919;
border-right-width: 0;
/* Merge the border with tabs' one (in their background image) */
margin-top: -1px;
}
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
margin-bottom: 0.25em;
padding: 0;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
line-height: 1.3;
/* Burmese (Myanmar) language headlines would be cropped with set `line-height` */
/* See T193270 */
}
.mw-body h1:lang( ja ),
.mw-body-content h1:lang( ja ),
.mw-body-content h2:lang( ja ),
.mw-body h1:lang( he ),
.mw-body-content h1:lang( he ),
.mw-body-content h2:lang( he ),
.mw-body h1:lang( ko ),
.mw-body-content h1:lang( ko ),
.mw-body-content h2:lang( ko ) {
/* See T65827 */
font-family: sans-serif;
}
.mw-body h1:lang( my ),
.mw-body-content h1:lang( my ),
.mw-body-content h2:lang( my ) {
line-height: normal;
}
.mw-body h1,
.mw-body-content h1 {
font-size: 1.8em;
}
.mw-body .firstHeading {
/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
overflow: visible;
}
.mw-body .mw-indicators {
float: right;
font-size: 0.875em;
line-height: 1.6;
/* Ensure that this is displayed on top of .mw-body-content and clickable */
position: relative;
z-index: 1;
}
.mw-body .mw-indicator {
display: inline-block;
}
.mw-body-content {
position: relative;
font-size: 0.875em;
line-height: 1.6;
z-index: 0;
}
.mw-body-content p {
margin: 0.5em 0;
}
.mw-body-content h1 {
margin-top: 1em;
}
.mw-body-content h2 {
margin-top: 1em;
font-size: 1.5em;
}
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.6;
}
.mw-body-content h3 {
font-size: 1.2em;
}
.mw-body-content h3,
.mw-body-content h4 {
font-weight: bold;
}
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
font-size: 100%;
}
.mw-body-content .toc h2 {
font-family: sans-serif;
font-size: 100%;
}
/* Allow edit sections outside of mw-body-content (T160269) */
.mw-editsection,
.mw-editsection-like {
font-family: sans-serif;
}
/* Hide empty portlets */
div.emptyPortlet {
display: none;
}
ul {
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg?872f1);
}
pre,
.mw-code {
line-height: 1.3;
}
/* Site Notice (includes notices from CentralNotice extension) */
#siteNotice {
font-size: 0.8em;
}
/* Personal */
#p-personal {
position: absolute;
top: 0.33em;
right: 0.75em;
/* Display on top of page tabs - bugs 37158, 48078 */
z-index: 100;
}
#p-personal h3 {
display: none;
}
#p-personal ul {
list-style: none none;
margin: 0;
padding-left: 10em;
/* Keep from overlapping logo */
}
#p-personal li {
float: left;
margin-left: 0.75em;
padding-top: 0.5em;
font-size: 0.75em;
line-height: 1.16666667;
white-space: nowrap;
}
/* Icon for registered user names & anonymous message */
#pt-anonuserpage,
#pt-userpage a {
background-image: url(/w/skins/Vector/images/user-avatar.png?59494);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/user-avatar.svg?b7f58);
background-position: left 0.33333333em;
background-repeat: no-repeat;
background-size: 1.16666667em 1.16666667em;
padding-top: 0.5em !important;
padding-left: 16px !important;
}
#pt-userpage {
padding-top: 0 !important;
}
#pt-userpage a {
display: inline-block;
}
/* Show anonymous "Not logged in" text in gray */
#pt-anonuserpage {
color: #54595d;
}
/* Search */
#p-search {
float: left;
margin-right: 0.5em;
margin-left: 0.5em;
}
#p-search h3 {
display: block;
position: absolute !important;
/* stylelint-disable-line declaration-no-important */
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
}
#p-search form {
margin: 0.5em 0 0;
}
#simpleSearch {
display: block;
width: 13.2em;
width: 20vw;
/* responsive width */
min-width: 5em;
max-width: 20em;
height: 100%;
margin-top: 0;
position: relative;
}
#simpleSearch input {
margin: 0;
}
#searchInput {
background-color: #242424;
background-color: rgba(255, 255, 255, 0.5);
color: #09e919;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #7bb372;
border-radius: 2px;
padding: 0.4em 1.84615385em 0.4em 0.4em;
-webkit-box-shadow: inset 0 0 0 1px transparent;
box-shadow: inset 0 0 0 1px transparent;
font-size: 0.8125em;
direction: ltr;
-webkit-transition: border-color 250ms, box-shadow 250ms;
-moz-transition: border-color 250ms, box-shadow 250ms;
transition: border-color 250ms, box-shadow 250ms;
-webkit-appearance: textfield;
}
#simpleSearch:hover #searchInput {
border-color: #638160;
}
#searchInput:focus,
#simpleSearch:hover #searchInput:focus {
outline: 0;
border-color: #37cc33;
-webkit-box-shadow: inset 0 0 0 1px #37cc33, inset 0 0 0 2px #000000;
box-shadow: inset 0 0 0 1px #37cc33, inset 0 0 0 2px #000000;
}
#searchInput::-webkit-input-placeholder {
color: #72777d;
opacity: 1;
}
#searchInput:-ms-input-placeholder {
color: #72777d;
opacity: 1;
}
#searchInput::-moz-placeholder {
color: #72777d;
opacity: 1;
}
#searchInput:-moz-placeholder {
color: #72777d;
opacity: 1;
}
#searchInput::placeholder {
color: #72777d;
opacity: 1;
}
#searchInput::-webkit-search-decoration,
#searchInput::-webkit-search-cancel-button,
#searchInput::-webkit-search-results-button,
#searchInput::-webkit-search-results-decoration {
-webkit-appearance: textfield;
}
#searchButton,
#mw-searchButton {
background-color: transparent;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
min-width: 24px;
width: 1.84615385em;
border: 0;
padding: 0;
cursor: pointer;
font-size: 0.8125em;
/* Opera 12 on RTL flips the text in a funny way without this. */
/* @noflip */
direction: ltr;
/* Hide button text and replace it with the image. */
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}
#searchButton {
background-image: url(/w/skins/Vector/images/search.png?39f97);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/search.svg?4d50a);
background-position: center center;
background-repeat: no-repeat;
}
#mw-searchButton {
z-index: 1;
}
/**
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
*/
/* Namespaces and Views */
.vectorTabs {
background-position: left bottom;
float: left;
height: 2.5em;
padding-left: 1px;
/* Navigation Labels */
}
.vectorTabs h3 {
display: none;
}
.vectorTabs ul {
float: left;
height: 100%;
list-style: none none;
margin: 0;
padding: 0;
}
.vectorTabs li {
background-image: url(/w/skins/Vector/images/tab-normal-fade.png?1cc52);
background-image: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #ffffff 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;
}
.vectorTabs li a {
color: #06ad1a;
display: block;
height: 1.9em;
padding-left: 0.615em;
padding-right: 0.615em;
cursor: pointer;
font-size: 0.8125em;
}
.vectorTabs .new a,
.vectorTabs .new a:visited {
color: #a55858;
}
.vectorTabs .selected {
background-image: url(/w/skins/Vector/images/tab-current-fade.png?22887);
background: #ffffff;
}
.vectorTabs .selected a,
.vectorTabs .selected a:visited {
color: #f3f3f3;
text-decoration: none;
}
.vectorTabs .icon a {
background-position: right bottom;
background-repeat: no-repeat;
}
.vectorTabs span {
background-position: right bottom;
display: inline-block;
height: 100%;
}
.vectorTabs span a {
float: left;
display: block;
position: relative;
padding-top: 1.25em;
}
/* Variants and Actions */
.vectorMenu {
direction: ltr;
float: left;
cursor: pointer;
position: relative;
line-height: 1.125em;
}
.vectorMenu h3 span {
color: #bbbbbb;
position: relative;
display: block;
padding-left: 0.615em;
padding-top: 1.25em;
padding-right: 16px;
font-size: 0.8125em;
font-weight: normal;
}
.vectorMenu h3 span:after {
content: '';
background-image: url(/w/skins/Vector/images/arrow-down.png?42edd);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-down.svg?2f021);
background-position: 100% 50%;
background-repeat: no-repeat;
position: absolute;
top: 1.25em;
right: 0;
bottom: 0;
left: 0;
opacity: 0.85;
}
.vectorMenu h3:hover span,
.vectorMenu h3:focus span {
color: #f3f3f3;
}
.vectorMenu h3:hover span:after,
.vectorMenu h3:focus span:after {
opacity: 1;
}
.vectorMenu .menu {
background-color: #000000;
list-style: none none;
clear: both;
min-width: 100%;
position: absolute;
top: 2.5em;
left: -1px;
margin: 0;
border: 1px solid #a2a9b1;
border-top-width: 0;
padding: 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
transition: opacity 100ms;
z-index: 2;
}
.vectorMenu:hover .menu {
opacity: 1;
visibility: visible;
}
.vectorMenu .vectorMenuCheckbox:checked ~ .menu {
opacity: 1;
visibility: visible;
}
.vectorMenu li {
padding: 0;
margin: 0;
text-align: left;
line-height: 1em;
}
.vectorMenu li a {
color: #06ad12;
display: block;
padding: 0.625em;
white-space: nowrap;
cursor: pointer;
font-size: 0.8125em;
}
.vectorMenu .selected a,
.vectorMenu .selected a:visited {
color: #f3f3f3;
text-decoration: none;
}
#mw-head .vectorMenu h3 {
background-position: right bottom;
float: left;
font-size: 100%;
height: 2.5em;
margin: 0 -1px 0 0;
padding: 0 0.5em 0 0;
}
.vectorTabs,
.vectorTabs span,
#mw-head .vectorMenu h3 {
background-image: url(/w/skins/Vector/images/tab-separator.png?09d4b);
background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #a7d7f9 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
.vectorMenuCheckbox {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: none;
}
:not( :checked ) > .vectorMenuCheckbox {
display: block;
}
.vectorMenuCheckbox:checked + h3 span:after {
transform: scaleY(-1);
}
.vectorMenuCheckbox:focus + h3 {
outline: dotted 1px;
outline: auto -webkit-focus-ring-color;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Watch/Unwatch Icon Styling */
/* Only use icon if the menu item is not collapsed into the "More" dropdown
* (in which case it is inside .vectorMenu instead of .vectorTabs). */
.vectorTabs .mw-watchlink.icon a {
background-position: 5px 60%;
background-repeat: no-repeat;
margin: 0;
padding: 0;
display: block;
width: 28px;
/* This hides the text but shows the background image */
/* Must not exceed parent's height, otherwise the background disappears on Chrome (T196610) */
padding-top: 3.07692308em;
height: 0;
overflow: hidden;
}
.vectorTabs #ca-unwatch.icon a {
background-image: url(/w/skins/Vector/images/unwatch-icon.png?fccbe);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/unwatch-icon.svg?725e9);
}
.vectorTabs #ca-watch.icon a {
background-image: url(/w/skins/Vector/images/watch-icon.png?e1b42);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/watch-icon.svg?d3c31);
}
.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
background-image: url(/w/skins/Vector/images/unwatch-icon-hl.png?c4723);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/unwatch-icon-hl.svg?71c12);
}
.vectorTabs #ca-watch.icon a:hover,
.vectorTabs #ca-watch.icon a:focus {
background-image: url(/w/skins/Vector/images/watch-icon-hl.png?f4c7e);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/watch-icon-hl.svg?26a8a);
}
.vectorTabs #ca-unwatch.icon .loading,
.vectorTabs #ca-watch.icon .loading {
background-image: url(/w/skins/Vector/images/watch-icon-loading.svg?34b1f);
background-position: 50% 60%;
-webkit-animation: rotate 700ms infinite linear;
-moz-animation: rotate 700ms infinite linear;
animation: rotate 700ms infinite linear;
/* Suppress the hilarious rotating focus outline on Firefox */
outline: 0;
cursor: default;
pointer-events: none;
-webkit-transform-origin: 50% 57%;
transform-origin: 50% 57%;
}
/* Hide, but keep accessible for screen-readers */
#mw-navigation h2 {
position: absolute;
top: -9999px;
}
.mw-jump-link:not( :focus ) {
display: block;
position: absolute !important;
/* stylelint-disable-line declaration-no-important */
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
}
/* Head */
#mw-page-base {
background-position: bottom left;
height: 5em;
background-color: #0d0d0d;
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(50%, #000000), color-stop(100%, #2d2d2d));
background-image: -webkit-linear-gradient(top, #ffffff 50%, #f6f6f6 100%);
background-image: -moz-linear-gradient(top, #ffffff 50%, #f6f6f6 100%);
background-image: linear-gradient(to bottom, #ffffff 50%, #f6f6f6 100%);
}
#mw-head-base {
margin-top: -5em;
margin-left: 10em;
height: 5em;
}
#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
/* Navigation Containers */
#left-navigation {
float: left;
margin-left: 10em;
margin-top: 2.5em;
/* When right nav would overlap left nav, it's placed below it
(normal CSS floats behavior). This rule ensures that no empty space
is shown between them due to right nav's margin-top. Page layout
is still broken, but at least the nav overlaps only the page title
instead of half the content. */
margin-bottom: -2.5em;
}
#right-navigation {
float: right;
margin-top: 2.5em;
}
/* Logo */
#p-logo {
width: 10em;
height: 160px;
}
#p-logo a {
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 10em;
height: 160px;
text-decoration: none;
}
/* Panel */
#mw-panel {
position: absolute;
top: 0;
width: 10em;
left: 0;
font-size: inherit;
/* First sidebar portlet. Not using :first-of-type for IE<=8 support. */
}
#mw-panel .portal {
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
direction: ltr;
}
#mw-panel .portal h3 {
color: #bbbbbb;
font-weight: normal;
margin: 0.5em 0 0 0.66666667em;
padding: 0.25em 0;
cursor: default;
border: 0;
font-size: 0.75em;
}
#mw-panel .portal .body {
background-image: url(/w/skins/Vector/images/portal-separator.png?4ab04);
background-image: linear-gradient(to right, transparent 0, #c8ccd1 35%, #c8ccd1 70%, transparent 100%);
background-repeat: no-repeat;
background-size: 100% 1px;
margin-left: 0.5em;
padding-top: 0;
}
#mw-panel .portal .body ul {
list-style: none none;
margin: 0;
padding-top: 0.3em;
}
#mw-panel .portal .body li {
margin: 0;
padding: 0.25em 0;
font-size: 0.75em;
line-height: 1.125em;
word-wrap: break-word;
}
#mw-panel .portal .body li a {
color: #06ad1a;
}
#mw-panel .portal .body li a:visited {
color: #00801e;
}
#mw-panel #p-logo + .portal {
background-image: none;
margin-top: 1em;
}
#mw-panel #p-logo + .portal h3 {
display: none;
}
#mw-panel #p-logo + .portal .body {
background-image: none;
margin-left: 0.5em;
}
/* Footer */
#footer {
margin-left: 10em;
margin-top: 0;
padding: 0.75em;
direction: ltr;
}
#footer ul {
list-style: none none;
margin: 0;
padding: 0;
}
#footer li {
color: #ededed;
margin: 0;
padding: 0.5em 0;
font-size: 0.7em;
}
#footer-icons {
float: right;
}
#footer-icons li {
float: left;
margin-left: 0.5em;
line-height: 2;
text-align: right;
}
#footer-info li {
line-height: 1.4;
}
#footer-places li {
float: left;
margin-right: 1em;
line-height: 2;
}
.mw-parser-output .external {
background-position: center right;
background-repeat: no-repeat;
background-image: url(/w/skins/Vector/images/external-link-ltr-icon.png?325de);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/external-link-ltr-icon.svg?b4b84);
padding-right: 13px;
}}@media screen and ( min-width: 982px ) {
/* Vector screen styles for high definition displays */
/**
* Minimum available screen width at which a device can be considered a mobile device
* Many older feature phones have screens smaller than this value.
* Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a tablet
* The number is currently based on the device width of a Samsung Galaxy S5 mini and is low
* enough to cover iPad (768px). Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a desktop
* Number is prone to change with new information.
* @since 1.31
*/
.mw-body,
#mw-head-base,
#left-navigation,
#mw-data-after-content,
#footer {
margin-left: 11em;
}
.mw-body {
padding: 1.25em 1.5em 1.5em 1.5em;
}
#footer {
padding: 1.25em;
}
#mw-panel {
padding-left: 0.5em;
}
#p-search {
margin-right: 1em;
}
#p-personal {
right: 1em;
}}/**
* Minimum available screen width at which a device can be considered a mobile device
* Many older feature phones have screens smaller than this value.
* Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a tablet
* The number is currently based on the device width of a Samsung Galaxy S5 mini and is low
* enough to cover iPad (768px). Number is prone to change with new information.
* @since 1.31
*/
/**
* Minimum available screen width at which a device can be considered a desktop
* Number is prone to change with new information.
* @since 1.31
*/
@media print {
/* These styles retain the existing typography in screen.less
In future (when deploying these styles) we may want to refactor skins.vector.styles
to apply certain styles in print as well as screen mode. */
.toc,
body {
padding: 10px;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
}
.printfooter,
#footer,
.thumb,
table,
ol,
dl,
ul,
h3,
h4,
h5,
h6 {
font-family: sans-serif;
}
img {
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
}
a.not( .image ) {
border-bottom: 1px solid #aaa;
}
.firstHeading {
font-size: 25pt;
line-height: 28pt;
margin-bottom: 20px;
padding-bottom: 5px;
}
.firstHeading,
h2 {
overflow: hidden;
border-bottom: 2px solid #000000;
}
h3,
h4,
h5,
h6 {
margin: 30px 0 0;
}
h2,
h3,
h4,
h5,
h6 {
padding: 0;
position: relative;
}
h2 {
font-size: 18pt;
line-height: 24pt;
margin-bottom: 0.25em;
}
h3 {
font-size: 13pt;
line-height: 20pt;
}
h4,
h5,
h6 {
font-size: 10pt;
line-height: 15pt;
}
p {
font-size: 10pt;
line-height: 16pt;
margin-top: 5px;
text-align: justify;
}
p:before {
content: '';
display: block;
width: 120pt;
overflow: hidden;
}
blockquote {
border-left: 2px solid #000000;
padding-left: 20px;
}
ol,
ul {
margin: 10px 0 0 1.6em;
padding: 0;
}
ol li,
ul li {
padding: 2px 0;
font-size: 10pt;
}
table ol li,
table ul li {
font-size: inherit;
}
.toc {
page-break-before: avoid;
page-break-after: avoid;
background: none;
border: 0;
display: table;
}
.toc a {
border: 0;
font-weight: normal;
}
.toc > ul > li {
margin-bottom: 4px;
font-weight: bold;
}
.toc ul {
margin: 0;
list-style: none;
}
.toc ul ul {
padding-left: 30px;
}
.toc li.toclevel-1 > a {
font-weight: bold;
font-size: 10pt;
}
.mw-jump-link,
.toc .tocnumber {
display: none;
}
.printfooter {
margin-top: 10px;
border-top: 3px solid #000000;
padding-top: 10px;
font-size: 10pt;
clear: both;
}
#footer {
margin-top: 12px;
border-top: 1px solid #eeeeee;
padding-top: 5px;
}
#footer-info {
margin: 0;
padding: 0;
}
#footer-info li {
color: #999;
list-style: none;
display: block;
padding-bottom: 10px;
font-size: 10pt;
}
#footer-info li a {
color: #999 !important;
/* stylelint-disable-line declaration-no-important */
}
#footer-info-lastmod {
color: #000000;
font-size: 12pt;
font-weight: bold;
}
}

@@ Line 1: / Line 1: @@
 textarea, .editOptions {
-     background-color: black;
+     background-color: #272727;
      color: white;
+}

@@ Line 1,054: / Line 1,054: @@
          font-weight: bold;
+     }
+}

@@ Line 1: / Line 1: @@
 @media screen {
      /* Vector screen styles */
@@ Line 159: / Line 160: @@
          font-family: sans-serif;
          font-size: 100%;
+     }
      /* Allow edit sections outside of mw-body-content (T160269) */
@@ Line 641: / Line 647: @@
          position: absolute;
          top: -9999px;
+     }
      .mw-jump-link:not( :focus ) {
@@ Line 804: / Line 813: @@
          line-height: 2;
+     }
      .mw-parser-output .external {
          background-position: center right;

@@ Line 37: / Line 37: @@
+     }
      body {
-         background-color: #242424;
+         background-color: #050505;
+     }
      a,
@@ Line 262: / Line 262: @@
+     }
      #searchInput {
-         background-color: #242424;
+         background-color: #050505;
          background-color: rgba(255, 255, 255, 0.5);
          color: #09e919;
@@ Line 384: / Line 384: @@
      .vectorTabs li.selected {
          background-image: linear-gradient(to top, #000 0, #222 1px, #333333 100%);
-         background-color: #242424;
+         background-color: #050505;
          color: #06ad1a;
+     }
@@ Line 405: / Line 405: @@
      .vectorTabs .selected {
          /*background-image: url(/w/skins/Vector/images/tab-current-fade.png?22887);*/
-         background-color: #242424;
+         background-color: #050505;
+     }
      .vectorTabs .selected a,
@@ Line 526: / Line 526: @@
      #mw-head .vectorMenu h3 {
          background-image: url(/w/skins/Vector/images/tab-separator.png?09d4b);
-         background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, ##242424 100%);
+         background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, ##050505 100%);
          background-repeat: no-repeat;
          background-size: 1px 100%;
@@ Line 670: / Line 670: @@
+     }
      #mw-head {
-         background-color: #242424;
+         background-color: #050505;
          position: absolute;
          top: 0;
@@ Line 734: / Line 734: @@
      #mw-panel .portal .body {
          background-image: url(/w/skins/Vector/images/portal-separator.png?4ab04);
-         background-image: linear-gradient(to right, transparent 0, ##242424 35%, ##242424 70%, transparent 100%);
+         background-image: linear-gradient(to right, transparent 0, ##050505 35%, ##050505 70%, transparent 100%);
          background-repeat: no-repeat;
          background-size: 100% 1px;