MediaWiki:Fandomdesktop.css

/*

This is stuff that was previously at Hydradark cos I'm lazy af

What belongs here:
 * Single-use extension colors that are never part of the wiki's theme
 * Wiki classes that exist solely to fix dark theme issues such as inverting the colors of images

THE VAST MAJORITY OF STYLES SHOULD BE CREATED THROUGH VARIABLES



.theme-fandomdesktop-dark .flaggedrevs-unreviewed { background-color:#330252; } .theme-fandomdesktop-dark .fr-unreviewed-unwatched { background-color: #461414; }

.theme-fandomdesktop-dark .fr-pending-long2, .theme-fandomdesktop-dark .flaggedrevs-pending { background-color:var(--color-down); border: 1px solid var(--table-border-emphasized); }

.theme-fandomdesktop-dark .flaggedrevs-pending a, .theme-fandomdesktop-dark .flaggedrevs-pending a:visited { color: var(--forcewhite); }

.theme-fandomdesktop-dark .flaggedrevs-color-1 { background-color:rgba(4,1,31,.3); }

.theme-fandomdesktop-dark .flaggedrevs-color-0 { background-color:#700045; }

.theme-fandomdesktop-dark .fr-rating-option-0, .theme-fandomdesktop-dark .fr-rating-option-1, .theme-fandomdesktop-dark .fr-rating-option-2, .theme-fandomdesktop-dark .fr-rating-option-3 { background-color:inherit; }

.theme-fandomdesktop-dark table.flaggedrevs_editnotice, table.flaggedrevs_viewnotice { background-color: inherit; border-color: var(--wiki-accent); }

.theme-fandomdesktop-dark #mw-fr-stablediff { background-color: inherit; }

.theme-fandomdesktop-dark div.flaggedrevs_short_details, .theme-fandomdesktop-dark div.flaggedrevs_short { background-color:var(--interface-background); color:var(--body-text-color); }

.theme-fandomdesktop-dark div.flaggedrevs_preview { background-color:#031B30; color:var(--body-text-color); }

.theme-fandomdesktop-dark div.flaggedrevs_notice { background-color:#3D0000; }

/* OO UI skin */ /* Source: https://en.wikipedia.org/wiki/MediaWiki:Gadget-Blackskin.css */ /* Some adaptations have been made */ /* TODO: redo this with variables and move to gadget */ .theme-fandomdesktop-dark .oo-ui-toolbar-bar, .theme-fandomdesktop-dark .oo-ui-popupWidget-popup, .theme-fandomdesktop-dark .oo-ui-popupToolGroup-active.oo-ui-widget-enabled, .theme-fandomdesktop-dark .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title, .theme-fandomdesktop-dark .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { background-color:#002000; background-image:none; color:white; }

.theme-fandomdesktop-dark .mw-apisandbox-widget-field .oo-ui-iconElement-icon { filter: invert(0); } .theme-fandomdesktop-dark .oo-ui-windowManager-modal > .oo-ui-dialog { background-color: rgba(0, 0, 0, 0.5); } .theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly], .theme-fandomdesktop-dark .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color:black; } .theme-fandomdesktop-dark .oo-ui-textInputWidget input, .theme-fandomdesktop-dark .oo-ui-textInputWidget textarea { background-color: #001000; color:white; } .theme-fandomdesktop-dark .oo-ui-tagItemWidget { background-color: #333; background-image: linear-gradient(to bottom,#222 0,#000 100%); color: #eee; } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { background-color: #111; background-image: linear-gradient(to bottom, #222 0, #000 100%); } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { /*border-color: #ace;*/ /*box-shadow: 0 0 2px 2px #ace;*/ }

.theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #070; background-image: linear-gradient(to bottom, #090 0, #030 100%); } .theme-fandomdesktop-dark .oo-ui-buttonElement > .oo-ui-buttonElement-button { color:#ccc; } .theme-fandomdesktop-dark .oo-ui-pendingElement-pending { /* http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif */ filter:invert(1); }

.theme-fandomdesktop-dark .oo-ui-labelElement-label { color:var(--body-text-color); }

.theme-fandomdesktop-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .theme-fandomdesktop-dark .oo-ui-optionWidget.oo-ui-optionWidget-highlighted { background-color:var(--option-highlighted); }

.theme-fandomdesktop-dark .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-disabled input, .theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { background-color: var(--content-bg-color); }

.theme-fandomdesktop-dark .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: var(--color-brightblue); }

