MediaWiki:Cosmos.css

/* All CSS here will be loaded for users of the Cosmos skin */ /*Developed by Universal Omega*/ @import url(/wiki/MediaWiki:Series_Themes.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:PortableNavbox.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_Universal-Omega.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_IC228.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Profile_TheDemon08.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Vertical_Tabber.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:More_Styles.css?action=raw&ctype=text/css);

.mw-spinner-container div:after { background: #fff !important; } .thumb{ width:auto !important; } .page-Special_NewPagesFeed .mw-body-content div{ filter: invert(100%); } .page-Special_NewPagesFeed span.mwe-pt-creation-date{ filter: invert(100%) !important; } .mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract { margin: 1em; } .mwe-popups-container footer{ display:none; } .wikitable > tr > th, .wikitable > * > tr > th{ background:#000; color:#fff; } div.editOptions { border: none; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { background-color: transparent; color:#fff; } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: rgb(230, 230, 230); } .mw-editform .oo-ui-buttonInputWidget > input { background-color: transparent !important; } .mw-editform .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #012E59 !important; border-color: #012E59; } .mw-dismissable-notice{ background-color: #012E59; color: white; opacity: 1; transition: opacity 0.6s; z-index:100; width:auto; border:1px solid #fff; } .mw-dismissable-notice .wikitable td{ background:#012E59 !important; border:none !important; } .mw-dismissable-notice .wikitable{ border:none !important; } .mw-dismissable-notice-close{ cursor:pointer; } .wikitable > * > tr > td{ background:unset; } .wikitable:not([style*="background-color"]) > * > tr > td{ background:#000; } .wikitable{ color: unset; } .wikitable:not([style*="background-color"]){ color: #fff; } display:none; } .CodeMirror-line { background:transparent !important; } .ve-active #FastDeleteBtns,.ve-activating #FastDeleteBtns{ display:none; }
 * 1) mw-indicator-mw-helplink,.mw-special-NewPagesFeed #mwe-pt-list-warnings{display:none !important;}
 * 1) mw-footer-container,.mw-indicator-mw-helplink{

.ns-8 .mw-editTools,.ns-special .mw-editTools { display:none; }   padding: 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 14px; }   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   white-space: pre-wrap; padding: 12px; font-size: 14px; line-height: 16px; }   text-decoration: underline; color: inherit; } .modalWrapper{ top: 150px !important; }
 * 1) source-toc {
 * 1) source-toc li {
 * 1) source-code {
 * 1) source-code a {

.wds-alert { padding: 20px; background-color: #012E59; color: white; opacity: 1; transition: opacity 0.6s; margin-bottom: 15px; position:sticky; top:50px; z-index:100; width:auto; } .wds-alert.alert-success { background-color: #4CAF50; } .wds-alert.alert-notice { background-color: #2196F3; } .wds-alert.alert-warning { background-color: #ff9800; } .wds-alert.alert-error { background-color: #f44336; }

.alert-close { margin-left: 15px; color: #fff; font-weight: bold; float: right; font-size: 16px; line-height: 20px; cursor: pointer; transition: 0.3s; background:none; } .wds-alert .alert-close{ font-size:28px; float:right; } .close:hover, .alert-close:hover { color: #3366cc; } .modalWrapper { border: none; box-shadow: 0 10px 60px 0 #333; } .modalWrapper { box-shadow: 0 10px 60px 0 #242323; background: #474646; border-width: 5px; border-style: solid; border-color: #060606; border-color: rgba(6,6,6,0.6); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; color: #D5D4D4; position: absolute; } .modalWrapper div { font-size: 13px; line-height: 21px; } .modalWrapper div { zoom: 1; font-size: 13px; line-height: 21px; display: block; margin: 0 20px 20px 20px; } .ajaxpoll-id-info{ display:none; }

.Appearances-table .ep-small { display:none; } .Appearances-table .ep-table { display:initial; } .ep-font{ display:none; } .Appearances-table .ep-font { display: initial; } .ajaxpoll { width: auto; }

.add-image { display:none !important; }

/*Bot Username Highlighting*/ color: #a400a4 !important; font: bold Helvetica, Arial, Sans-Serf !important; }
 * 1) mw-content a[href*="UniversalBot"] {

/*Bureaucrats Username Highlighting*/ color: #ddaa00 !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="TheDemon08"],
 * 2) mw-content a[href*="Universal_Omega"] {

/*Administrators Username Highlighting*/ color: #ff7777 !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="Zomlouis"],
 * 2) mw-content a[href*="IC228"] {

/*Rollbacker Username Highlighting*/ color: #1eaf7a !important; font: bold Helvetica, Arial, Sans-Serif !important; }
 * 1) mw-content a[href*="Rman41"] {


 * root {

--highlight-rollbacker: #d27d2c !important; --highlight-content-moderator: #1eaf7a !important; --highlight-sysop: #ff7777 !important; --highlight-bureaucrat: #ddaa00 !important; --highlight-bot: #a400a4 !important;

--style-bot: font: bold Helvetica, Arial, Sans-Serif !important; --style-bureaucrat: font: bold Helvetica, Arial, Sans-Serif !important; --style-sysop: font: bold Helvetica, Arial, Sans-Serif !important; --style-content-moderator: font: bold Helvetica, Arial, Sans-Serif !important; --style-rollbacker: font: bold Helvetica, Arial, Sans-Serif !important; }

.hoveraffiliate img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .hoveraffiliate img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/** Main page - Content images and hover - courtesy of Pedia of Interest**/ .portal-Default span { width: 100px; height: 100px; display:block; background-image: url("https://static.miraheze.org/dcmultiversewiki/6/60/Under_construction_icon.png")}

.charportal-hover-img { position: absolute; left: 0; top: 0; display: none; }

.charportal-img-inn:hover .charportal-hover-img { display: block; }

.portable-infobox.pi-theme-navbox { box-sizing: border-box; float: none; margin: 0; width: 100%; }

.portable-infobox.pi-theme-navbox .pi-data-value { flex-basis: auto; width: 100% }

.portable-infobox.pi-theme-navbox .pi-data-label { flex-basis: 200px }

.CodeMirror { color: #e6e6e6; } .cm-keyword { color: #cd6bfe; } .cm-def { color: #2398ff; } .cm-comment { color: #ffd700; } .cm-variable-2 { color: #adf; } .cm-string { color: #ff6214; } .cm-atom { color: #ff22ff; }#006cb0 .cm-number { color: #26ad00; } .CodeMirror-gutters { background-color: #636262; border-right-color: #a3a3a3; color: #e6e6e6; } .cm-mw-matching { background-color: #ffd700; } .cm-mw-skipformatting { background-color: #adf; } .cm-mw-list { color: #2398ff; } .cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr { background-color: #eee; color: #2398ff; } .cm-mw-indenting { color: #2398ff; } .cm-mw-mnemonic { color: #26ad00; } .cm-mw-comment { color: #84a0a0; } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic { color: #2398ff; } .cm-mw-section-header { color: #2398ff; } .cm-mw-template { color: #cd6bfe; } .cm-mw-template-name { color: #cd6bfe; } .cm-mw-template-argument-name { color: #cd6bfe; } .cm-mw-template-delimiter { color: #cd6bfe; } .cm-mw-template-bracket { color: #cd6bfe; } .cm-mw-templatevariable { color: #ff6214; } .cm-mw-templatevariable-name { color: #ff6214; } .cm-mw-templatevariable-bracket { color: #ff6214; } .cm-mw-templatevariable-delimiter { color: #ff6214; } .cm-mw-parserfunction-name { color: #f06969; } .cm-mw-parserfunction-bracket { color: #f06969; } .cm-mw-parserfunction-delimiter { color: #f06969; } .cm-mw-exttag-name { color: #26ad00; } .cm-mw-exttag-bracket { color: #26ad00; } .cm-mw-exttag-attribute { color: #26ad00; } .cm-mw-htmltag-name { color: #26ad00; } .cm-mw-htmltag-bracket { color: #26ad00; } .cm-mw-htmltag-attribute { color: #26ad00; } .cm-mw-link { color: #70b8ff; } .cm-mw-link-pagename { color: #70b8ff; } .cm-mw-link-tosection { color: #2398ff; } .cm-mw-link-bracket { color: #70b8ff; } .cm-mw-link-delimiter { color: #70b8ff; } .cm-mw-extlink, .cm-mw-free-extlink { color: #70b8ff; } .cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol { color: #70b8ff; } .cm-mw-extlink-bracket { color: #70b8ff; } .cm-mw-table-bracket { color: #ff22ff; } .cm-mw-table-delimiter { color: #ff22ff; } .cm-mw-table-definition { color: #ff22ff; }

.modal-content{ max-width: 640px; min-width: 280px; width: auto; }

.blog-left-units { margin-top: 5em; } .blog-byline,.blog-byline-last-edited{ color:#fff; }   width: auto; margin-top: 15px; }   position: relative; float: right; } .ns-500 #catlinks.noprint{ margin-top: 20px; margin-bottom: -2em !important; }
 * 1) blog-page-right {
 * 1) blog-page-left {

.badge { position: relative;; top: -10px; right: -10px; padding: 3px 10px; border-radius: 50%; background-color: #006cb0; color: #fff; }

.toc { border: 1px solid #333333 !important; background-color: transparent !important; }

.episode-countdowns { display: inline-flex; flex-direction: row; flex-wrap: wrap; }

.episode-countdowns .main-episode { flex: 50%; }

@media (max-width: 800px) { div.episode-countdowns { flex-direction: column; } }

.main-episode td[width="80px"] { display: none; }