Anonymous

MediaWiki:Common.css: Difference between revisions

From Melvor Idle

MediaWiki:Common.css (view source)

Revision as of 20:47, 4 April 2024

15,681 bytes added ,  4 April
Add money making guide specific rules
(Rework dark mode implementation, prevents FOUC on page load)
(Add money making guide specific rules)
(19 intermediate revisions by 2 users not shown)
Line 3: Line 3:
position:-webkit-sticky;
position:-webkit-sticky;
position:sticky;
position:sticky;
background-clip: padding-box
background-clip: padding-box;
}
 
/* Workaround for missing borders when headers are sticky */
.stickyHeader th:after,
.stickyHeader th:before {
content: '';
position: absolute;
left: 0;
width: 100%;
}
.stickyHeader th:before {
top: -1px;
border-top: 1px solid #c8ccd1;
}
.stickyHeader th:after {
bottom: -1px;
border-bottom: 1px solid #c8ccd1;
}
}


Line 20: Line 37:
}
}


.infobox, .noticebox {
/* Prevent math formulas from overflowing the width of the page */
mjx-math {
  display: inline-grid !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}
 
.messagebox,
.errorbox,
.warningbox,
.successbox {
color: #000;
margin-bottom: 1em;
border: 1px solid;
padding: 0.5em 1em;
}
 
.messagebox h2,
.errorbox h2,
.warningbox h2,
.successbox h2 {
color: inherit;
display: inline;
margin: 0 0.5em 0 0;
border: 0;
font-size: 1em;
font-weight: bold;
}
 
.messagebox {
background-color: #eaecf0;
border-color: #a2a9b1;
}
 
.errorbox {
background-color: #fee7e6;
border-color: #d33;
}
 
.warningbox {
background-color: #fef6e7;
border-color: #fc3;
}
 
.successbox {
background-color: #d5fdf4;
border-color: #14866d;
}
 
.infobox,
.noticebox {
float:right;
float:right;
clear:right;
clear:right;
Line 42: Line 110:
border-width:1px;
border-width:1px;
border-left:8px solid #0088dd !important;
border-left:8px solid #0088dd !important;
}
.mmgdisclaimer {
clear:both;
width:65%;
margin:0.5em auto;
overflow:auto;
background-color:#fef6e7;
border-left:15px solid #ffcc33;
border-top:none;
border-right:none;
border-bottom:none;
}
}


