MediaWiki:Common.css: Difference between revisions
Replaced content with "→CSS placed here will be applied to all skins: " Tag: Replaced |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/**** General ****/ | |||
.mw-code, code, textarea, input, select, .mw-widget-dateInputWidget-handle, .oo-ui-popupWidget-popup, .mw-mmv-image-metadata { | |||
background-color: #191E28; | |||
color: #99a2b1; | |||
} | |||
.custom-section { | |||
background: #101319; | |||
border: solid #eaecf0; | |||
border-top-width: medium; | |||
border-top-style: solid; | |||
border-right-width: medium; | |||
border-right-style: solid; | |||
border-bottom-width: medium; | |||
border-bottom-style: solid; | |||
border-left-width: medium; | |||
border-left-style: solid; | |||
border-image-repeat: stretch; | |||
border-image-slice: 100%; | |||
border-image-source: none; | |||
border-image-width: 1; | |||
border-width: 1px 1px 0.2em; | |||
padding: 1em; | |||
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
padding: 1em; | |||
word-wrap: break-word; | |||
font-size: 0.95em; | |||
margin-bottom:1em; | |||
} | |||
.mw-mmv-image-metadata { | |||
border: 1px solid white; | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 1px 0 0 0; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
} | |||
.mw-mmv-post-image { | |||
background-color: #101319; | |||
color: #99a2b1; | |||
} | |||
.mw-message-box-error { | |||
background: #d30404; | |||
color: white; | |||
border-color: #d30404; | |||
} | |||
#profile-toggle-button, .mw-mmv-stripe-button, .mw-mmv-options-button { | |||
display: none | |||
} | |||
#categories{ | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); | |||
gap: 10px; | |||
width: 100%; | |||
margin: auto; | |||
} | |||
.categories-el{ | |||
border: solid #eaecf0; | |||
border-width: 2px 2px 0.2em; | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
text-align: left; | |||
padding-left:15px; | |||
white-space: nowrap; | |||
background-color:#191E28; | |||
} | |||
.categories-el pre{ | |||
padding:0px; | |||
} | |||
.categories-subel{ | |||
display: inline-block; | |||
vertical-align: middle; | |||
} | |||
.diff-context { | |||
background: #202122 !important; | |||
border-color: #b1ad99 !important; | |||
color: #f8f9fa !important; | |||
} | |||
.diff-addedline .diffchange { | |||
background: #202122 !important; | |||
} | |||
#pagehistory li.selected { | |||
background-color: #202122 !important; | |||
color: #f8f9fa !important; | |||
} | |||
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 0 0 1px 0; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
} | |||
.client-js .sortable:not(.jquery-tablesorter)>*>tr:first-child>th:not(.unsortable), .jquery-tablesorter th.headerSort { | |||
background-size: 30px !important; | |||
} | |||
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { | |||
background-color: transparent !important; | |||
border-width:0px !important; | |||
} | |||
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element{ | |||
/* border-width:0px; */ | |||
border: solid #eaecf0; | |||
border-width: 2px 2px 0.2em; | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
} | |||
figure[typeof~='mw:File/Thumb']>figcaption, figure[typeof~='mw:File/Frame']>figcaption { | |||
background-color: transparent !important; | |||
border-width:0px !important; | |||
text-align:center !important; | |||
} | |||
#pagehistory li.selected { | |||
background-color: #202122 !important; | |||
color: #f8f9fa !important; | |||
} | |||
.diff-context { | |||
background: #202122 !important; | |||
border-color: #b1ad99 !important; | |||
color: #f8f9fa !important; | |||
} | |||
.diff-addedline .diffchange { | |||
background: #202122 !important; | |||
} | |||
.CodeMirror-code { | |||
background-color: #0a0f14 !important; | |||
} | |||
.cm-mw-template, .cm-mw-template-name, .cm-mw-template-name-mnemonic, .cm-mw-template-argument-name, .cm-mw-template-delimiter, .cm-mw-template-bracket { | |||
color: #7f3cc5 !important; | |||
} | |||
.CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection { | |||
background: #2e2e2eff !important; | |||
} | |||
.cm-mw-matchingbracket { | |||
background-color: transparent !important; | |||
color: #e7c009 !important; | |||
box-shadow: none !important; | |||
} | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget-handle { | |||
background-color: transparent !important; | |||
color: #66665c !important; | |||
} | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
color: #666666 !important; | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header { | |||
background-color: #191e28 !important; | |||
} | |||
.mw-rcfilters-ui-filterMenuSectionOptionWidget { | |||
background-color: #191e28 !important; | |||
} | |||
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #000000 !important; | |||
} | |||
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { | |||
background-color: #000000 !important; | |||
} | |||
.mw-rcfilters-ui-menuSelectWidget-footer { | |||
background-color: transparent !important; | |||
} | |||
.mw-rcfilters-ui-itemMenuOptionWidget:hover { | |||
background-color: #071023 !important; | |||
} | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-title { | |||
color: #6b6b6b !important; | |||
} | |||
ol.references li:target, sup.reference:target { | |||
background-image: linear-gradient(to right, #250b0b, #101319) !important; | |||
-webkit-text-stroke-width: medium !important; | |||
} | |||
ul.gallery.gallery.gallery { | |||
text-align: center; | |||
} | |||
ul.mw-gallery-packed li.gallerybox div.thumb { | |||
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.5) !important; | |||
} | |||
/**** Homepage ****/ | |||
#intro { | |||
width: 100%; | |||
height: 250px; | |||
background: #191E28; | |||
background-image: url(/images/intro.png); | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
} | |||
#intro b { | |||
font-size: 20px; | |||
} | |||
/**** Table Dark CSS ****/ | |||
.wikitable, .mw-datatable { | |||
border-width: 0px; | |||
width: 100%; | |||
} | |||
.wikitable tr th, .mw-datatable tr th { | |||
background-color: #101319; | |||
border: 1px solid #99a2b1; | |||
} | |||
.wikitable tr td, .mw-datatable tr td { | |||
background-color: #191E28; | |||
border: 1px solid #99a2b1; | |||
} | |||
.wikitable>tr>th, .wikitable>*>tr>th { | |||
background-color: #191e28 !important; | |||
text-align: center; | |||
} | |||
.wikitable>*>tr>th { | |||
border: 1px solid #b1ad99 !important; | |||
} | |||
.wikitable { | |||
padding: inherit !important; | |||
border-collapse: inherit !important; | |||
} | |||
/**** Tabs Dark CSS ****/ | |||
.tabs-label { | |||
background-image: url(/images/general/background-button.png); | |||
padding: 5px; | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
border-width: 0.2em; | |||
} | |||
.tabs-tabbox>.tabs-label { | |||
margin-right: 5px; | |||
} | |||
.tabs-tabbox>.tabs-input+.tabs-input+.tabs-label { | |||
margin-left: 0px; | |||
} | |||
.tabs-tabbox>.tabs-container { | |||
border-image-source: url(/images/general/borders.png); | |||
border-image-width: 3px; | |||
border-image-slice: 5; | |||
border-image-repeat: repeat; | |||
border-style: solid; | |||
border-width: 0.2em; | |||
background-color: #191E28; | |||
} | |||
.tabs-tabbox>.tabs-input:checked+.tabs-label { | |||
color: white; | |||
} | |||
/**** Headers ****/ | |||
.mw-body h3, .mw-body .toctitle h2 { | |||
font-size: 1.5em; | |||
border-image-source: none !important; | |||
color: #8d8b88; | |||
} | |||
/**** User Colors ****/ | |||
a[href$="/w/User:Malid"], a[href$="/w/User:DamianQ"], a[href$="/w/User:Milten"], a[href$="/w/User:Profestus"], a[href$="/w/User:Pakshee"], a[href$="/w/User:Imbar"], a[href$="/w/User:JaroKrieg"], a[href$="/w/User:Asnen"], a[href$="/w/User:Flatczer"], a[href$="/w/User:Tentralus"] { | |||
color: #917453 !important; | |||
} | |||
a[href$="/w/User:Garok"], a[href$="/w/User:Dragos"], a[href$="/w/User:Saradoc"] { | |||
color: #e7c009 !important; | |||
} | |||