MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
No edit summary |
||
| (29 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
html { |
|||
color-scheme: dark; |
|||
} |
|||
.mw-body { |
.mw-body { |
||
background-color: #202020; |
|||
color: #ccc; |
|||
border: 1px solid #ed7117; |
border: 1px solid #ed7117; |
||
font-family: sans-serif; |
|||
} |
} |
||
#mw-panel .portal h3 { |
|||
color: #ed7117; |
|||
.mw-body-content h1, |
|||
.mw-body-content h2, |
|||
.vector-body h3, |
|||
.vector-body h4, |
|||
.vector-body h5, |
|||
.vector-body h6 { |
|||
font-family: sans-serif; |
|||
} |
|||
.mw-heading, |
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
color: #ccc; |
|||
font-family: sans-serif; |
|||
} |
|||
.mw-footer li { |
|||
color: #ccc; |
|||
} |
|||
#mw-head #p-search .vector-search-box-input { |
|||
color: #ccc; |
|||
background: #202020; |
|||
box-shadow: none; |
|||
} |
|||
#mw-head #p-search .vector-search-box-inner { |
|||
border-color: #ed7117; |
|||
} |
|||
#filetoc { |
|||
background-color: #111; |
|||
border: 1px solid #383838; |
|||
} |
|||
div#simpleSearch { |
|||
background: 202020; |
|||
border: 1px solid #ed7117; |
|||
} |
|||
body { |
|||
background-color: #111; |
|||
} |
|||
ul { |
|||
list-style-image: none; |
|||
} |
|||
a { |
|||
color: #518fce; |
|||
} |
|||
a:visited { |
|||
color: #518fce; |
|||
} |
|||
code { |
|||
border-radius: 2px; |
|||
padding: 1px 4px; |
|||
} |
|||
pre, code, .mw-code { |
|||
color: #fff; |
|||
border: 1px solid #383838; |
|||
background: #181818; |
|||
} |
|||
#mw-page-base { |
|||
background-color: #111; |
|||
background-image: none; |
|||
background-position: bottom left; |
|||
height: 5em; |
|||
} |
|||
.vector-menu-tabs-legacy li { |
|||
float: left; |
|||
height: 100%; |
|||
list-style: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
background-image: linear-gradient(to top,#ed7117 1px,#101010 0,#111 100%); |
|||
} |
|||
.vector-menu-tabs-legacy li a { |
|||
color: #518fce; |
|||
} |
|||
.vector-menu-tabs-legacy li a:visited { |
|||
color: #518fce; |
|||
} |
|||
.vector-menu-tabs-legacy .selected { |
|||
background: #111; |
|||
background-image: linear-gradient(to top,#202020 0,#111 100%); |
|||
border-bottom: none; |
|||
} |
|||
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { |
|||
color: #ccc; |
|||
} |
|||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { |
|||
background-image: linear-gradient(rgba(0,0,0,0) 0,#ed7117 100%); |
|||
background-repeat: no-repeat; |
|||
background-size: 1px 100%; |
|||
} |
|||
.vector-menu-heading-label { |
|||
color: #ae7117; |
|||
font-size: 14px; |
font-size: 14px; |
||
} |
} |
||
#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 { |
|||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { |
|||
display: block; |
|||
color: #ed7117; |
|||
margin: 0.5em 0 0 0.66666667em; |
|||
border: 0; |
|||
padding: 0.25em 0; |
|||
font-size: 0.75em; |
|||
font-weight: normal; |
|||
background-image: linear-gradient(to right,rgba(0,0,0,0) 0, #ed7117 33%, #ed7117 66%, rgba(0,0,0,0) 100%); |
|||
background-position: center bottom; |
|||
background-repeat: no-repeat; |
|||
background-size: 100% 1px; |
|||
} |
|||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited { |
|||
color: #518fce; |
|||
} |
|||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { |
|||
color: #518fce; |
|||
} |
|||
#catlinks { |
|||
--theme-box-border-radius: 0; |
|||
} |
|||
#catlinks { |
|||
text-align: left; |
|||
background: #111; |
|||
border: 1px solid #383838; |
|||
border-radius: 0; |
|||
margin: 16px 0 0 0; |
|||
padding: 0.5em 1em; |
|||
} |
|||
#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; |
opacity: 0.51; |
||
filter: invert(1); |
|||
} |
} |
||
.vector-menu-tabs-legacy .selected a, |
|||
input[type="submit"], |
|||
.vector-menu-tabs-legacy .selected a:visited { |
|||
button[type="submit"] { |
|||
background-color: #0077cc; |
|||
color: #ccc; |
color: #ccc; |
||
background-image: linear-gradient(to bottom, #111 0, #ed7117 100%); |
|||
padding: 0.5em 1em; |
|||
border: none; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
} |
||
.vector-menu-tabs-legacy li { |
|||
input[type="submit"]:hover, |
|||
background-image: linear-gradient(to top, #ed7117 0, #222 1px, #111 100%); |
|||
button[type="submit"]:hover { |
|||
background-color: #005fa3; |
|||
} |
|||
/*********************************************************************************************************** |
|||
* css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on |
|||
***********************************************************************************************************/ |
|||
/********* ooui *********/ |
|||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { |
|||
background: none; |
|||
} |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
color: var(--theme-text-color); |
|||
} |
|||
.oo-ui-tabOptionWidget { |
|||
color: var(--theme-text-color); |
|||
} |
|||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { |
|||
color: var(--theme-text-color); |
|||
background: none; |
|||
} |
|||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { |
|||
color: var(--theme-content-text-mix-color); |
|||
} |
|||
.oo-ui-tabSelectWidget-framed { |
|||
background: none; |
|||
} |
|||
fieldset { |
|||
border: 1px solid #ed711788; |
|||
} |
|||
.toc { |
|||
background-color: #111; |
|||
border:1px solid #ed711744; |
|||
} |
|||
.tocnumber { |
|||
color: #aaa; |
|||
} |
|||
dev#content table { |
|||
color: #ccc; |
|||
} |
|||
.darktable, |
|||
.darkbox, div.forumheader { |
|||
background-color: #111; |
|||
border-color: #383838; |
|||
} |
} |
||
.vector-menu-tabs-legacy li.selected { |
|||
table.darktable th, |
|||
background-image: linear-gradient(to top, #202020 0, #111 100%); |
|||
table.darkbox th, |
|||
.navbox-title, |
|||
table.navbox th, |
|||
table.stylish td:first-child { |
|||
background-color: #062544; |
|||
} |
} |
||
.vector-menu-tabs, |
|||
table.darktable th, |
|||
.vector-menu-tabs a, |
|||
table.darktable tr:not(:first-child) th.outer, |
|||
#mw-head .vector-menu-dropdown .vector-menu-heading { |
|||
table.darkbox th, |
|||
background-image: linear-gradient(to bottom, #111 0, #ed7117 100%); |
|||
table.darkbox tr:not(:first-child) th.outer, |
|||
table.stylish td:first-child, |
|||
div#content table.wikitable > tr > th, |
|||
div#content table.wikitable > * > tr > th, |
|||
div#content table.cargoTable > tr > th, |
|||
div#content table.cargoTable > * > tr > th { |
|||
background-color: #062544; |
|||
padding: 0 0.5em; |
|||
} |
} |
||
Latest revision as of 06:12, 9 August 2025
.mw-body {
border: 1px solid #ed7117;
}
#mw-panel .portal h3 {
color: #ed7117;
font-size: 14px;
}
#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;
filter: invert(1);
}
.vector-menu-tabs-legacy .selected a,
.vector-menu-tabs-legacy .selected a:visited {
color: #ccc;
background-image: linear-gradient(to bottom, #111 0, #ed7117 100%);
}
.vector-menu-tabs-legacy li {
background-image: linear-gradient(to top, #ed7117 0, #222 1px, #111 100%);
}
.vector-menu-tabs-legacy li.selected {
background-image: linear-gradient(to top, #202020 0, #111 100%);
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom, #111 0, #ed7117 100%);
}