×
Create a new article
Write your page title here:
We currently have 3,602 articles on DC Multiverse Wiki. Type your article name above or create one of the articles listed here!



    DC Multiverse Wiki

    MediaWiki:Cosmos.css: Difference between revisions

    Content added Content deleted
    No edit summary
    No edit summary
    Line 27: Line 27:
    .mwe-popups-container footer{
    .mwe-popups-container footer{
    display:none;
    display:none;
    }
    .mainpage .CosmosRail {
    display: none;
    }
    .mainpage #cosmos-pageBody-content {
    width: 100%;
    }
    }
    .wikitable > tr > th, .wikitable > * > tr > th{
    .wikitable > tr > th, .wikitable > * > tr > th{
    Line 195: Line 189:
    display: block;
    display: block;
    margin: 0 20px 20px 20px;
    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
    }
    }
    }
    .ajaxpoll-id-info{
    .ajaxpoll-id-info{
    display:none;
    display:none;
    }
    #FastDeleteBtns:nth-of-type(2){
    /*display:none;*/
    }
    }
    .Appearances-table .ep-small {
    .Appearances-table .ep-small {

    Revision as of 15:40, 27 September 2020

    /* 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;
    }
    .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;
    }
    
    .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;
    }
      .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;
    }
    
    Cookies help us deliver our services. By using our services, you agree to our use of cookies.
    Cookies help us deliver our services. By using our services, you agree to our use of cookies.