BSG-WIKI SM.png
Share Your Thoughts!

Shape the future of Battlestar Wiki with this short survey!

There may be algae cookies and hydronic mushies. Mmm... Trick or Treat!

Difference between revisions of "MediaWiki:Daybreak.css"

From Battlestar Wiki, the free, open content Battlestar Galactica encyclopedia and episode guide
m (fix)
m (code colorization)
Line 1,052: Line 1,052:
  
 
/* Code Formatting */
 
/* Code Formatting */
 +
 +
code {
 +
background-color:var(--background-dark2);
 +
}
  
 
code > a.external.text, .mw-specialCiteThisPage-bibliographic a.external.free {
 
code > a.external.text, .mw-specialCiteThisPage-bibliographic a.external.free {
     color: var(--blue);
+
     color: var(--yellow);
 
}
 
}
  

Revision as of 19:08, 17 October 2021

/* CSS placed here will affect users of the Daybreak skin */
/* LIMAFOX76 CSS style for the Timeless skin, modified by Joe Beaudoin Jr. */

/* variables */

@font-face {
   font-family: Caprica;
   font-style: normal;
   src: url('/w/skins/Daybreak/resources/fonts/caprica.ttf') format('truetype'),
   		url('/w/skins/Daybreak/resources/fonts/caprica.otf') format('opentype');
}

#mw-header-container #p-banner,
#mw-header-container #personal h2,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
	font-family: Caprica;
}

#content h1,
#content h2 {
	font-variant: small-caps;
}

:root {
     --text: #fff;
     --background: #471919;
     --background2: #000;
     --background3: #160807;
     --background-dark: #f4a460;
     --background-dark2: #d2691e;
     --text-inverse: #018;
     --grey: #ccc;
     --grey-bright: #eee;
     --grey-dark: #666;
     --red: #d44;
     --red-bright: #f55;
     --red-dark: #900;
     --orange: #ffa500;
     --orange-bright: #ff4500;
     --orange-dark: #ff8c00;
     --yellow: #ffff00;
     --yellow-bright: #ffffe0;
     --yellow-dark: #ffd700;
     --green: #3b7;
     --green-bright: #4c8;
     --green-dark: #396;
     --blue: #08d;
     --blue-bright: #2af;
     --blue-dark: #069;
     --link: #ffff00;
     --link-red: #d44;
     --font-size: 0.93em;
}

.box  {
        background: var(--background3);
        border: solid var(--yellow-dark);
        padding: 1.25em 1.75em;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
}

body {
        color: var(--text);
        background: var(--background3);
        font-size: var(--font-size);
        line-height: 1.4;
}

.nav-block() {
        background: var(--background3);
        border: solid var(--yellow-dark);
        padding: 1.25em 1.75em;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
        padding: 1.5em 1.5em 0;
        margin: 1em 0;
        line-height: 1.125;
        word-wrap: break-word;
        font-size: 0.95em;
}
.nav-block() ul,
.nav-block() li {
                list-style: none;
                margin: 0;
                padding: 0;
}

.nav-block() h3 {
                font-weight: normal;
                font-size: 1em;
                margin: 0.25em 0 0.75em 0;
                padding-bottom: 0.15em;
                border-bottom: solid 2px var(--grey);
}

.nav-block() ul {
                margin-bottom: 2em;
}

.nav-block() li {
                padding: 0.25em 0;
}


#mw-page-header-links li:hover {
                        border-bottom-color: var(--grey);
}

#mw-page-header-links li.selected {
                        border-bottom-color: var(--orange);
}
#mw-page-header-links li.selected a {
                                color: var(--text);
}


/* Global width */

.ts-inner {
	max-width: 1920px;
}

/* Content */

#mw-content-container {
        background: var(--background2);
        border-bottom: solid 4px var(--yellow-dark);
}

#mw-content {
        background: var(--background3);
        border: solid var(--yellow-dark);
        padding: 1.25em 1.75em;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
        background: var(--background);
        padding: 1em @content-padding 3em;

        /* Set a z-index for the content to group it away from any nav stuff (extensions) - T200148 */
        position: relative;
        z-index: 0;
}

/* Logo background */

#p-logo {
	background: #160807;
	border: 1px solid #471919;
}

/* Site Navigation */

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
#personal .dropdown {
    background: #160807;
    border: solid #ffd700;
    border-width: 1px 1px 0.2em;
    color: #ffffff;
}

/* Header Container */

#mw-header-container {
	background: #471919;
	color: #ffffff;
}