@media screen and (max-width:850px) {
@media screen and (max-width:850px) {
.infobox, .noticebox, .messagebox {
.infobox,
.noticebox,
.messagebox,
.mmgdisclaimer {
max-width:100%;
max-width:100%;
min-width:250px;
min-width:250px;
Line 65: Line 148:
}
}


/* Common text & table cell styles */
.col-1-left td:nth-child(1) { text-align: left; }
.col-1-left td:nth-child(1) { text-align: left; }
.col-2-left td:nth-child(2) { text-align: left; }
.col-2-left td:nth-child(2) { text-align: left; }
Line 95: Line 179:
.col-9-right td:nth-child(9) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }


/* Common text & table cell styles */
.table-positive {
.table-positive {
background-color: #90ee90;
background-color: #90ee90;
Line 119: Line 202:
.text-negative {
.text-negative {
color: red;
color: red;
}
.mmg-no-list li {
    list-style: none;
    margin-bottom: 0.1em;
}
.mmg-no-list ul, .mmg-no-list ol, .mmg-no-list li {
    margin-left: 0
}
}


Line 145: Line 235:
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
.mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.oo-ui-messageDialog-message,
.oo-ui-messageDialog-message,
.search-types .current a,
.search-types .current a,
Line 163: Line 257:
.suggestions-special .special-query,
.suggestions-special .special-query,
.wikitable,
.wikitable,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
code,
code,
body {
body {
Line 173: Line 268:
outline: #0060df solid 2px
outline: #0060df solid 2px
}
}
.warningbox {
.mw-search-result-data,
color:#f2d790;
.results-info {
border-color:#9b5e1c;
color: #acafb3;
}
.warningbox,
.mw-message-box-warning {
color:#eee;
border-color:#ce7e28;
background-color:#6f4f2e;
background-color:#6f4f2e;
}
.successbox {
background-color: #126451;
border-color: #43ae97;
color: #eee;
}
}
#pagehistory li {
#pagehistory li {
Line 229: Line 334:
.mw-code,
.mw-code,
.mw-widget-dateInputWidget-handle,
.mw-widget-dateInputWidget-handle,
mw-tagfilter-input mw-ui-input mw-ui-input-inline {
mw-tagfilter-input mw-ui-input mw-ui-input-inline,
.oo-ui-tabSelectWidget-framed {
background-color:#323942;
background-color:#323942;
color:#eee;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color:#47505b;
}
.mw-prefs-buttons {
background-color:#2c343f;
}
.oo-ui-tabOptionWidget {
color:#eee;
color:#eee;
}
}
Line 237: Line 352:
.oo-ui-menuOptionWidget.oo-ui-optionWidget,
.oo-ui-menuOptionWidget.oo-ui-optionWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-widget-dateInputWidget-calendar {
.mw-widget-dateInputWidget-calendar,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background-color:#323942;
background-color:#323942;
border-color:#465160;
border-color:#465160;
color:#eee
color:#eee
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color:#3c424a
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color:#223145
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color:#a4a1a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color:#282e37;
}
.mw-widget-calendarWidget-day-heading {
  color:#a6a6a6;
}
.mw-widget-calendarWidget-day-additional {
color:#222
}
.oo-ui-toggleSwitchWidget:hover {
background-color:#323942
}
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color:#72777d
border-color:#72777d
}
.oo-ui-popupWidget-anchor:before {
border-top-color:#465160
}
.oo-ui-popupWidget-anchor:after {
border-top-color:#323942
}
}
#simpleSearch,
#simpleSearch,
Line 290: Line 372:
.mw-parser-output a.external:active,
.mw-parser-output a.external:active,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover,
a:active,
a:active,
a:hover,
a:hover,
Line 301: Line 384:
background-color:#2c343f;
background-color:#2c343f;
border-color:#2c343f
border-color:#2c343f
}
#contentSub {
color: #9fa9b0;
}
}
.not-patrolled {
.not-patrolled {
Line 339: Line 425:
}
}
.wikitable>*>tr>th,
.wikitable>*>tr>th,
.wikitable>tr>th {
.wikitable>tr>th,
.mw-json tr {
background-color:#465160
background-color:#465160
}
}
Line 354: Line 441:
background-color:#465160
background-color:#465160
}
}
.mw-datatable td {
.mw-datatable td,
.mw-json th {
background-color:#323942
background-color:#323942
}
}
Line 370: Line 458:
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
}
}
/* Arrows on various popups */
.pokey,
.pokey,
.pokey:after,
.pokey:after,
Line 391: Line 481:
border-bottom-color:#465160
border-bottom-color:#465160
}
}
.oo-ui-popupWidget-anchor:before,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color:#465160
}
.oo-ui-popupWidget-anchor:after,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color:#323942
}
#mw-related-navigation .sidebar-inner::before,
#mw-site-navigation .sidebar-chunk h2 span::before,
#personal .dropdown::before {
border-bottom-color:#465160
}
#mw-related-navigation .sidebar-inner::after,
#mw-site-navigation .sidebar-chunk h2 span::after,
#personal .dropdown::after {
border-bottom-color:#323942
}
/* Icons for personal nav & link decoration */
#mw-site-navigation h2::after,
#mw-related-navigation h2::after,
#personal h2::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+Cgk8cGF0aCBkPSJtMTUuNSA2LTUgNS01LTV6IiBzdHlsZT0iZmlsbDojYjNiM2IzIiBvcGFjaXR5PSIuMzMiLz4KPC9zdmc+Cg==);
}
#personal h2 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMy42NDMgOS40NmMtMS43NTggMi4zOS0xLjk1NyA1LTEuMjI3IDYuNzI5LjQ5IDEuMTggMS4xOCAxLjg3MSAxLjk5IDIuMjkuNzkyLjQyOSAxLjc1LjUxOCAyLjYuNTIxaDYuMzI5Yy45MiAwIDEuODUxLS4yMDggMi42NS0uNjc1LjgtLjQ2NyAxLjQ2LTEuMTk4IDEuOC0yLjI5LjQ5LTEuNTQ5LjI2Ni00LjAzLTEuNDgtNi40Ni0uMDA3LjAxMy0uMDIuMDItLjAzLjAzYTcuNTA2IDcuNTA2IDAgMCAxLTYuMjY3IDMuMzlBNy41MDYgNy41MDYgMCAwIDEgMy42NDMgOS40NnoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgoJPHBhdGggZD0iTTEwLjAwOC45OTJhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTl6IiBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz4KPC9zdmc+);
}
.mw-editsection,
#ca-edit a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJtMTIuODc5IDIuMTY1LTkuNDY1IDkuNDcxIDQuOTUgNC45NSA5LjQ2NS05LjQ3MXptMCAyLjgyOUwxNSA3LjExNWwtNi42MzYgNi42NDMtMi4xMjEtMi4xMjJ6TTYuOTUgMThIMnYtNC45NXoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgo8L3N2Zz4=);
}
#ca-history a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMTAgMmE4IDggMCAwIDAtOCA4IDggOCAwIDAgMCA4IDggOCA4IDAgMCAwIDgtOCA4IDggMCAwIDAtOC04em0wIDJhNiA2IDAgMCAxIDYgNiA2IDYgMCAwIDEtNiA2IDYgNiAwIDAgMS02LTYgNiA2IDAgMCAxIDYtNnoiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgoJPHBhdGggZD0iTTkuOTg0IDQuOTg2QTEgMSAwIDAgMCA5IDZ2NWgzYTEgMSAwIDEgMCAwLTJoLTFWNmExIDEgMCAwIDAtMS4wMTYtMS4wMTR6IiBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiLz4KPC9zdmc+);
}
.tools-inline li[id^="ca-nstab-"] a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNNCAydjE2aDEyVjcuMDFMMTEgMnptMiAyaDMuOTk0djRIMTR2OEg2eiIgb3BhY2l0eT0iLjMzIiBzdHlsZT0iZmlsbDojYjNiM2IzIi8+Cjwvc3ZnPg==);
}
#ca-talk a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8ZyBvcGFjaXR5PSIuMzMiIHN0eWxlPSJmaWxsOiNiM2IzYjMiPgoJCTxwYXRoIGQ9Ik01LjM5MSAxNS41NzVjLjU1MyAxLjU1Ni0uMDk4IDIuNTM3LS45NDIgMy40MjUgMy4yNjItLjczMSAzLjI0My0yLjEzNCAzLjc3LTMuNDI1em0xMC4zNjYtMy45MzNjLS41NTMgMS41NTcuMDk4IDIuNTM4Ljk0MiAzLjQyNi0zLjI2Mi0uNzMyLTMuMjQyLTIuMTM0LTMuNzY5LTMuNDI2eiIvPgoJCTxwYXRoIGQ9Ik03Ljc2OCA3LjE0NmMtMy4yMDIgMC01Ljc5OCAyLjAzNS01Ljc5NyA0LjU0NSAwIDIuNTEgMi41OTYgNC41NDQgNS43OTcgNC41NDMgMy4yIDAgNS43OTQtMi4wMzQgNS43OTUtNC41NDMgMC0yLjUxLTIuNTk1LTQuNTQ0LTUuNzk1LTQuNTQ1em0tLjAyMiAyLjI0N2MyLjAxIDAgMy42NCAxLjAzNCAzLjYzOSAyLjMwOC0uMDAxIDEuMjc0LTEuNjMgMi4zMDYtMy42MzkgMi4zMDctMi4wMSAwLTMuNjQtMS4wMzMtMy42NC0yLjMwNy0uMDAxLTEuMjc1IDEuNjI5LTIuMzA5IDMuNjQtMi4zMDh6Ii8+CgkJPHBhdGggZD0iTTEyLjQ3MyAyLjcyN2MtMy42MDQgMC02LjUyNSAyLjE0OS02LjUyNiA0LjhsMi4xMDQtLjAxN2MuMDAxLTEuMzkyIDEuOTc0LTIuNTIgNC40MDYtMi41MiAyLjQzMyAwIDQuNDA3IDEuMTI4IDQuNDA4IDIuNTIgMCAxLjM5My0xLjk3MyAyLjUyMi00LjQwOCAyLjUyMWwuMDE2IDIuM2MzLjYwMy0uMDAxIDYuNTI0LTIuMTUyIDYuNTIzLTQuODA0IDAtMi42NS0yLjkyLTQuOC02LjUyMy00Ljh6Ii8+Cgk8L2c+Cjwvc3ZnPg==);
}
#ca-watch a {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+Cgk8cGF0aCBkPSJNMTAuMDQxIDEuMTI1IDcuNDA3IDYuMjQzbC01LjY1NC45NSA0LjAyNSA0LjEwMi0uODQ2IDUuNzAzIDUuMTIzLTIuNTg3IDUuMTMgMi41NjctLjg2Mi01LjY4OSA0LjAxNC00LjExMy01LjY1Mi0uOTM2em0uMDAzIDQuMzU1IDEuMzMyIDIuNTc4IDIuODQ3LjQ3LTIuMDIyIDIuMDcxLjQzNSAyLjg2My0yLjU4Ny0xLjI5NC0yLjU3OCAxLjMwMi40MjYtMi44NzEtMi4wMjMtMi4wNjQgMi44NDQtLjQ3N3oiIG9wYWNpdHk9Ii4zMyIgc3R5bGU9ImZpbGw6I2IzYjNiMyIvPgo8L3N2Zz4=);
}
#mw-header-nav-hack {
#mw-header-nav-hack {
background:#323942;
background:#323942;
Line 419: Line 554:
background-color:#1e2842;
background-color:#1e2842;
border-color:#091957;
border-color:#091957;
}
/* Money Making guide disclaimer */
.mmgdisclaimer {
background-color: #392e19;
  border-left: 15px solid #a37a00;
}
}
Line 443: Line 584:
.tabber__header {
.tabber__header {
box-shadow:inset 0 -1px 0 0 #eee;
box-shadow:inset 0 -1px 0 0 #eee;
}
/* Workaround for missing borders when headers are sticky */
.stickyHeader th:before {
top: -1px;
border-top: 1px solid #626c7b;
}
.stickyHeader th:after {
bottom: -1px;
border-bottom: 1px solid #626c7b;
}
}
Line 452: Line 603:
/* Common text & table cell styles */
/* Common text & table cell styles */
.table-positive {
.table-positive,
.mw-json-value {
background-color: #285128;
background-color: #285128;
}
}
Line 459: Line 611:
}
}
.table-neutral {
.table-neutral {
background-color: #977e3a;
background-color: #6f5815;
}
}
.table-na {
.table-na,
.mw-json-empty {
background-color: #282f39;
background-color: #282f39;
color: #717f93;
color: #717f93;
}
}
/* Icon color toggle for Township's Population, Workers, Storage*/
/* Special:RecentChanges */
.township-colortoggle {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
background-color:#193558;
border-color:#124c92;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-flaggedElement-muted {
background-color: #282f39;
color: #717f93;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-flaggedElement-muted:hover {
background-color: #2e3641;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected {
background-color: #485668;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected:hover {
background-color: #525f70;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color: #606d7d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
color:inherit;
background-color:#3c424a
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color:#223145
}
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color:#a4a1a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color:#282e37;
}
.mw-widget-calendarWidget-day-heading {
  color:#a6a6a6;
}
.mw-widget-calendarWidget-day-additional {
color:#222
}
.oo-ui-toggleSwitchWidget:hover {
background-color:#323942
}
 
