MediaWiki:Universal.css

From MTG Wiki
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 imported into common and mobile css */

/* Import Keyrune.css */
@import "/index.php?title=MediaWiki:Keyrune.css&action=raw&ctype=text/css";

/*Implement "Horizontal Gibberish" Phyrexian font by @PhieOrDie (Stas.tk)*/
@font-face {
	font-family: 'PhyrexianHorizontal';
	src: url('/page/Special:FilePath/Phi_horizontal_gbrsh_9.8.woff2') format('woff2');
}

/* CSS variable definitions */
:root {
    --theme-body-dynamic-color-1: #000;
    --theme-body-dynamic-color-1--rgb: 0, 0, 0;
    --theme-body-dynamic-color-2: #3a3a3a;
    --theme-body-dynamic-color-2--rgb: 58, 58, 58;
    --theme-page-dynamic-color-1: #000;
    --theme-page-dynamic-color-1--rgb: 0, 0, 0;
    --theme-page-dynamic-color-1--inverted: #fff;
    --theme-page-dynamic-color-1--inverted--rgb: 255, 255, 255;
    --theme-page-dynamic-color-2: #3a3a3a;
    --theme-page-dynamic-color-2--rgb: 58, 58, 58;
    --theme-sticky-nav-dynamic-color-1: #000;
    --theme-sticky-nav-dynamic-color-1--rgb: 0, 0, 0;
    --theme-sticky-nav-dynamic-color-2: #3a3a3a;
    --theme-sticky-nav-dynamic-color-2--rgb: 58, 58, 58;
    --theme-link-dynamic-color-1: #fff;
    --theme-link-dynamic-color-1--rgb: 255, 255, 255;
    --theme-link-dynamic-color-2: #e6e6e6;
    --theme-link-dynamic-color-2--rgb: 230, 230, 230;
    --theme-accent-dynamic-color-1: #000;
    --theme-accent-dynamic-color-1--rgb: 0, 0, 0;
    --theme-accent-dynamic-color-2: #3a3a3a;
    --theme-accent-dynamic-color-2--rgb: 58, 58, 58;
    --theme-body-background-color: #f5f5dc;
    --theme-body-background-color--rgb: 245, 245, 220;
    --theme-body-background-image: none;
    /*
    --theme-body-background-image-full: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest?cb=20210615175730);
    --theme-body-background-image-desktop: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1280?cb=20210615175730);
    --theme-body-background-image-large-desktop: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1500?cb=20210615175730);
    --theme-body-background-image-mobile: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/600?cb=20210615175730);
    --theme-body-background-image-mobile-2x: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1200?cb=20210615175730);
    --theme-body-background-image-tablets: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1024?cb=20210615175730);
    --theme-body-background-image-tablets-2x: url(https://static.wikia.nocookie.net/mtgsalvation_gamepedia/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/2048?cb=20210615175730);
    */
    --theme-body-text-color: #000;
    --theme-body-text-color--rgb: 0, 0, 0;
    --theme-body-text-color--hover: #333333;
    --theme-sticky-nav-background-color: #f2f2df;
    --theme-sticky-nav-background-color--rgb: 242, 242, 223;
    --theme-sticky-nav-text-color: #000;
    --theme-sticky-nav-text-color--hover: #333333;
    --theme-page-background-color: #fdfff5;
    --theme-page-background-color--rgb: 253, 255, 245;
    --theme-page-background-color--secondary: #f0f2e9;
    --theme-page-background-color--secondary--rgb: 240, 242, 233;
    --theme-page-text-color: #3a3a3a;
    --theme-page-text-color--rgb: 58, 58, 58;
    --theme-page-text-color--hover: #6d6d6d;
    --theme-page-text-mix-color: #9c9d98;
    --theme-page-text-mix-color-95: #f3f5ec;
    --theme-page-accent-mix-color: #e5e6fa;
    --theme-page-headings-font: 'Rubik';
    --theme-link-color: #0645ad;
    --theme-link-color--rgb: 6, 69, 173;
    --theme-link-color--hover: #021d4a;
    --theme-link-label-color: #fff;
    --theme-accent-color: #ccccff;
    --theme-accent-color--rgb: 204, 204, 255;
    --theme-accent-color--hover: #6565ff;
    --theme-accent-label-color: #000;
    --theme-border-color: #cccec6;
    --theme-border-color--rgb: 204, 206, 198;
    --theme-alert-color: #bf0017;
    --theme-alert-color--rgb: 191, 0, 23;
    --theme-alert-color--hover: #59000a;
    --theme-alert-color--secondary: #bf0017;
    --theme-alert-label: #fff;
    --theme-warning-color: #cf721c;
    --theme-warning-color--rgb: 207, 114, 28;
    --theme-warning-color--secondary: #ca6f1b;
    --theme-warning-label: #000;
    --theme-success-color: #0c742f;
    --theme-success-color--rgb: 12, 116, 47;
    --theme-success-color--secondary: #0c742f;
    --theme-success-label: #fff;
    --theme-message-color: #753369;
    --theme-message-label: #fff;
    --theme-community-header-color: #0e191a;
    --theme-community-header-color--hover: #31585c;
    --theme-background-image-opacity: 100%;
    --theme-page-text-opacity-factor: 0.85;
    --theme-body-text-opacity-factor: 0.85;
    --theme-link-decoration: underline;
}

/* Module:CR */
.crDiv .crExample {
    margin: 0 0 0 1.6em !important;
}
.crTitle {
    margin: 0 !important;
}
.crBox {
    border: 1px solid var(--theme-border-color);
    padding: 0px 10px 10px 10px;
    margin: 10px;
    text-align: left;
}
/* Module:Tabber */
.page-tabber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    margin-bottom: 20px;
}
.page-tabber-tab {
    padding: .5em;
    border: solid var(--theme-accent-color--hover);
    white-space: nowrap;
    line-height: .95em;
}
.page-tabber-tab.active-tab {
    border-width: 2px 2px 0;
    font-weight: bold;
}
.page-tabber-tab.inactive-tab {
    border-width: 1px 1px 2px;
    background-color: var(--theme-page-background-color--secondary);
}
.page-tabber-separator {
    border-bottom: 2px solid var(--theme-accent-color--hover);
}
.page-tabber-separator.tail {
    width: 100%;
}
.subpages {
    display: none !important;
}

/* Main page */
.mp-portal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* Admin Noticeboard */
.anb-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Flags */
.flagicon img {
    min-width: 25px;
}

/* Scryfall Deck Adjustment */
.ext-scryfall-decksection h4 {
	margin-top: 1em;
}
.ext-scryfall-deck {
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.ext-scryfall-deckentry {
	margin-bottom: 0.5em !important;
}