#p-logo-text a {
	color: #ffffff;
}


/* Color Middle */

.color-middle-container {
    padding: 0 4.0em;
    max-width: 1920px;
}

.color-middle {
	margin-left: 13.2em;
	margin-right: 15em;
	background: #ff8c00;
}

/* Context Infoboxes Jar*/

#stacked_layout {
	background: #000000;
}

/* Footer */

#mw-footer-container {
    border-top: solid 1px #ffa500;
    background: #160807;
}

/* Style effects for the Browse properties */

.mw_metadata th,
#mw-allmessagestable td {
    background-color: #160807;
}

#mw-allmessagestable tbody:hover {
	background-color: #471919;;
}

.mw_metadata td,
#mw-allmessagestable th,
.diff-addedline .diffchange {
	background: #000;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
	background-color: #fff;
}

.warningbox {
	background-color: #160807;
	color: #fff;
}

div.mw-warning-with-logexcerpt {
	background: #160807;
}

/* Misc */

a, .toctogglelabel {
        text-decoration: none;
        color: var(--yellow);
}

a:hover {
                color: var(--yellow-bright);
}

a:visited {
                color: var(--yellow-dark);
}


a.extiw,
.extiw a,
a.external.text,
a.external.free,
.mw-parser-output a.extiw {
        color: var(--orange);
}
a.extiw:hover,
.extiw a:hover,
a.external.text:hover,
a.external.free:hover,
.mw-parser-output a.extiw:hover,
a.extiw:visited,
.extiw a:visited,
a.external.text:visited,
a.external.free:visited,
.mw-parser-output a.extiw:visited {
                color: var(--orange-dark);
}

a.new,
.new a {
        color: var(--red);
}

a.new:hover,
.new a:hover,
a.new:visited,
.new a:visited {
                color: var(--red-dark);
}

a.mw-selflink {
        color: inherit;
        font-weight: bold;
        text-decoration: inherit;
}


.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt {
                color: var(--yellow-dark);
                line-height: 1.125;
                margin: 0.7em 0 0.5em;
        }

.mw-body dt {
                font-weight: bold;
                line-height: 1.125;
                margin: 0.7em 0 0.5em;
                margin-bottom: 0.1em;
        }

.mw-body dl {
                margin-top: 0.2em;
                margin-bottom: 0.5em;
        }

.mw-body form dt {
                margin: 0 0.5em 0 0;
        }

.mw-body h1.firstHeading {
        margin: 0.25em 0 0.5em;
        border-bottom: solid 4px var(--yellow-dark);
        overflow: visible;
}

.mw-body h1 {
                font-size: 2em;
                border-bottom: solid 3px var(--orange);
                overflow: hidden;
        }

.mw-body h2 {
                font-size: 1.5em;
                border-bottom: solid 2px var(--orange);
                overflow: hidden;
        }

.mw-body h3 {
                font-size: 1.3em;
        }

.mw-body h4 {
                font-size: 1.15em;
        }

.mw-body h5 {
                font-size: 1.05em;
        }

.mw-body h6 {
                font-size: 1em;
        }

.mw-body dt {
                margin-top: 1em;
        }

.mw-body dd {
				margin-bottom: 1em; /* changing from 1em to 0em to remove unnecessary whitespace */
        }

.mw-body .mw-changeslist-legend dt {
                margin: 0 0.5em 0 0;
        }

.mw-body .mw-changeslist-legend dd {
                margin-bottom: 0;
        }


.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, // wat
.mw-body .mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions,
.wikitable {
        color: var(--text) !important;
        .box;
}

.mw-body .mw-search-profile-tabs {
        padding: 0.5em;
        background-color: var(--background-dark2) !important;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
        border: 1px solid var(--yellow-bright) !important;
        color: var(--text) !important;
        padding: 0.5em;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
        border: 1px solid var(--yellow-bright) !important;
        background: var(--background2) !important;
        color: var(--text) !important;
}

ol.references li:target, sup.reference:target {
    background-color: var(--green-dark);
}

/* page history */

#pagehistory li.selected {
                background-color: var(--background3);
                color: var(--grey-bright);
}

.mw-plusminus-pos {
	color: var(--green-bright) !important;
}

.mw-plusminus-neg {
	color: var(--orange) !important;
}

.autocomment {
	color:var(--grey) !important;
}

.portalS {
        box-sizing: border-box;
        border: 15px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round;
        background: #1f0b0c;
        background-clip: padding-box;
        padding: 2px;
        vertical-align: top;
        margin: 0;
        z-index: -1;
}

