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);
@import url(/wiki/MediaWiki:Infoboxes.css?action=raw&ctype=text/css);
.ve-activated .ve-init-mw-desktopArticleTarget-uneditableContent {
     pointer-events: all;
     opacity: 1; 
}
.ve-activated .mw-dismissable-notice, .ve-activated #ca-talk, .action-edit #ca-talk {
    display: none;
}
.oo-ui-window-body{
    background: #000;
}
.ve-ui-mwNoticesPopupTool-item .warningbox{
    background:none !important;
    margin-bottom: 1em;
    border: 1px solid;
    padding: 0.5em 1em;
}
.ve-init-target div, .ve-ui-toolbar-saveButton span {
    color: #fff;
}
.ve-ui-mwNoticesPopupTool-item .warningbox{
    background:none;
    margin-bottom: 1em;
    border: 1px solid;
    padding: 0.5em 1em;
}
.ve-active .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    background-color: #808080;
}
.ve-ui-mwSaveDialog .oo-ui-window-frame {
    width:60%;
    height:60%;
}
.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;
}
.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;
}
#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;
}

.close, .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;
}




.main-page-tag-rcs {
    position: relative;
    width: 300px;
    float: right;
    clear: right
}

.main-page-tag-lcs-collapsed {
    overflow: hidden;
    height: 1%
}

.main-page-tag-lcs-exploded {
    float: left;
    width: 100%;
    position: relative
}
@media only screen and (max-width:1083px) {
    .main-page-tag-lcs-exploded,.lcs-container {
        width: 100%
    }
}

@media only screen and (min-width:1084px) {
    .main-page-tag-rcs,
    .rcs-container {
        width: 300px
    }
}

.main-page-tag-rcs {
    padding: 0
}

@media only screen and (max-width:1023px) {
  
    .main-page-tag-rcs {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        clear: both;
        float: none;
        padding: 13px 10px 0;
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .main-page-tag-rcs {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }
}

@media screen and (max-width: 1339px) and (min-width: 1100px){
#DiscordRailModule {
    padding-right: 1em;
    box-sizing: border-box;
    display: block;
    width: 14em;
    position: relative;
  }
}
@media screen and (min-width: 1340px){
#DiscordRailModule {
    width: 230px;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}
.page-DC_Multiverse_Wiki #site-tools{
    display:none;
}
@media screen and (max-width: 1339px) and (min-width: 1100px){
.page-DC_Multiverse_Wiki #MainPageDiscordRailModule {
 width:13em !important;
 padding-right: 1em !important;
 padding-bottom:10px;
  }
}
@media screen and (min-width: 1340px){
.page-DC_Multiverse_Wiki #MainPageDiscordRailModule {
 width: 13em !important;
 padding-right: 1em !important;
  }
}
@media screen and (max-width: 1099px) and (min-width: 851px){
#mw-site-navigation {
    position: absolute;
    top: unset;
    left: 2em;
    margin: 10px;
  }
}



.ajaxpoll-id-info{
	display:none;
}
#FastDeleteBtns:nth-of-type(2){
    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;
}
  .comments li[data-user="TheDemon08"] blockquote, .comments li[data-user="Universal_Omega"] blockquote, .comments li[data-user="Zomlouis"] blockquote, .comments li[data-user="IC228"] blockquote {
  background: url("https://static.miraheze.org/dcmultiversewiki/7/71/Admin_title.png") bottom center no-repeat !important;
}
.comments li[data-user="TheDemon08"] blockquote:after, .comments li[data-user="Universal_Omega"] blockquote:after, .comments li[data-user="Zomlouis"] blockquote:after, .comments li[data-user="IC228"] blockquote:after {
   border-color:transparent #032F4D #032F4D transparent !important;
}
/*Bureaucrat Labels*/
.Wall .edited-by a[href$="TheDemon08"] ~ .subtle::after,.Wall .edited-by a[href$="Universal_Omega"] ~ .subtle::after {
  content: " (Bureaucrat)";
}


/* Administrator Labels */
.Wall .edited-by a[href$="Zomlouis"] ~ .subtle::after, .Wall .edited-by a[href$="IC228"] ~ .subtle::after {
  content: " (Administrator)";
}



/*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;
}

/*Moderator 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;
}

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