MTG Wiki
Register
mNo edit summary
Mr Pie 5 (talk | contribs)
(Compressed variable declarations slightly. Added a template-background-color for the admin noticeboard)
Line 7: Line 7:
 
@import "/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css";
 
@import "/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css";
   
.theme-fandomdesktop-light {
+
.theme-fandomdesktop-light,
  +
.skin-hydra {
 
--theme-notice-background-color-1:#F8EABA;
 
--theme-notice-background-color-1:#F8EABA;
 
--theme-notice-background-color-2:#FFEEEE;
 
--theme-notice-background-color-2:#FFEEEE;
Line 13: Line 14:
 
--theme-notice-background-color-4:#E4D8FF;
 
--theme-notice-background-color-4:#E4D8FF;
 
--theme-notice-background-color-5:#EFEFE1;
 
--theme-notice-background-color-5:#EFEFE1;
  +
 
--template-background-color-1: #f9f9f9;
 
}
 
}
   
Line 21: Line 24:
 
--theme-notice-background-color-4:#8C7DAF;
 
--theme-notice-background-color-4:#8C7DAF;
 
--theme-notice-background-color-5:#171716;
 
--theme-notice-background-color-5:#171716;
  +
  +
--template-background-color-1: var(--theme-page-text-mix-color-95);
 
}
 
}
   
Line 27: Line 32:
 
--theme-accent-color--rgb:204,204,255;
 
--theme-accent-color--rgb:204,204,255;
 
--theme-body-background-color:#fdfdfd;
 
--theme-body-background-color:#fdfdfd;
--theme-notice-background-color-1:#f8eaba;
 
--theme-notice-background-color-2:#ffeeee;
 
--theme-notice-background-color-3:#ddeeff;
 
--theme-notice-background-color-4:#E4D8FF;
 
--theme-notice-background-color-5:#EFEFE1;
 
 
}
 
}
   

Revision as of 20:54, 10 July 2021

/* CSS placed here will be applied to all non-mobile skins */

/* Import Universal.css + Box.css*/
@import "/index.php?title=MediaWiki:Universal.css&action=raw&ctype=text/css";
@import "/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css";
@import "/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css";
@import "/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css";

.theme-fandomdesktop-light,
.skin-hydra {
	--theme-notice-background-color-1:#F8EABA;
	--theme-notice-background-color-2:#FFEEEE;
	--theme-notice-background-color-3:#DDEEFF;
	--theme-notice-background-color-4:#E4D8FF;
	--theme-notice-background-color-5:#EFEFE1;
	
	--template-background-color-1: #f9f9f9;
}

.theme-fandomdesktop-dark {
	--theme-notice-background-color-1:#98874A;
	--theme-notice-background-color-2:#6B3B3B;
	--theme-notice-background-color-3:#82B4E5;
	--theme-notice-background-color-4:#8C7DAF;
	--theme-notice-background-color-5:#171716;
	
	--template-background-color-1: var(--theme-page-text-mix-color-95);
}

.skin-hydra {
	--theme-accent-color:#ccccff;
	--theme-accent-color--rgb:204,204,255;
	--theme-body-background-color:#fdfdfd;
}

/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
    -moz-border-radius-topleft: .5em;
    -moz-border-radius-topright: .5em;
}
#content {
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
}
.pBody {
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomright: 1em;
}
#footer {
    margin-top: -0.1em;
}
@media screen and (max-width:982px){
    #p-logo{
        left:0;
    }
}

ol.references > li:target {
    background: var(--theme-notice-background-color-3);
}
.reference:target {
    background: var(--theme-notice-background-color-3);
}

body.page-Main_Page h1.firstHeading {
    display:none;
}

@media print{
    .ns-0 .ambox,.ns-0 .navbox,.ns-0 .vertical-navbox,.ns-0 .infobox.sisterproject,.ns-0 .hatnote,.ns-0 .dablink,.ns-0 .metadata,.editlink,.navbar,.NavToggle,span.collapseButton,span.mw-collapsible-toggle,th .sortkey,td .sortkey{
        display:none !important;
    }
    #content cite a.external.text:after,.nourlexpansion a.external.text:after,.nourlexpansion a.external.autonumber:after{
        display:none !important;
    }
    table.collapsible tr,div.NavPic,div.NavContent{
        display:block !important;
    }
    table.collapsible tr{
        display:table-row !important;
    }
    #firstHeading{
        margin:0;
    }
    #content a.external.text:after,#content a.external.autonumber:after{
        word-wrap:break-word;
    }
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
    overflow: hidden;
    margin: 1em 0;
    padding: 0 40px;
}

/* Styling for Template:Quote */
.templatequote .templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}
/* Allow limiting of which header levels are shown in a TOC;
<nowiki><div class="toclimit-3"></nowiki>, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul {
    display: none;
}
.div-col {
	margin-bottom: 1em;
}
.div-col ul, .div-col ol{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.ul-column-count-3 > ul {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    list-style: inside none;
}
.ul-column-count-3 > ul > li {
    page-break-inside: avoid;
}
.column-count > ul {
    margin-top: 0;
}
.ul-column-count-3 > ul > li {
    column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.nocolbreak,div.columns li,div.columns dd dd{
    column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

/* Make the list of references smaller */
ol.references, div.reflist, div.refbegin {
    font-size: 90%;
    /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;
}
div.reflist ol.references {
    font-size: 100%;
    /* Reset font-size when nested in div.reflist */
    margin-bottom: 0;
    /* Avoid double margin when nested in div.reflist */
    list-style-type: inherit;
    /* Enable custom list style types */
}

/* Internet Explorer SVG fix, thanks to https://gist.github.com/larrybotha/7881691. Let's target IE to respect aspect ratios and sizes for img tags containing SVG files */
/* [1] IE9 */
.ie9 img[src$=".svg"] {
     width: 100%;
}
/* [2] IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src$=".svg"] {
         width: 100%;
    }
}

/* Footer text adjustment */
#footer #footer-icons {
    margin-top: -9.9px;
}
#footer #footer-icons li {
    padding: 0px;
}

/* Stats template equal width*/
.stats{
	display:inline-block;
	width:55px;
}

/* Main page */
/* Everything here is !important because many of the rules are declared on the elements themselves. */
.mpChunk:after {
    content: "";
    display: table;
    clear: both;
}
@media only screen and (max-width: 480px) {
    div.flex {
        display: block !important;
        margin-top: 0 !important;
    }
    div.flex > div {
        display: flex !important;
        flex-direction: column;
        width: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    div.flex .mpChunk {
        display: block !important;
    }
    div.flex > div > .mobilehide {
        display: none !important;
    }
}

/* Table wrapper to prevent ad siderail from overlapping wide tables at certain browser widths */
.table-wrapper {
    overflow: auto;
}
/* Scryfall Deck Adjustment */
.ext-scryfall-decksectiontitle {
	padding-right: .5em;
}
.ext-scryfall-deckentry {
	margin-bottom: 0.5em !important;
}