.mw-body .portals h2 {
        margin: 8px 0;
        background-color: var(--background);
        border: 1px solid var(--orange-dark);
        padding: 0.2em 0.4em;
}

.contentbox-th,
.portal_h2 {
        margin: 8px;
        background-color: var(--background);
        border: 1px solid var(--yellow-dark);
        padding: 0.2em 0.4em;
}

.navbox {
        box-sizing: border-box;
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        width: 100%;
        clear: both;
        font-size: 88%;
        /* text-align: center; */
        margin: 1em auto 0;
}

.centered {
        align: center;
        width: auto;
}

.tree {
        border: 7px solid transparent;
        border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round;
        background: #1f0b0c;
        background-clip: padding-box;
        font-size: 88%;
        text-align: center;
        margin: 1em auto 0;
}

.thumbinner, figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] {
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
}

ul#filetoc,
.toc,
.mw-warning {
        display: table;
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        padding: 1.25em 1.75em;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
        padding: 1.25em 1.75em;
        margin-top: 1em;
        margin-bottom: 1em;
        min-width: 15em;
}

div.editOptions,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        color: var(--text);
}

.skin-timeless .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-enabled input {
        margin: 0;
}

#menus-cover {
        background: var(--background)
}

.sidebar-inner {
        background: var(--background3);
}

@media screen and ( max-width: 851px ) {
       .dropdown,
       .sidebar-inner {
        background: var(--background3);
        border: solid 1px var(--yellow-dark);
        color: var(--text);
       }
}

.wikitable,
.messagebox {
 background-color: var(--background) !important;
 border: 1px solid var(--yellow) !important;
 color: var(--text);
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td,
.messagebox > tr > td,
.messagebox > * > tr > td {
 border:1px solid var(--yellow) !important;
 padding: .2em; /*needed padding for tables*/
}

.wikitable > tr > th,
.wikitable > * > tr > th,
.infoboxheader {
 background-color: var(--background3) !important;
}

.infobox tr {
   /* border-bottom: 1px solid var(--yellow) !important; */ /*blanking for now because of issues with infobox formatting */
   padding: 8px;
}

.infobox td {
    padding: 3px;
}

table.infobox {
    float: right;
    border: 1px solid var(--yellow);
    border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */
    margin: 10px;
    padding: 10px;
    width:200px;
}

tr.hiddenStructure {
    display: none;
}

#pt-notifications-alert .mw-echo-notifications-badge:before, #pt-notifications-notice .mw-echo-notifications-badge:before {
	background-color: white;
}

/* Add This */

div#addthistoolbar {
        background: var(--background3) !important; 
        border: solid var(--yellow-dark) !important;
        padding: 1.25em 1.75em;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
}

.atm-i {
	background: var(--background-dark2) !important;
}

#at_hover.atm-s a, .atm-s a {
	color: var(--link) !important;
}

/* Editor Buttons */

input[type="button"] {
    background: var(--green-dark) !important;
    border-color: var(--green-bright) !important;
    color: var(--grey-bright) !important;
    margin: 2px !important;
}
	
input#wpPreview, 
input#wpDiff
{
	background-color: var(--background) !important;
	color:var(--yellow);
	border-color: var( --yellow-dark);
}

/* For the Echo Notification Widgets */

.oo-ui-popupWidget-popup, .oo-ui-menuSelectWidget {
        background: var(--background) !important; 
        border: solid var(--yellow-dark) !important;
        box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
        border-radius:2px;
        color:var(--text);
}

.oo-ui-popupWidget-footer {
	border: solid var(--yellow-dark) !important;
}

.mw-echo-ui-placeholderItemWidget, 
a.oo-ui-buttonElement-button {
	background-color: var(--background1) !important;
	color:var(--yellow) !important;
}

span.oo-ui-labelElement-label {
	color:var(--yellow) !important;
}

