MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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*/ /* container class due to conflict with curseprofile */ .stats-container .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; }