/* Special:RecentChanges - Highlight rules */
/* Special:RecentChanges - Highlight rules */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
Line 476: Line 677:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#2c475a
background-color:#2c475a
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
Line 482: Line 683:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#385a53
background-color:#385a53
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
Line 488: Line 689:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#544b2f
background-color:#544b2f
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
Line 494: Line 695:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#674b3d
background-color:#674b3d
}
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
Line 500: Line 701:
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#4b2626
background-color:#4b2626
}
 
/* SyntaxHighlight Extension */
.mw-highlight {
/* Background for inline code */
background-color:#353d48;
border-color:#465160
}
.mw-highlight .linenos {
/* Line numbers */
color: #bebebe
}
.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
/* Hovering over/selected line numbers */
color:#fff
}
.mw-highlight .hll {
/* Highlighted line */
background-color:rgba(187, 128, 9, 0.4)
}
.mw-highlight .c {
/* Comment */
color:#529955;
font-style:italic
}
.mw-highlight .err {
/* Error */
border:1px solid #FF0000
}
.mw-highlight .k {
/* Keyword */
color:#569cd6;
font-weight:bold
}
.mw-highlight .o {
/* Operator */
color:#aaa8a8
}
.mw-highlight .p {
/* Parenthesis/separator */
color:#ffc813
}
.mw-highlight .ch {
/* Comment, hashbang */
color:#529955;
font-style:italic
}
.mw-highlight .cm {
/* Comment, multiline */
color:#529955;
font-style:italic
}
.mw-highlight .cp {
/* Comment.Preproc */
color:#d48c07
}
.mw-highlight .cpf {
/* Comment.PreprofFile */
color:#529955;
font-style:italic
}
.mw-highlight .c1 {
/* Comment, single line */
color:#529955;
font-style:italic
}
.mw-highlight .cs {
/* Comment, special */
color:#529955;
font-style:italic
}
.mw-highlight .gd {
/* Generic, deleted */
color:#A00000
}
.mw-highlight .ge {
/* Generic, emphasis */
font-style:italic
}
.mw-highlight .gr {
/* Generic, error */
color:#E40000
}
.mw-highlight .gh {
/* Generic, heading */
color:#3232ca;
font-weight:bold
}
.mw-highlight .gi {
/* Generic, inserted */
color:#008400
}
.mw-highlight .go {
/* Generic, output */
color:#afabab
}
.mw-highlight .gp {
/* Generic, prompt */
color:#3232ca;
font-weight:bold
}
.mw-highlight .gs {
/* Generic, strong */
font-weight:bold
}
.mw-highlight .gu {
/* Generic, subheading */
color:#a74ba7;
font-weight:bold
}
.mw-highlight .gt {
/* Generic, traceback */
color:#0044DD
}
.mw-highlight .kc {
/* Keyword, constant */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kd {
/* Keyword, declaration */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kn {
/* Keyword, namespace */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kp {
/* Keyword, pseudo */
color:#569cd6
}
.mw-highlight .kr {
/* Keyword, reserved */
color:#569cd6;
font-weight:bold
}
.mw-highlight .kt {
/* Keyword, type */
color:#e16c97
}
.mw-highlight .m {
/* Literal number */
color:#80d56f
}
.mw-highlight .s {
/* String */
color:#ce9178
}
.mw-highlight .na {
/* Name, attribute */
color:#dcdcaa
}
.mw-highlight .nb {
/* Name, builtin */
color:#dcdcaa
}
.mw-highlight .nc {
/* Name, class */
color:#dcdcaa;
font-weight:bold
}
.mw-highlight .no {
/* Name, constant */
color:#80d56f
}
.mw-highlight .nd {
/* Name, decorator */
color:#b47de8
}
.mw-highlight .ni {
/* Name, entity */
color:#50a2ff;
font-weight:bold
}
.mw-highlight .ne {
/* Name, exception */
color:#CB3F38;
font-weight:bold
}
.mw-highlight .nf {
/* Name, function */
color:#dbbb5b
}
.mw-highlight .nl {
/* Name, label */
color:#50a2ff
}
.mw-highlight .nn {
/* Name, namespace */
color:#50a2ff;
font-weight:bold
}
.mw-highlight .nt {
/* Name, tag */
color:#dcdcaa;
font-weight:bold
}
.mw-highlight .nv {
/* Name, variable */
color:#9cdcfe
}
.mw-highlight .ow {
/* Operator Word */
color:#569cd6;
font-weight:bold
}
.mw-highlight .w {
color:#bbbbbb
}
.mw-highlight .mb {
/* Literal number, binary */
color:#80d56f
}
.mw-highlight .mf {
/* Literal number, float */
color:#80d56f
}
.mw-highlight .mh {
/* Literal number, hex */
color:#80d56f
}
.mw-highlight .mi {
/* Literal number, integer */
color:#80d56f
}
.mw-highlight .mo {
/* Literal number, octal */
color:#80d56f
}
.mw-highlight .sa {
/* String literal, affix */
color:#ce9178
}
.mw-highlight .sb {
/* String literal, backtick */
color:#ce9178
}
.mw-highlight .sc {
/* String literal, char */
color:#d17049
}
.mw-highlight .dl {
/* String literal, delimiter */
color:#ce9178
}
.mw-highlight .sd {
/* String literal, doc */
color:#d6543d;
font-style:italic
}
.mw-highlight .s2 {
/* Double-quoted string literal */
color:#ce9178
}
.mw-highlight .se {
/* String literal, escape */
color:#d17049;
font-weight:bold
}
.mw-highlight .sh {
/* String literal, heredoc */
color:#ce9178
}
.mw-highlight .si {
/* String literal, interpol */
color:#d17049;
font-weight:bold
}
.mw-highlight .sx {
/* String literal, other */
color:#ce9178
}
.mw-highlight .sr {
/* String literal, regex */
color:#8f49d1
}
.mw-highlight .s1 {
/* Single-quoted string literal */
color:#ce9178
}
.mw-highlight .ss {
/* String literal, symbol */
color:#8f49d1
}
.mw-highlight .bp {
/* Name.Builtin.Pseudo */
color:#dcdcaa
}
.mw-highlight .fm {
/* Name.Function.Magic */
color:#dbbb5b
}
.mw-highlight .vc {
/* Variable, class */
color:#9cdcfe
}
.mw-highlight .vg {
/* Variable, global */
color:#9cdcfe
}
.mw-highlight .vi {
/* Variable, instance */
color:#9cdcfe
}
.mw-highlight .vm {
/* Variable, magic */
color:#9cdcfe
}
.mw-highlight .il {
/* Number, integer (long) */
color:#80d56f
}
}


Line 547: Line 1,062:
outline: 1px solid #465160;
outline: 1px solid #465160;
box-shadow: unset;
box-shadow: unset;
}
/* Border of editing text area */
form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
border-color: #465160;
}
/* CodeMirror */
.CodeMirror {
background-color:#232a35;
color:#eee;
}
.CodeMirror-linenumber {
color: #72777d;
}
.CodeMirror-gutter.CodeMirror-linenumbers {
background-color: #3c4653;
}
/* Selected text */
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
background-color: #3e445a;
}
/* Leading space */
.cm-mw-skipformatting {
background-color: #4b6389;
}
/* Asterisk or number sign */
.cm-mw-list {
color: #9cdcfe;
}
/* Signature */
.cm-mw-signature,
.cm-mw-hr {
background-color: inherit;
}
/* HTML comment */
.cm-mw-comment {
color: #529955;
}
/* Template - Nesting levels 1, 2 & 3 */
.cm-mw-template-ground {
color: #569cd6;
}
.cm-mw-template2-ground {
color: #569cd6;
background-color: rgba(100, 0, 0, 0.10);
}
.cm-mw-template3-ground {
color: #569cd6;
background-color: rgba(100, 0, 0, 0.20);
}
/* Variable - variable, name, brackets, and delimiter */
.cm-mw-templatevariable,
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter {
color: #ce9178;
}
/* Parser function - name, brackets, and delimiter */
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
color: #8a1919;
}
/* Internal link - Link target, brackets, and delimiter */
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
color: #888cd7;
}
/* Internal link - # character & section */
.cm-mw-link,
.cm-mw-link-tosection {
color: #bd81ce;
}
/* External link - target, protocol, label, and brackets */
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
color: #565991;
}
/* Table - Brackets, delimiter, definition, caption */
.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition,
.cm-mw-table-caption {
color: #dbbb5b;
}
}


Line 722: Line 1,325:
background-color:#465160!important
background-color:#465160!important
}
}
}
.d-none {
  display: none !important;
}
}
Retrieved from "https://wiki.melvoridle.com/w/Special:MobileDiff/60083...67219"