.oo-ui-icon-tray,
.oo-ui-icon-settings,
.oo-ui-icon-next
{
	background-color: white !important; /* temp fix until new icons can be made */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled, 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
{
	color: var(--yellow) !important;
	background-color:var(--background) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .flow-ui-editorControlsWidget-saveButton
{
	color: var(--yellow) !important;
	background-color:var(--green-dark) !important;
}

.mw-echo-ui-notificationItemWidget {
	background-color: var(--green-dark) !important;
}

.mw-echo-ui-notificationItemWidget-unread {
	background-color: var(--background-dark2) !important;
}

.mw-echo-ui-notificationItemWidget-unread:hover {
	background-color: var(--background-dark) !important;
}

a.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-iconElement.oo-ui-decoratedOptionWidget.mw-echo-ui-menuItemWidget.mw-echo-ui-menuItemWidget-prioritized > span.oo-ui-labelElement-label {
    color: var(--yellow-bright) !important;
}
	

/** inline echo stuff **/

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper
{
	background:none !important;
}

.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle
{
	color:var(--grey-bright) !important;
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected
{
	background:none !important;
	color:var(--yellow);
}

.mw-echo-ui-bundleNotificationItemWidget-group.oo-ui-widget.oo-ui-widget-enabled.mw-echo-ui-sortedListWidget {
	background-color: var(--blue-dark) !important;
}

/* UI Panels */

.oo-ui-panelLayout-padded {
    background: var(--background3) !important;
}

.oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget input {
	background-color: var(--blue-dark) !important;
	color: var(--text) !important;
}

.oo-ui-labelWidget.oo-ui-inline-help {
	color: var(--grey);
}

/* Search Fields (Rev History, RC, et al.) */

fieldset {
	background-color: var(--background3) !important;
	color: var(--text) !important;
}

fieldset legend {
	background: inherit !important;
}

fieldset.oo-ui-layout.oo-ui-iconElement.oo-ui-labelElement.oo-ui-fieldsetLayout {
	border: 7px solid transparent;
    border-image: url(https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png) 50 round;
    -webkit-border-image: url(https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png) 50 round;
    background: #1f0b0c;
    background-clip: padding-box;
	clear: both;
    font-size: 88%;
    text-align: center;
}

.oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
    background-color: var(--blue-dark) !important;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget {
	background-color: var(--background-dark2) !important;
}

/* RC Filters */

label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-labelElement-label.oo-ui-labelWidget 
{
	color:var(--white) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: var(--text) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--background2) !important;
	color:var(--text) !important;
	border: none !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
	color:var(--text) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: var(--background-dark) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
	color: var(--background1) !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: var(--blue-dark) !important;
	border-bottom: 1px solid var(--background-dark);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--blue-light) !important;
	border-bottom: 1px solid var(--background-dark);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child) {
	border-bottom: 1px solid var(--background-dark);
}

.mw-rcfilters-ui-filterItemHighlightButton {
	background-color: var(--green-dark);
}

/* Message Dialogs */

.oo-ui-messageDialog-message {
	color:var(--text);
}

.oo-ui-window-content.oo-ui-dialog-content.oo-ui-messageDialog-content.oo-ui-window-content-setup.oo-ui-window-content-ready {
    background: var(--background);
}

/* Widgets */

.ui-widget-header {
	background: var(--background1) !important;
	color: var(--text) !important;
} 

.ui-widget-content {
	background: var(--background) !important;
}

/* Flow Discussions */

.flow-load-interactive {
	background: var(--background-dark) !important;
}

.flow-board-header-title {
	background: var(--background-dark2) !important;
	margin-right: 20px !important; /* clearance for the "X" */
	padding-left: 5px; /* the discussion logo needs some left space */
}

.flow-ui-editorControlsWidget-termsLabel, .flow-no-more {
	color: var(--text) !important;
}

.flow-topic {
	padding: 1em 1em 1.4em !important;
	background-color: var(--background3) !important;
}

.flow-topic-titlebar, h2.flow-topic-title.flow-load-interactive {
	background-color: var(--background) !important;
}

.flow-post {
	color: var(--text) !important;
}

.flow-topic-meta {
	color: var(--grey-bright) !important;
}
a.flow-timestamp-anchor, a.flow-timestamp-anchor:visited {
	color: var(--blue-bright) !important;
}

.flow-ui-newTopicWidget-title.oo-ui-textInputWidget input {
	background: var(--green-bright) !important;
}

.flow-component.flow-board-page.flow-full-height-side-rail {
	background: var(--background);	
}

.flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) {
    background-color: var(--grey-bright);
    color: var(--text-inverse);
}

.flow-ui-editorWidget-wikitextHelpLabel {
	color: var(--text);
	background: var(--grey-dark);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background: var(--blue-dark);
}

/* MMV/MultiMediaViewer Stuff */

.mw-mmv-post-image {
	color: var(--text) !important;
	background-color: var(--background2) !important;
}

.mw-mmv-image-metadata {
	border-top: 1px solid var(--yellow-dark) !important;
    background-color: var(--background) !important;
}

.mw-mmv-image-links li {
	color: var(--grey) !important;
}