.oo-ui-textInputWidget.oo-ui-widget-disabled input { text-shadow:rgb(0,0,0) 0px 1px 1px; } .theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color:inherit; }

.theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color:black; color:var(--body-text-color); }

.theme-fandomdesktop-dark .oo-ui-inputWidget-input, .theme-fandomdesktop-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { background-color:inherit; color:inherit; }

.theme-fandomdesktop-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:inherit; color:inherit; }

.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .theme-fandomdesktop-dark .oo-ui-indicator-required { filter:invert(100%) }

.theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input { color:white; }

.theme-fandomdesktop-dark .oo-ui-iconElement-icon.oo-ui-icon-close { filter:invert(100%); }

.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { background-color:black; color:var(--ambox-green); }

.theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td { background-color:inherit; }

.theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not(:first-child):hover td { background-color:var(--zebra-color-2); }

.theme-fandomdesktop-dark .mw-widget-dateInputWidget-handle { background-color:black; } /* end oo ui stuff */

.theme-fandomdesktop-dark span.fr-under-review { background-color:#576100; }

.theme-fandomdesktop-dark .mw-revslider-revision-older .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#ECC03C; }

.theme-fandomdesktop-dark .mw-revslider-revision-intermediate .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#00FF84; }

.theme-fandomdesktop-dark .mw-revslider-revision-newer .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#5495D3; }

.theme-fandomdesktop-dark .fr-watchlist-pending-notice { background-color:#690000; }

.theme-fandomdesktop-dark .black-sprite, .theme-fandomdesktop-dark .black-logo-std { filter: invert(1) hue-rotate(180deg); }

.theme-fandomdesktop-dark .dark-sprite, .theme-fandomdesktop-dark .dark-logo-std { filter: drop-shadow(0 0 1px var(--color-forcewhite)); }

.theme-fandomdesktop-dark td.diff-addedline .diffchange, .theme-fandomdesktop-dark td.diff-deletedline .diffchange { background-color:rgba(var(--emphasized-init),0.2); color:var(--body-text-color); }

/* Scribunto */

.theme-fandomdesktop-dark .mw-scribunto-input { color:#6984A3; }

.theme-fandomdesktop-dark .mw-scribunto-normalOutput, .theme-fandomdesktop-dark .mw-scribunto-error { background-color:var(--color-forceblack); }

.theme-fandomdesktop-dark .mw-scribunto-normalOutput { color:#72B37E; }

.theme-fandomdesktop-dark #mw-scribunto-input { background-color:var(--color-foreceblack); border:1px solid var(--wiki-accent); }

.theme-fandomdesktop-dark .mw-scribunto-print { background: black; color: #FD7C7C; }

.theme-fandomdesktop-dark .mw-scribunto-console-fieldset { background: black none repeat scroll 0 0; color: white; } .theme-fandomdesktop-dark .mw-scribunto-message { background: black none repeat scroll 0 0; color: green; }

/* End scribunto */

.theme-fandomdesktop-dark .mw-plusminus-pos { color:#00BF00; }

.theme-fandomdesktop-dark .mw-plusminus-neg { color: #EB1900; }

.theme-fandomdesktop-dark .autocomment { color:#9F9F73; }

.theme-fandomdesktop-dark .grouptags li.edit { background-color:var(--navigation-bg); }

.theme-fandomdesktop-dark html .thumbimage { background-color:var(--content-bg-color); }

.theme-fandomdesktop-dark .mw-changeslist-legend, .theme-fandomdesktop-dark .section { border-color:var(--wiki-accent); }

.theme-fandomdesktop-dark .toccolours { background-color:#181818; }

.theme-fandomdesktop-dark .errorbox { color: #fac5c5; border-color: #fac5c5; background-color: black; }

.theme-fandomdesktop-dark ol.references li:target, sup.reference:target { background-color:black; }

.theme-fandomdesktop-dark #cargo-modifyQuery-form { background:transparent; }

.theme-fandomdesktop-dark table.cargoTable > tbody > tr:nth-child(2n+1), .theme-fandomdesktop-dark table.cargoTable td.odd { background-color: #202020; }

.theme-fandomdesktop-dark table.cargoTable th { background-color: #2163A6; }

.skin-fandomdesktop table.cargoTable td { border:0; }

/* Dracula Theme v1.2.5 * * https://github.com/zenorocha/dracula-theme * https://github.com/dracula/pygments/blob/master/dracula.css * * Copyright 2016, All rights reserved * * Code licensed under the MIT license * http://zenorocha.mit-license.org * * @author Rob G  * @author Chris Bracco  * @author Zeno Rocha  */ .theme-fandomdesktop-dark .mw-highlight .hll { background-color: #f1fa8c } .theme-fandomdesktop-dark .mw-highlight { background: #282a36; color: #f8f8f2 } .theme-fandomdesktop-dark .mw-highlight .c { color: #6272a4 } /* Comment */ .theme-fandomdesktop-dark .mw-highlight .err { color: #f8f8f2 } /* Error */ .theme-fandomdesktop-dark .mw-highlight .g { color: #f8f8f2 } /* Generic */ .theme-fandomdesktop-dark .mw-highlight .k { color: #ff79c6 } /* Keyword */ .theme-fandomdesktop-dark .mw-highlight .l { color: #f8f8f2 } /* Literal */ .theme-fandomdesktop-dark .mw-highlight .n { color: #f8f8f2 } /* Name */ .theme-fandomdesktop-dark .mw-highlight .o { color: #ff79c6 } /* Operator */ .theme-fandomdesktop-dark .mw-highlight .x { color: #f8f8f2 } /* Other */ .theme-fandomdesktop-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */ .theme-fandomdesktop-dark .mw-highlight .ch { color: #6272a4 } /* Comment.Hashbang */ .theme-fandomdesktop-dark .mw-highlight .cm { color: #6272a4 } /* Comment.Multiline */ .theme-fandomdesktop-dark .mw-highlight .cp { color: #ff79c6 } /* Comment.Preproc */ .theme-fandomdesktop-dark .mw-highlight .cpf { color: #6272a4 } /* Comment.PreprocFile */ .theme-fandomdesktop-dark .mw-highlight .c1 { color: #6272a4 } /* Comment.Single */ .theme-fandomdesktop-dark .mw-highlight .cs { color: #6272a4 } /* Comment.Special */ .theme-fandomdesktop-dark .mw-highlight .gd { color: #8b080b } /* Generic.Deleted */ .theme-fandomdesktop-dark .mw-highlight .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */ .theme-fandomdesktop-dark .mw-highlight .gr { color: #f8f8f2 } /* Generic.Error */ .theme-fandomdesktop-dark .mw-highlight .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */ .theme-fandomdesktop-dark .mw-highlight .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */ .theme-fandomdesktop-dark .mw-highlight .go { color: #44475a } /* Generic.Output */ .theme-fandomdesktop-dark .mw-highlight .gp { color: #f8f8f2 } /* Generic.Prompt */ .theme-fandomdesktop-dark .mw-highlight .gs { color: #f8f8f2 } /* Generic.Strong */ .theme-fandomdesktop-dark .mw-highlight .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */ .theme-fandomdesktop-dark .mw-highlight .gt { color: #f8f8f2 } /* Generic.Traceback */ .theme-fandomdesktop-dark .mw-highlight .kc { color: #ff79c6 } /* Keyword.Constant */ .theme-fandomdesktop-dark .mw-highlight .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */ .theme-fandomdesktop-dark .mw-highlight .kn { color: #ff79c6 } /* Keyword.Namespace */ .theme-fandomdesktop-dark .mw-highlight .kp { color: #ff79c6 } /* Keyword.Pseudo */ .theme-fandomdesktop-dark .mw-highlight .kr { color: #ff79c6 } /* Keyword.Reserved */ .theme-fandomdesktop-dark .mw-highlight .kt { color: #8be9fd } /* Keyword.Type */ .theme-fandomdesktop-dark .mw-highlight .ld { color: #f8f8f2 } /* Literal.Date */ .theme-fandomdesktop-dark .mw-highlight .m { color: #bd93f9 } /* Literal.Number */ .theme-fandomdesktop-dark .mw-highlight .s { color: #f1fa8c } /* Literal.String */ .theme-fandomdesktop-dark .mw-highlight .na { color: #50fa7b } /* Name.Attribute */ .theme-fandomdesktop-dark .mw-highlight .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */ .theme-fandomdesktop-dark .mw-highlight .nc { color: #50fa7b } /* Name.Class */ .theme-fandomdesktop-dark .mw-highlight .no { color: #f8f8f2 } /* Name.Constant */ .theme-fandomdesktop-dark .mw-highlight .nd { color: #f8f8f2 } /* Name.Decorator */ .theme-fandomdesktop-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */ .theme-fandomdesktop-dark .mw-highlight .ne { color: #f8f8f2 } /* Name.Exception */ .theme-fandomdesktop-dark .mw-highlight .nf { color: #50fa7b } /* Name.Function */ .theme-fandomdesktop-dark .mw-highlight .nl { color: #8be9fd; font-style: italic } /* Name.Label */ .theme-fandomdesktop-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */ .theme-fandomdesktop-dark .mw-highlight .nx { color: #f8f8f2 } /* Name.Other */ .theme-fandomdesktop-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */ .theme-fandomdesktop-dark .mw-highlight .nt { color: #ff79c6 } /* Name.Tag */ .theme-fandomdesktop-dark .mw-highlight .nv { color: #8be9fd; font-style: italic } /* Name.Variable */ .theme-fandomdesktop-dark .mw-highlight .ow { color: #ff79c6 } /* Operator.Word */ .theme-fandomdesktop-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */ .theme-fandomdesktop-dark .mw-highlight .mb { color: #bd93f9 } /* Literal.Number.Bin */ .theme-fandomdesktop-dark .mw-highlight .mf { color: #bd93f9 } /* Literal.Number.Float */ .theme-fandomdesktop-dark .mw-highlight .mh { color: #bd93f9 } /* Literal.Number.Hex */ .theme-fandomdesktop-dark .mw-highlight .mi { color: #bd93f9 } /* Literal.Number.Integer */ .theme-fandomdesktop-dark .mw-highlight .mo { color: #bd93f9 } /* Literal.Number.Oct */ .theme-fandomdesktop-dark .mw-highlight .sa { color: #f1fa8c } /* Literal.String.Affix */ .theme-fandomdesktop-dark .mw-highlight .sb { color: #f1fa8c } /* Literal.String.Backtick */ .theme-fandomdesktop-dark .mw-highlight .sc { color: #f1fa8c } /* Literal.String.Char */ .theme-fandomdesktop-dark .mw-highlight .dl { color: #f1fa8c } /* Literal.String.Delimiter */ .theme-fandomdesktop-dark .mw-highlight .sd { color: #f1fa8c } /* Literal.String.Doc */ .theme-fandomdesktop-dark .mw-highlight .s2 { color: #f1fa8c } /* Literal.String.Double */ .theme-fandomdesktop-dark .mw-highlight .se { color: #f1fa8c } /* Literal.String.Escape */ .theme-fandomdesktop-dark .mw-highlight .sh { color: #f1fa8c } /* Literal.String.Heredoc */ .theme-fandomdesktop-dark .mw-highlight .si { color: #f1fa8c } /* Literal.String.Interpol */ .theme-fandomdesktop-dark .mw-highlight .sx { color: #f1fa8c } /* Literal.String.Other */ .theme-fandomdesktop-dark .mw-highlight .sr { color: #f1fa8c } /* Literal.String.Regex */ .theme-fandomdesktop-dark .mw-highlight .s1 { color: #f1fa8c } /* Literal.String.Single */ .theme-fandomdesktop-dark .mw-highlight .ss { color: #f1fa8c } /* Literal.String.Symbol */ .theme-fandomdesktop-dark .mw-highlight .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */ .theme-fandomdesktop-dark .mw-highlight .fm { color: #50fa7b } /* Name.Function.Magic */ .theme-fandomdesktop-dark .mw-highlight .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */ .theme-fandomdesktop-dark .mw-highlight .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */ .theme-fandomdesktop-dark .mw-highlight .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */ .theme-fandomdesktop-dark .mw-highlight .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */ .theme-fandomdesktop-dark .mw-highlight .il { color: #bd93f9 } /* Literal.Number.Integer.Long */ /* end SyntaxHighlight Dracula theme */