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;
}
#mw-indicator-mw-helplink,.mw-special-NewPagesFeed #mwe-pt-list-warnings{display:none !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;
}
.wikitable > * > tr > td{
   background:unset;
}
.wikitable:not([style*="background-color"]) > * > tr > td{
   background:#000;
}
.wikitable{
    color: unset;
}
.wikitable:not([style*="background-color"]){
    color: #fff;
}
#mw-footer-container,.mw-indicator-mw-helplink{ 
display:none;
} 
.CodeMirror-line {
   background:transparent !important;
}
.ve-active #FastDeleteBtns,.ve-activating #FastDeleteBtns{
    display:none;
}

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

.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*/
#mw-content a[href*="UniversalBot"] {
   color: #a400a4 !important; 
   font: bold Helvetica, Arial, Sans-Serf !important;
}

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

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

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

: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; 
}
#blog-page-right {
    width: auto;
    margin-top: 15px;
}
#blog-page-left {
    position: relative;
    float: right;
}
.ns-500 #catlinks.noprint{
    margin-top: 20px;
    margin-bottom: -2em !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;
}


.mw-editsection-bracket {
	color: #D5D4D4 !important;
}

.portable-infobox h2 p {
  line-height: 10px;
}

.portable-infobox .pi-data-value > :not(ul), .portable-infobox .pi-data-value li{
margin: 6px 0px !important;
}