.mw-ui-button.mw-ui-progressive {
	background-color: var(--green-dark) !important;
    border: 1px solid var(--green) !important;
}

.mw-mmv-dialog {
	background-color: var(--background) !important;
    box-shadow: 0 2px 2px 0 var(--red-bright) !important;
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
	background-color: var(--background) !important;
}

.mw-mmv-options-text-header {
	    color: var(--orange-dark) !important;
}

.mw-mmv-options-text-body {
	color: var(--grey) !important;
}

.mw-mmv-options-dialog-header, .mw-ui-button.mw-ui-quiet {
    color: var(--red-bright) !important;
}

/* Inline article preview popups */

.mwe-popups {
	background-color:var(--background-dark) !important;
	color:var(--background2) !important;
	border: 1px solid var(--red) !important;
}

.mwe-popups .mwe-popups-extract:after {
	background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important;
	background-image: linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important;	
	}
	
	/* no images */ 

.mwe-popups.flipped-x-y:after, .mwe-popups.flipped-y:after  {
	border-top: 12px solid var(--background-dark) !important;
}

.mwe-popups.mwe-popups-no-image-pointer:after, .mwe-popups.mwe-popups-no-image-pointer:before {
	border-bottom: 12px solid var(--background-dark) !important;
}

	/* with images */
	
.mwe-popups.mwe-popups-image-pointer:before, .mwe-popups.flipped-x.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-image-pointer.flipped-x:before {
	border-bottom: 8px solid var(--red) !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-not-tall:before {
	border-top: 8px solid var(--red) !important
}

.mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after {
	border-top: 12px solid var(--red) !important
}

/* MW notification */

.postedit, .mwnotification {
	background: var(--background-dark2) !important;
	color: var(--text) !important;
	font-weight:bolder !important;
	border: 1px solid var(--red) !important;
}

/* mobile stuff */

div#content-bottom-stuff, div#mw-header-nav-hack, #mw-related-navigation .sidebar-inner, #mw-site-navigation .sidebar-inner {
	background-color: var(--background2);
}

#mw-site-navigation h2, #mw-related-navigation h2 {
		font-family: Caprica !important;
}

/* diff viewer */

del.diffchange.diffchange-inline,
del.diffchange {
    color: black !important;
}

/* image slieshow */

.mw-gallery-slideshow li.gallerybox.slideshow-current {
	background: #d2691e !important;
}

/* Target for anchor links */

span:target, .focused, span:focus, .focused:focus {
	background-color: red;
    -webkit-transition: all 1s linear;
}

/* Add a pseudo-element inside the target element */
span:target::before, .focused::before, span:focus::before, .focused:focus::before {
  font: 70% sans-serif;
  content: "►";
  color: var(--yellow-dark);
  margin-right: .25em;
}

/* Visual Editor Bar Tweaks */

.oo-ui-toolbar-bar, .oo-ui-tabSelectWidget-framed {
	background-color:var(--blue);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
	background-color:var(--blue-bright);
}

.oo-ui-popupToolGroup-tools, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color:var(--blue-dark);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, .oo-ui-popupToolGroup-handle:hover {
	background-color:var(--blue-bright);
}

.wikiEditor-ui-toolbar .group > span.tool > a.oo-ui-buttonElement-button {
	background-color:var(--grey-bright) !important;
}

a.oo-ui-tool-link.ve-ui-toolbar-saveButton {
    background-color: var(--green-dark) !important;
}

a.oo-ui-tool-link.ve-ui-toolbar-saveButton:hover {
    background-color: var(--green-bright) !important;
}

a.oo-ui-buttonElement-button {
    background-color: var(--blue-dark) !important;
}

.oo-ui-window-content, .oo-ui-window-content.oo-ui-dialog-content.oo-ui-processDialog-content.ve-ui-nodeDialog.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-single.oo-ui-window-content-setup.oo-ui-window-content-ready {
    background-color: var(--background);
}

.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
	outline:1px solid var(--yellow-dark);
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
	background-color: var(--blue-dark) !important;
}

.ve-ui-mwSaveDialog-options {
	background-color: var(--background);
}

.ve-ui-mwTemplatePage-description {
    color: var(--white);
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
	top: 5.475em;
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
	background-color: var(--grey-dark);
}

/* Code Formatting */

code {
	background-color:var(--background-dark2);
}

code > a.external.text, .mw-specialCiteThisPage-bibliographic a.external.free {
    color: var(--yellow);
}

/* Cite Stuff */

.mw-specialCiteThisPage-bibliographic {
	background-color: var(--background-dark2);
}