/* /* -------------------------------------------------------------------------- * * Wik-at-Nite * A dark color scheme for Wikipedia. * * @author Ben Stock
/*
/* -------------------------------------------------------------------------- *
* Wik-at-Nite
* A dark color scheme for Wikipedia.
*
* @author Ben Stock
* @url https://benstockdesign.com
* @copyright (c) 2022 Ben Stock Design
* @license MIT
* -------------------------------------------------------------------------- *\/
:root {
/* Base colors *\/
--bg: #22272e;
--fg: #adbac7;
--link-fg: #2196f3;
/* Foreground colors *\/
--fg-default: #adbac7;
--fg-muted: #768390;
--fg-subtle: #545d68;
--fg-on-emphasis: #cdd9e5;
/* Canvas colors *\/
--canvas-default: #22272e;
--canvas-overlay: #2d333b;
--canvas-inset: #1c2128;
--canvas-subtle: #2d333b;
/* Border colors *\/
--border-default: #444c56;
--border-muted: #373e47;
--border-subtle: rgb(205 217 229 / 0.1);
--border-callout: #292d32;
/* Keyboard key colors *\/
--kbd-key-bg: #2d333b;
--kbd-key-fg: #adbac7;
--kbd-key-top: #373e47;
--kbd-key-mid: #414b58;
--kbd-key-btm: #373e47;
--kbd-key-btm-pct: 110%;
--kbd-key-border: rgb(205 217 229 / 0.1);
--kbd-key-shadow: 0em 0.15em 0.15em rgb(0 0 0 / 20%);
--kbd-key-text-shadow: 0 -0.1em 0 #1c2128;
/* Neutral colors *\/
--neutral-emphasis-plus: #636e7b;
--neutral-emphasis: #636e7b;
--neutral-muted: rgb(99 110 123 / 0.4);
--neutral-subtle: rgb(99 110 123 / 0.1);
/* Accent colors *\/
--accent-fg: #539bf5;
--accent-emphasis: #316dca;
--accent-muted: rgb(65 132 228 / 0.4);
--accent-subtle: rgb(65 132 228 / 0.15);
/* ANSI colors *\/
--ansi-black: #22272e;
--ansi-black-bright: #2d333b;
--ansi-white: #909dab;
--ansi-white-bright: #909dab;
--ansi-gray: #636e7b;
--ansi-red: #f47067;
--ansi-red-bright: #ff938a;
--ansi-green: #57ab5a;
--ansi-green-bright: #6bc46d;
--ansi-yellow: #c69026;
--ansi-yellow-bright: #daaa3f;
--ansi-blue: #539bf5;
--ansi-blue-bright: #6cb6ff;
--ansi-magenta: #b083f0;
--ansi-magenta-bright: #dcbdfb;
--ansi-cyan: #76e3ea;
--ansi-cyan-bright: #b3f0ff;
/* Edit/Project colors *\/
--project-header-bg: #22272e;
--project-sidebar-bg: #2d333b;
--project-gradient-in: #2d333b;
--project-gradient-out: rgb(45 51 59 / 0);
/* Primer colors *\/
--primer-fg-disabled: #545d68;
--primer-canvas-backdrop: rgb(28 33 40 / 0.8);
--primer-canvas-sticky: rgb(34 39 46 / 0.95);
--primer-border-active: #ec775c;
--primer-border-contrast: rgb(205 217 229 / 0.2);
--primer-shadow-highlight: 0 0 transparent;
--primer-shadow-inset: 0 0 transparent;
--primer-shadow-focus: 0 0 0 3px #143d79;
/* Scale colors *\/
--black: #1c2128;
--white: #cdd9e5;
--gray-0: #cdd9e5;
--gray-1: #adbac7;
--gray-2: #909dab;
--gray-3: #768390;
--gray-4: #636e7b;
--gray-5: #545d68;
--gray-6: #444c56;
--gray-7: #373e47;
--gray-8: #2d333b;
--gray-9: #22272e;
--blue-0: #c6e6ff;
--blue-1: #96d0ff;
--blue-2: #6cb6ff;
--blue-3: #539bf5;
--blue-4: #4184e4;
--blue-5: #316dca;
--blue-6: #255ab2;
--blue-7: #1b4b91;
--blue-8: #143d79;
--blue-9: #0f2d5c;
--green-0: #b4f1b4;
--green-1: #8ddb8c;
--green-2: #6bc46d;
--green-3: #57ab5a;
--green-4: #46954a;
--green-5: #347d39;
--green-6: #2b6a30;
--green-7: #245829;
--green-8: #1b4721;
--green-9: #113417;
--yellow-0: #fbe090;
--yellow-1: #eac55f;
--yellow-2: #daaa3f;
--yellow-3: #c69026;
--yellow-4: #ae7c14;
--yellow-5: #966600;
--yellow-6: #805400;
--yellow-7: #6c4400;
--yellow-8: #593600;
--yellow-9: #452700;
--orange-0: #ffddb0;
--orange-1: #ffbc6f;
--orange-2: #f69d50;
--orange-3: #e0823d;
--orange-4: #cc6b2c;
--orange-5: #ae5622;
--orange-6: #94471b;
--orange-7: #7f3913;
--orange-8: #682d0f;
--orange-9: #4d210c;
--red-0: #ffd8d3;
--red-1: #ffb8b0;
--red-2: #ff938a;
--red-3: #f47067;
--red-4: #e5534b;
--red-5: #c93c37;
--red-6: #ad2e2c;
--red-7: #922323;
--red-8: #78191b;
--red-9: #5d0f12;
--purple-0: #eedcff;
--purple-1: #dcbdfb;
--purple-2: #dcbdfb;
--purple-3: #b083f0;
--purple-4: #986ee2;
--purple-5: #8256d0;
--purple-6: #6b44bc;
--purple-7: #5936a2;
--purple-8: #472c82;
--purple-9: #352160;
--pink-0: #ffd7eb;
--pink-1: #ffb3d8;
--pink-2: #fc8dc7;
--pink-3: #e275ad;
--pink-4: #c96198;
--pink-5: #ae4c82;
--pink-6: #983b6e;
--pink-7: #7e325a;
--pink-8: #69264a;
--pink-9: #551639;
--coral-0: #ffdacf;
--coral-1: #ffb9a5;
--coral-2: #f79981;
--coral-3: #ec775c;
--coral-4: #de5b41;
--coral-5: #c2442d;
--coral-6: #a93524;
--coral-7: #8d291b;
--coral-8: #771d13;
--coral-9: #5d1008;
--error-fg: #ffb8b0;
--error-bg: inherit;
--error-underline: #c93c37;
--syntax-comment: #768390;
--syntax-constant: #6cb6ff;
--syntax-entity: #dcbdfb;
--syntax-storage-modifier-import: #adbac7;
--syntax-interpol: #adbac7;
--syntax-entity-tag: #8ddb8c;
--syntax-keyword: #f47067;
--syntax-string: #96d0ff;
--syntax-variable: #f69d50;
--syntax-brackethighlighter-unmatched: #e5534b;
--syntax-invalid-illegal-text: #cdd9e5;
--syntax-invalid-illegal-bg: #922323;
--syntax-cr-fg: #cdd9e5;
--syntax-cr-bg: #ad2e2c;
--syntax-string-regexp: #8ddb8c;
--syntax-whitespace: #768390;
--syntax-markup-list: #eac55f;
/* --syntax-markup-heading: #316dca; *\/
/* --syntax-markup-subheading: #769dd9; *\/
--syntax-markup-heading: #5192f7;
--syntax-markup-subheading: #cd76cd;
--syntax-markup-italic: #adbac7;
--syntax-markup-bold: #adbac7;
--syntax-markup-deleted-text: #ffd8d3;
--syntax-markup-deleted-bg: #78191b;
--syntax-markup-inserted-text: #b4f1b4;
--syntax-markup-inserted-bg: #1b4721;
--syntax-markup-changed-text: #ffddb0;
--syntax-markup-changed-bg: #682d0f;
--syntax-markup-ignored-text: #adbac7;
--syntax-markup-ignored-bg: #255ab2;
--syntax-markup-prompt: #539bf5;
--syntax-markup-output: #adbac7;
--syntax-traceback: #316dca;
--syntax-diff-range: #dcbdfb;
--syntax-brackethighlighter-angle: #768390;
--syntax-sublimelinter-gutter-mark: #545d68;
--syntax-constant-other-reference-link: #96d0ff;
--codemirror-text: #adbac7;
--codemirror-bg: #22272e;
--codemirror-gutters-bg: #22272e;
--codemirror-guttermarker-text: #22272e;
--codemirror-guttermarker-subtle-text: #545d68;
--codemirror-linenumber-text: #768390;
--codemirror-cursor: #adbac7;
--codemirror-selection-bg: rgb(65 132 228 / 0.4);
--codemirror-activeline-bg: rgb(99 110 123 / 0.1);
--codemirror-matchingbracket-text: #adbac7;
--codemirror-lines-bg: #22272e;
--codemirror-syntax-comment: #768390;
--codemirror-syntax-constant: #6cb6ff;
--codemirror-syntax-entity: #dcbdfb;
--codemirror-syntax-keyword: #f47067;
--codemirror-syntax-storage: #f47067;
--codemirror-syntax-string: #96d0ff;
--codemirror-syntax-support: #6cb6ff;
--codemirror-syntax-variable: #f69d50;
--menu-tab-bg: #2d333b;
--menu-tab-fg: rgb(205 217 229 / 0.7);
--content-border: #2d333b;
--select-menu-backdrop-border: #545d68;
--select-menu-tap-highlight: rgb(68 76 86 / 0.5);
--select-menu-tap-focus-bg: #143d79;
--overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgb(28 33 40 / 0.85);
--header-top: #2c3035;
--header-btm: #22272e;
--header-text: rgb(205 217 229 / 0.7);
--header-bg: #2d333b;
--header-divider: #768390;
--header-logo: #cdd9e5;
--header-search-bg: #22272e;
--header-search-border: #444c56;
--sidenav-selected-bg: #373e47;
--menu-bg-active: #2d333b;
--input-disabled-bg: rgb(99 110 123 / 0);
}
/* -------------------------------------------------------------------------- *
* Foundation
* -------------------------------------------------------------------------- *\/
body {
background-color: var(--bg);
}
h1, h2, h3, h4, h5, h6 {
color: var(--fg);
}
h1, h2 {
border-bottom: 1px solid var(--border-subtle);
}
a, a:link, a:visited {
color: var(--accent-fg);
}
/* -------------------------------------------------------------------------- *
* Body
* -------------------------------------------------------------------------- *\/
.mw-body, .parsoid-body {
background-color: var(--bg);
color: var(--fg);
}
.mw-body {
border: 1px solid var(--content-border);
}
/* -------------------------------------------------------------------------- *
* Header
* -------------------------------------------------------------------------- *\/
#mw-page-base {
background-color: var(--bg);
background-image: linear-gradient(
to bottom,
var(--header-gradient-top),
var(--header-gradient-btm)
);
background-position: bottom left;
}
#p-logo a {
mix-blend-mode: color-dodge;
filter: invert(1) opacity(0.85);
}
/* -------------------------------------------------------------------------- *
* Footer
* -------------------------------------------------------------------------- *\/
.mw-footer li {
color: var(--fg);
}
/* -------------------------------------------------------------------------- *
* Menu Portal
* -------------------------------------------------------------------------- *\/
.vector-menu-portal h3 {
background-image: linear-gradient(
to right,
var(--border-subtle),
var(--border-subtle)
);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: center bottom;
color: var(--fg);
}
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: var(--fg-muted);
}
.skin-vector-legacy a.new {
color: var(--link-fg);
}
/* -------------------------------------------------------------------------- *
* Menu Tabs
* -------------------------------------------------------------------------- *\/
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
background-image: none;
background-repeat: no-repeat;
background-size: 1px 100%;
background-color: #2d333b;
}
.vector-menu-tabs .selected {
background: var(--menu-tab-bg);
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
color: var(--fg-on-emphasis);
text-decoration: none;
}
.vector-menu-tabs li a {
background-position: right bottom;
color: var(--link-fg);
}
/* -------------------------------------------------------------------------- *
* Syntax Highlighting
* -------------------------------------------------------------------------- *\/
pre, code, .mw-code {
background-color: var(--canvas-inset);
color: var(--fg);
/*border: 1px solid var(--border-muted);*\/
border: 1px solid var(--border-subtle);
}
/* -------------------------------------------------------------------------- *
* Gutter
* -------------------------------------------------------------------------- *\/
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
padding-left: 3.5em;
box-shadow: inset 2.75em 0 0 var(--canvas-inset);
}
.mw-content-rtl.mw-highlight-lines pre,
.mw-content-rtl.content .mw-highlight-lines pre {
padding-right: 3.5em;
box-shadow: inset -2.75em 0 0 var(--canvas-inset);
}
td.linenos .normal,
span.linenos {
background-color: transparent;
color: inherit;
}
td.linenos .special,
span.linenos.special {
background-color: var(--canvas-inset);
color: var(--fg);
}
.mw-highlight .linenos {
background: var(--canvas-inset);
color: var(--fg-subtle);
}
.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
color: var(--fg);
}
/* -------------------------------------------------------------------------- *
* General
* -------------------------------------------------------------------------- *\/
.mw-highlight .hll { background-color: var(--canvas-inset) }
.mw-highlight { background: var(--canvas-inset) }
.mw-highlight .k { color: var(--syntax-keyword); } /* Keyword *\/
.mw-highlight .o { color: var(--syntax-constant); } /* Operator *\/
.mw-highlight .ow { color: var(--syntax-constant); } /* Operator.Word *\/
.mw-highlight .w { color: var(--syntax-whitespace); } /* Text.Whitespace *\/
.mw-highlight .err {
color: var(--error-fg);
background-color: var(--error-bg);
text-decoration: underline wavy var(--error-underline);
}
/* -------------------------------------------------------------------------- *
* Comments
* -------------------------------------------------------------------------- *\/
.mw-highlight .c { color: var(--syntax-comment); } /* Comment *\/
.mw-highlight .ch { color: var(--syntax-comment); } /* Comment.Hashbang *\/
.mw-highlight .cm { color: var(--syntax-comment); } /* Comment.Multiline *\/
.mw-highlight .cp { color: var(--syntax-comment); } /* Comment.Preproc *\/
.mw-highlight .cpf { color: var(--syntax-comment); } /* Comment.PreprocFile *\/
.mw-highlight .c1 { color: var(--syntax-comment); } /* Comment.Single *\/
.mw-highlight .cs { color: var(--syntax-comment); } /* Comment.Special *\/
/* -------------------------------------------------------------------------- *
* Generic Markup
* -------------------------------------------------------------------------- *\/
/* Background *\/
.mw-highlight .gr { background-color: var(--syntax-invalid-illegal-bg); } /* Generic.Error *\/
.mw-highlight .gd { background-color: var(--syntax-markup-deleted-bg); } /* Generic.Deleted *\/
.mw-highlight .gi { background-color: var(--syntax-markup-inserted-bg); } /* Generic.Inserted *\/
/* Color *\/
.mw-highlight .gr { color: var(--syntax-invalid-illegal-text); } /* Generic.Error *\/
.mw-highlight .gd { color: var(--syntax-markup-deleted-text); } /* Generic.Deleted *\/
.mw-highlight .gi { color: var(--syntax-markup-inserted-text); } /* Generic.Inserted *\/
.mw-highlight .go { color: var(--syntax-markup-output); } /* Generic.Output *\/
.mw-highlight .gp { color: var(--syntax-markup-prompt); } /* Generic.Prompt *\/
.mw-highlight .ge { color: var(--syntax-markup-italic); } /* Generic.Emph *\/
.mw-highlight .gs { color: var(--syntax-markup-bold); } /* Generic.Strong *\/
.mw-highlight .gh { color: var(--syntax-markup-heading); } /* Generic.Heading *\/
.mw-highlight .gu { color: var(--syntax-markup-subheading); } /* Generic.Subheading *\/
.mw-highlight .gt { color: var(--syntax-traceback); } /* Generic.Traceback *\/
/* Typography *\/
.mw-highlight .gt { font-style: normal; font-weight: normal; }
.mw-highlight .gr,
.mw-highlight .gd,
.mw-highlight .gi,
.mw-highlight .go,
.mw-highlight .ge { font-style: italic; font-weight: normal; }
.mw-highlight .gp,
.mw-highlight .gs,
.mw-highlight .gh,
.mw-highlight .gu { font-style: normal; font-weight: bold; }
/* -------------------------------------------------------------------------- *
* Keywords
* -------------------------------------------------------------------------- *\/
/* Typography *\/
.mw-highlight .kc,
.mw-highlight .kd,
.mw-highlight .kn,
.mw-highlight .kp,
.mw-highlight .kr,
.mw-highlight .kt { font-style: normal; font-weight: normal; }
/* Color *\/
.mw-highlight .kc { color: var(--syntax-constant); } /* Keyword.Constant *\/
.mw-highlight .kd { color: var(--syntax-keyword); } /* Keyword.Declaration *\/
.mw-highlight .kn { color: var(--syntax-keyword); } /* Keyword.Namespace *\/
.mw-highlight .kp { color: var(--syntax-keyword); } /* Keyword.Pseudo *\/
.mw-highlight .kr { color: var(--syntax-keyword); } /* Keyword.Reserved *\/
.mw-highlight .kt { color: var(--syntax-keyword); } /* Keyword.Type *\/
/* -------------------------------------------------------------------------- *
* Names
* -------------------------------------------------------------------------- *\/
.mw-highlight .na { color: var(--syntax-constant); } /* Name.Attribute *\/
.mw-highlight .nb { color: var(--syntax-keyword); } /* Name.Builtin *\/
.mw-highlight .nc { color: var(--syntax-variable); } /* Name.Class *\/
.mw-highlight .no { color: var(--syntax-constant); } /* Name.Constant *\/
.mw-highlight .nd { color: var(--syntax-entity); } /* Name.Decorator *\/
.mw-highlight .ni { color: var(--syntax-entity); } /* Name.Entity *\/
.mw-highlight .ne { color: var(--syntax-entity); } /* Name.Exception *\/
.mw-highlight .nf { color: var(--syntax-entity); } /* Name.Function *\/
.mw-highlight .nl { color: var(--syntax-variable); } /* Name.Label *\/
.mw-highlight .nn { color: var(--syntax-variable); } /* Name.Namespace *\/
.mw-highlight .nt { color: var(--syntax-entity-tag); } /* Name.Tag *\/
.mw-highlight .nv { color: var(--syntax-variable); } /* Name.Variable *\/
.mw-highlight .bp { color: var(--syntax-constant); } /* Name.Builtin.Pseudo *\/
.mw-highlight .fm { color: var(--syntax-constant); } /* Name.Function.Magic *\/
.mw-highlight .vc { color: var(--syntax-variable); } /* Name.Variable.Class *\/
.mw-highlight .vg { color: var(--syntax-variable); } /* Name.Variable.Global *\/
.mw-highlight .vi { color: var(--syntax-variable); } /* Name.Variable.Instance *\/
.mw-highlight .vm { color: var(--syntax-variable); } /* Name.Variable.Magic *\/
/* -------------------------------------------------------------------------- *
* Literals
* -------------------------------------------------------------------------- *\/
/* Number *\/
.mw-highlight .m { color: var(--syntax-constant); } /* Literal.Number *\/
.mw-highlight .mb { color: var(--syntax-constant); } /* Literal.Number.Bin *\/
.mw-highlight .mf { color: var(--syntax-constant); } /* Literal.Number.Float *\/
.mw-highlight .mh { color: var(--syntax-constant); } /* Literal.Number.Hex *\/
.mw-highlight .mi { color: var(--syntax-constant); } /* Literal.Number.Integer *\/
.mw-highlight .il { color: var(--syntax-constant); } /* Literal.Number.Integer.Long *\/
.mw-highlight .mo { color: var(--syntax-constant); } /* Literal.Number.Oct *\/
/* String *\/
.mw-highlight .s { color: var(--syntax-string); } /* Literal.String *\/
.mw-highlight .sa { color: var(--syntax-string); } /* Literal.String.Affix *\/
.mw-highlight .sb { color: var(--syntax-string); } /* Literal.String.Backtick *\/
.mw-highlight .sc { color: var(--syntax-string); } /* Literal.String.Char *\/
.mw-highlight .dl { color: var(--syntax-string); } /* Literal.String.Delimiter *\/
.mw-highlight .sd { color: var(--syntax-string); } /* Literal.String.Doc *\/
.mw-highlight .s2 { color: var(--syntax-string); } /* Literal.String.Double *\/
.mw-highlight .se { color: var(--syntax-string); } /* Literal.String.Escape *\/
.mw-highlight .sh { color: var(--syntax-string); } /* Literal.String.Heredoc *\/
.mw-highlight .si { color: var(--syntax-interpol); } /* Literal.String.Interpol *\/
.mw-highlight .sx { color: var(--syntax-string); } /* Literal.String.Other *\/
.mw-highlight .sr { color: var(--syntax-string); } /* Literal.String.Regex *\/
.mw-highlight .s1 { color: var(--syntax-string); } /* Literal.String.Single *\/
.mw-highlight .ss { color: var(--syntax-string); } /* Literal.String.Symbol *\/
/* -------------------------------------------------------------------------- *
* Forms
* -------------------------------------------------------------------------- *\/
.input-contrast:focus { background-color: var(--canvas-default); }
.form-control.focus,
.form-control:focus,
.form-select.focus,
.form-select:focus {
border-color: var(--accent-emphasis);
outline: none;
box-shadow: var(--primer-shadow-focus);
}
.vector-search-box-input {
background-color: var(--header-search-bg);
color: var(--fg);
border: 1px solid var(--border-subtle);
box-shadow: none;
-webkit-transition: border-color 250ms;
transition: border-color 250ms;
}
.vector-search-box-input::placeholder,
.vector-search-box-input::-webkit-input-placeholder {
color: var(--fg-subtle);
}
.searchButton[name="go"] {
opacity: 0.25;
filter: invert(1);
mix-blend-mode: screen;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
}
.searchButton[name="go"]:hover {
opacity: 0.5;
}
.searchButton[name="go"]:active {
opacity: 0.75;
}
table.ambox-content {
border-left: 10px solid var(--yellow-3);
}
table.ambox {
margin: 0 10%;
border: 1px solid var(--border-callout);
border-left: 10px solid var(--yellow-3);
background-color: var(--canvas-inset);
box-sizing: border-box;
}
table.fmbox-warning {
border: 1px solid var(--red-7);
background-color: var(--red-8);
color: var(--red-2);
}
table.fmbox-warning a {
color: var(--red-0);
text-decoration: underline solid var(--red-3);
}
table.fmbox-system {
background-color: var(--canvas-subtle) !important;
border: 1px solid var(--border-muted);
/*box-shadow: var(--overlay-shadow);*\/
box-shadow: 0 1px 3px 0 var(--canvas-inset);
}
.keyboard-key {
/* Version 1: *\/
/*border: 1px solid var(--border-subtle) !important;*\/
/*border-radius: 0.2em;*\/
/*box-shadow: 0.1em 0.1em 0.2em rgb(0 0 0 / 10%) !important;*\/
/*background-color: var(--canvas-overlay) !important;*\/
/*background-image: linear-gradient(to bottom, var(--canvas-overlay), var(--canvas-subtle), var(--canvas-overlay)) !important;*\/
/*color: var(--fg) !important;*\/
/* Version 2: *\/
/*border: 1px solid var(--border-subtle) !important;*\/
/*box-shadow: 0em 0.15em 0.15em rgb(0 0 0 / 20%) !important;*\/
/*background-color: var(--canvas-overlay) !important;*\/
/*background-image: linear-gradient(to bottom, var(--border-muted), #414b58, var(--border-muted) 110%) !important;*\/
/*color: var(--fg) !important;*\/
/*text-shadow: 0 -0.1em 0 var(--black);*\/
/* Version 3: *\/
border: 1px solid var(--kbd-key-border) !important;
box-shadow: 0em 0.15em 0.15em rgb(0 0 0 / 20%) !important;
background-color: var(--kbd-key-bg) !important;
background-image: linear-gradient(
to bottom,
var(--kbd-key-top),
var(--kbd-key-mid),
var(--kbd-key-btm)
var(--kbd-key-btm-pct)) !important;
color: var(--kbd-key-fg) !important;
text-shadow: var(--kbd-key-text-shadow);
}
/* -------------------------------------------------------------------------- *
* Badges
* -------------------------------------------------------------------------- *\/
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
opacity: 0.87;
color: transparent;
filter: invert(1);
}
#pt-notifications-alert .mw-echo-notifications-badge:focus,
#pt-notifications-notice .mw-echo-notifications-badge:focus {
box-shadow: 0 0 0 1px var(--white), 0 0 0 3px orangered;
opacity: 1
}
#pt-notifications-alert .mw-echo-notifications-badge:focus:after,
#pt-notifications-notice .mw-echo-notifications-badge:focus:after {
border-color: orangered
}
/*#pt-notifications-alert .mw-echo-notifications-badge:after,*\/
/*#pt-notifications-notice .mw-echo-notifications-badge:after {*\/
/* border: 1px solid var(--white);*\/
/* border-radius: 2px;*\/
/* background-color: var(--red-3);*\/
/* content: attr(data-counter-text);*\/
/* color: var(--white);*\/
/*}*\/
/*#pt-notifications-alert .mw-echo-notifications-badge:after, *\/
/*#pt-notifications-notice .mw-echo-notifications-badge:after {*\/
/* border: 1px solid #222;*\/
/* border-radius: 3px;*\/
/* background-color: hsl(175deg 75% 45% / 1);*\/
/* content: attr(data-counter-text);*\/
/* color: #000;*\/
/*}*\/
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after {
border: 1px solid #fff;
border-radius: 500em;
background-color: var(--red-5);
content: attr(data-counter-text);
color: #fff;
filter: invert(1);
}
#pt-notifications-alert .mw-echo-notifications-badge-dimmed,
#pt-notifications-notice .mw-echo-notifications-badge-dimmed {
opacity: 0.4;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 0.51;
}
#pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
background-color: seagreen;
}
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
background-color: dodgerblue;
}
.vector-user-links #pt-notifications-alert .mw-echo-notifications-badge,
.vector-user-links #pt-notifications-notice .mw-echo-notifications-badge {
filter: invert(1);
}
.vector-user-links #pt-notifications-alert .mw-echo-notifications-badge:hover,
.vector-user-links #pt-notifications-notice .mw-echo-notifications-badge:hover {
background-color: rgb(0 0 0 / 0.03);
}
/* -------------------------------------------------------------------------- *
* Main Page
* -------------------------------------------------------------------------- *\/
.mw-parser-output #mp-topbanner {
border-color: red;
background-color: lime;
}
/*.mw-parser-output .mp-bordered,
.mw-parser-output .mp-h2,
.skin-timeless .mw-parser-output .mp-h2 {
border-width: 1px;
border-style: solid;
}*\/
.mw-parser-output #mp-topbanner,
.mw-parser-output .mp-h2,
.mw-parser-output #mp-left {
color: orangered;
}
.mw-parser-output #mp-banner {
background-color: hotpink;
border-color: goldenrod;
}
.mw-parser-output #mp-left {
border-color: dodgerblue;
background: gold;
}
.mw-parser-output #mp-right {
border-color: seagreen;
background: slategray;
}
.mw-parser-output #mp-left .mp-h2 {
background: aqua;
border-color: maroon;
}
.mw-parser-output #mp-right .mp-h2 {
background: aquamarine;
border-color: chocolate;
}
.mw-parser-output #mp-middle {
border-color: lawngreen;
background: darkorchid
}
.mw-parser-output #mp-tfl-h2 {
background: darkorange;
border-color: navy;
}
.mw-parser-output #mp-lower {
border-color: darkblue;
background: lightcoral;
}
.mw-parser-output #mp-tfp-h2 {
background: teal;
border-color: palegreen;
}
.mw-parser-output #mp-other-lower {
border-color: crimson;
}
.mw-parser-output #mp-other-lower .mp-h2 {
background: darkslateblue;
border-color: darkturquoise;
color: greenyellow;
}
@media(max-width: 875px) {
.skin--responsive .mw-parser-output #mp-portals {
border-top-color: dodgerblue;
}
}
.wikitable {
background-color: var(--canvas-inset);
color: var(--fg-muted);
border: 1px solid var(--border-subtle);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--content-border);
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border: 1px solid var(--border-subtle);
}
/*
cite,dfn {
font-style: inherit
}
q {
quotes: '"' '"' "'" "'"
}
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px
}
small {
font-size: 85%
}
.mw-body-content sub,.mw-body-content sup,span.reference {
font-size: 80%
}
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em
}
#interwiki-completelist {
font-weight: bold
}
.client-js .mw-special-Watchlist #watchlist-message,.client-js .collapsible:not(.mw-made-collapsible).collapsed > tbody > tr:not(:first-child),#editpage-specialchars {
display: none
}
.mw-rcfilters-enabled .mw-specialpage-summary {
margin-top: 1em
}
.citation:target {
background-color: rgba(0,127,255,0.133)
}
.citation {
word-wrap: break-word
}
ol.references {
font-size: 90%;
margin-bottom: 0.5em
}
.hlist dl,.hlist ol,.hlist ul {
margin: 0;
padding: 0
}
.hlist dd,.hlist dt,.hlist li {
margin: 0;
display: inline
}
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
display: inline
}
.hlist .mw-empty-li {
display: none
}
.hlist dt:after {
content: ":"
}
.hlist dd:after,.hlist li:after {
content: " · ";
font-weight: bold
}
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
content: none
}
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
content: " (";
font-weight: normal
}
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
content: ")";
font-weight: normal
}
.hlist ol {
counter-reset: listitem
}
.hlist ol > li {
counter-increment: listitem
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0"
}
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0"
}
.plainlist ol,.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0
}
.plainlist ol li,.plainlist ul li {
margin-bottom: 0
}
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
float: left;
text-align: left
}
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em
}
.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
vertical-align: top
}
.infobox-label,.infobox-data,.infobox th,.infobox td {
text-align: left
}
.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center
}
.infobox-title,.infobox caption {
padding: 0.2em
}
.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
text-align: center
}
.infobox .infobox-navbar {
text-align: right
}
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
text-align: left
}
.wikitable td ul,.wikitable td ol,.wikitable td dl {
text-align: left
}
table.mw-hiero-table td {
vertical-align: middle
}
.mw-parser-output a[href$=".pdf"].external,.mw-parser-output a[href*=".pdf?"].external,.mw-parser-output a[href*=".pdf#"].external,.mw-parser-output a[href$=".PDF"].external,.mw-parser-output a[href*=".PDF?"].external,.mw-parser-output a[href*=".PDF#"].external {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
padding-right: 18px
}
.messagebox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto
}
.mbox-inside .standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background-color: #f8eaba
}
th.mbox-text,td.mbox-text {
border: none;
padding: 0.25em 0.9em;
width: 100%
}
td.mbox-image {
border: none;
padding: 2px 0 2px 0.9em;
text-align: center
}
td.mbox-imageright {
border: none;
padding: 2px 0.9em 2px 0;
text-align: center
}
td.mbox-empty-cell {
border: none;
padding: 0;
width: 1px
}
table.ambox {
margin: 0 10%;
border: 1px solid #a2a9b1;
border-left: 10px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box
}
table.ambox + table.ambox,table.ambox + .mw-empty-elt + table.ambox {
margin-top: -1px
}
.ambox th.mbox-text,.ambox td.mbox-text {
padding: 0.25em 0.5em
}
.ambox td.mbox-image {
padding: 2px 0 2px 0.5em
}
.ambox td.mbox-imageright {
padding: 2px 0.5em 2px 0
}
table.ambox-notice {
border-left: 10px solid #36c
}
table.ambox-speedy {
border-left: 10px solid #b32424;
background-color: #fee7e6
}
table.ambox-delete {
border-left: 10px solid #b32424
}
table.ambox-content {
border-left: 10px solid #f28500
}
table.ambox-style {
border-left: 10px solid #fc3
}
table.ambox-move {
border-left: 10px solid #9932cc
}
table.ambox-protection {
border-left: 10px solid #a2a9b1
}
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box
}
.imbox .mbox-text .imbox {
margin: 0 -0.5em;
display: block
}
.mbox-inside .imbox {
margin: 4px
}
table.imbox-notice {
border: 3px solid #36c
}
table.imbox-speedy {
border: 3px solid #b32424;
background-color: #fee7e6
}
table.imbox-delete {
border: 3px solid #b32424
}
table.imbox-content {
border: 3px solid #f28500
}
table.imbox-style {
border: 3px solid #fc3
}
table.imbox-move {
border: 3px solid #9932cc
}
table.imbox-protection {
border: 3px solid #a2a9b1
}
table.imbox-license {
border: 3px solid #88a;
background-color: #f7f8ff
}
table.imbox-featured {
border: 3px solid #cba135
}
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #dfe8ff;
box-sizing: border-box
}
table.cmbox-notice {
background-color: #d8e8ff
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;
background-color: #ffdbdb
}
table.cmbox-delete {
background-color: #ffdbdb
}
table.cmbox-content {
background-color: #ffe7ce
}
table.cmbox-style {
background-color: #fff9db
}
table.cmbox-move {
background-color: #e4d8ff
}
table.cmbox-protection {
background-color: #efefe1
}
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box
}
table.ombox-notice {
border: 1px solid #a2a9b1
}
table.ombox-speedy {
border: 2px solid #b32424;
background-color: #fee7e6
}
table.ombox-delete {
border: 2px solid #b32424
}
table.ombox-content {
border: 1px solid #f28500
}
table.ombox-style {
border: 1px solid #fc3
}
table.ombox-move {
border: 1px solid #9932cc
}
table.ombox-protection {
border: 2px solid #a2a9b1
}
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;
background-color: #f8eaba;
min-width: 80%;
box-sizing: border-box
}
.tmbox.mbox-small {
min-width: 0
}
.mediawiki .mbox-inside .tmbox {
margin: 2px 0;
width: 100%
}
.mbox-inside .tmbox.mbox-small {
line-height: 1.5em;
font-size: 100%
}
table.tmbox-speedy {
border: 2px solid #b32424;
background-color: #fee7e6
}
table.tmbox-delete {
border: 2px solid #b32424
}
table.tmbox-content {
border: 2px solid #f28500
}
table.tmbox-style {
border: 2px solid #fc3
}
table.tmbox-move {
border: 2px solid #9932cc
}
table.tmbox-protection,table.tmbox-notice {
border: 1px solid #c0c090
}
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
box-sizing: border-box
}
table.fmbox-system {
background-color: #f8f9fa
}
table.fmbox-warning {
border: 1px solid #bb7070;
background-color: #ffdbdb
}
table.fmbox-editnotice {
background-color: transparent
}
div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box
}
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color: #fc3;
background-color: #fef6e7
}
html body.mediawiki .mbox-small {
clear: right;
float: right;
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em
}
html body.mediawiki .mbox-small-left {
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em
}
.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell {
display: none
}
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0
}
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}
.compact-ambox .hide-when-compact {
display: none
}
.nounderlines a,.IPA a:link,.IPA a:visited {
text-decoration: none !important
}
.nowrap,.nowraplinks a {
white-space: nowrap
}
.wrap,.wraplinks a {
white-space: normal
}
#wpUploadDescription {
height: 13em
}
.thumbinner {
min-width: 100px
}
#mw-subcategories,#mw-pages,#mw-category-media,#filehistory,#wikiPreview,#wikiDiff {
clear: both
}
.wpb .wpb-header {
display: none
}
.wpbs-inner .wpb .wpb-header {
display: table-row
}
.wpbs-inner .wpb-outside {
display: none
}
.mw-tag-markers {
font-style: italic;
font-size: 90%
}
.checkuser-show,.sysop-show,.abusefilter-show,.abusefilter-helper-show,.patroller-show,.templateeditor-show,.extendedmover-show,.extendedconfirmed-show,.autoconfirmed-show,.user-show {
display: none
}
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,.ve-ui-mwNoticesPopupTool-item .mbox-image,.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important
}
ul.permissions-errors > li {
list-style: none none
}
ul.permissions-errors {
margin: 0
}
span.texhtml {
font-family: "Nimbus Roman No9 L","Times New Roman",Times,serif;
font-size: 118%;
line-height: 1;
white-space: nowrap;
-moz-font-feature-settings: "lnum","tnum","kern" 0;
-webkit-font-feature-settings: "lnum","tnum","kern" 0;
font-feature-settings: "lnum","tnum","kern" 0;
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none
}
span.texhtml span.texhtml {
font-size: 100%
}
span.mwe-math-mathml-inline {
font-size: 118%
}
.mwe-math-fallback-image-display,.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em
}
.mwe-math-mathml-display math {
display: inline
}
.k-player .k-attribution {
visibility: hidden
}
.PopUpMediaTransform a .play-btn-large {
margin: 0;
top: auto;
right: auto;
bottom: 0;
left: 0
}
@media screen {
#content .gallerybox div.thumb {
background-color: #f8f9fa
}
.gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
}
.ns-0 .gallerybox .thumb img,.ns-2 .gallerybox .thumb img,.ns-100 .gallerybox .thumb img,.nochecker .gallerybox .thumb img {
background-image: none
}
#siteSub {
display: block
}
}
.flaggedrevs_draft_synced,.flaggedrevs_stable_synced,#t-upload,.mw-special-Book #coll-downloadbox {
display: none
}
.page-Main_Page #deleteconfirm,.page-Main_Page #t-cite,.page-Main_Page #footer-info-lastmod,.action-view.page-Main_Page #siteSub,.action-view.page-Main_Page #contentSub,.action-view.page-Main_Page #contentSub2,.action-view.page-Main_Page .firstHeading {
display: none !important
}
#coordinates {
position: absolute;
top: 0;
right: 0;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 85%;
text-transform: none;
white-space: nowrap
}
.ve-ce-surface #coordinates {
margin-right: 2em;
margin-top: -1em
}
.mw-indicator #coordinates {
position: absolute;
top: 3em;
right: 0;
line-height: 1.6;
text-align: right;
font-size: 92%;
white-space: nowrap
}
div.flaggedrevs_short {
position: absolute;
top: -3em;
right: 100px;
z-index: 1
}
#siteSub {
font-size: 80%
}
body.skin-vector-legacy #siteSub {
font-size: 92%
}
.mw-body .mw-indicators {
padding-top: 0.4em
}
.mw-body-content blockquote {
border-left: none
}
.compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-image: url(/w/skins/Vector/resources/common/images/bullet-icon.svg)
}
@media print {
.ns--1 .ambox,.ns-0 .ambox,.ns--1 .navbox,.ns-0 .navbox,.mediawiki.ns--1 .mw-parser-output .sidebar,.mediawiki.ns-0 .mw-parser-output .sidebar,.ns--1 .sisterproject,.ns-0 .sisterproject,.ns--1 .hatnote,.ns-0 .hatnote,.ns--1 .metadata,.ns-0 .metadata,.sistersitebox,.editlink,.navbar,span.mw-collapsible-toggle,th .sortkey,td .sortkey,#mw-revision-nav,.nourlexpansion a.external.text:after,.nourlexpansion a.external.autonumber:after {
display: none !important
}
.mw-parser-output .mw-collapsed .mw-collapsible-content {
display: block !important
}
table.collapsible tr,.mw-parser-output table.mw-collapsed > * > tr {
display: table-row !important
}
.mw-parser-output ol.mw-collapsed > li,.mw-parser-output ul.mw-collapsed > li {
display: list-item !important
}
#firstHeading {
margin: 0
}
#content a.external.text:after,#content a.external.autonumber:after {
word-wrap: break-word
}
.infobox {
border: solid 1px #aaa;
background-color: #fff;
border-spacing: 0;
border-collapse: collapse;
width: 180pt !important
}
.infobox > * > tr > td,.infobox > * > tr > th {
padding: 2px 5px;
border-bottom: 1px solid #EAECF0
}
.infobox a,.infobox > * > tr:last-child > th,.infobox > * > tr:last-child > td {
border: 0
}
.refbegin a,.references a,.reference a {
color: black !important
}
.reference a {
border-bottom: 0
}
ol.references,div.reflist,div.refbegin,cite * {
font-size: inherit !important
}
.refbegin li,.references li {
color: #666;
line-height: 14pt
}
.printfooter {
clear: both
}
}
*\/
*/
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.