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 <wowmotty@gmail.com>
 * @author Chris Bracco <chris@cbracco.me>
 * @author Zeno Rocha <hi@zenorocha.com>
 */
 .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 */