|
|
| (53 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* ------------------ |
| | --- General Style --- |
| | ------------------ */ |
|
| |
|
| /**** General ****/
| | :root { |
| .mw-code, code, textarea, input, select, .mw-widget-dateInputWidget-handle, .oo-ui-popupWidget-popup, .mw-mmv-image-metadata {
| | color-scheme: light !important; |
| background-color: #191E28;
| |
| color: #99a2b1;
| |
| } | | } |
|
| |
|
| .custom-section {
| | :root, .skin-invert, .no-theme { |
| 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;
| | --- Infoboxes --- |
| color: #f8f9fa !important;
| | ----------------- */ |
| }
| |
|
| |
|
| .diff-context { | | .infobox { |
| background: #202122 !important;
| | border: 1px solid #a2a9b1; |
| border-color: #b1ad99 !important;
| | color: #000; |
| color: #f8f9fa !important;
| | padding: .2em; |
| | font-size: .9em; |
| | line-height: 1.5em; |
| | border-spacing: 3px; |
| } | | } |
|
| |
|
| .diff-addedline .diffchange { | | .infobox th, |
| background: #202122 !important;
| | .infobox td { |
| | padding: .2em .5em; |
| | text-align: left; |
| | vertical-align: top; |
| } | | } |
|
| |
|
| .CodeMirror-code { | | .infobox .infobox-above, |
| background-color: #0a0f14 !important;
| | .infobox .infobox-title { |
| | font-size: 1.25em; |
| | font-weight: bold; |
| | text-align: center !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 { | | .infobox .infobox-caption { |
| color: #7f3cc5 !important;
| | font-weight: normal !important; |
| | text-align: center !important; |
| } | | } |
|
| |
|
| .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection { | | .infobox .infobox-header { |
| background: #2e2e2eff !important;
| | font-size: 1.1em; |
| | font-weight: bold; |
| | text-align: center !important; |
| } | | } |
|
| |
|
| .cm-mw-matchingbracket { | | .infobox .infobox-label { |
| background-color: transparent !important;
| | font-weight: bold; |
| 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 { | | /* Fixes weird stretching bug with the Vector skin */ |
| background-color: transparent !important;
| | .infobox img { |
| color: #66665c !important;
| | display: block; |
| | margin: 0 auto; |
| | max-width: 100%; |
| | height: auto; |
| } | | } |
|
| |
|
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
| | @media (max-width: 640px) { |
| color: #666666 !important;
| | .infobox { |
| }
| |
| | |
| .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%; | | width: 100%; |
| height: 250px; | | float: none; |
| background: #191E28; | | clear: both; |
| background-image: url(/images/intro.png); | | margin: 0 0 1em 0; |
| background-position: center; | | table-layout: fixed; |
| background-repeat: no-repeat;
| | } |
| background-size: cover;
| | |
| display: flex;
| | .infobox .nowrap { |
| justify-content: center;
| | white-space: normal; |
| 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 {
| | @media (min-width: 640px) { |
| font-size: 20px;
| | .infobox { |
| }
| | /* @noflip */ |
| | | margin: 0.5em 0 0.5em 1em; |
| /**** Table Dark CSS ****/
| | /* @noflip */ |
| .wikitable, .mw-datatable {
| | float: right; |
| border-width: 0px;
| | /* @noflip */ |
| width: 100%;
| | clear: right; |
| }
| | width: 22em; |
| | | } |
| .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;
| |
| } | | } |
