MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('http://fonts.cdnfonts.com/css/trajan-pro'); @import url('https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap');

/*-- General styles --*/ .page-header__title { font-family: 'Trajan Pro', 'Times New Roman', Times, serif; font-weight: 400; } .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: 'Hind', 'Rubik', Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .page__main, .page__right-rail, #mixed-content-footer { background-color: rgba(var(--theme-page-background-color--rgb), 0.95); } .page__right-rail .rail-module { background: transparent; } .fandom-community-header__community-name, .wds-tabs .first-level-item, .page-counter { text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; }

/*-- Infoboxes --*/ .portable-infobox { border-radius: 3px; overflow: hidden; } /* Fix infobox background color in the FandomDesktop dark theme */ .theme-fandomdesktop-dark .pi-background { background-color: rgba(var(--theme-accent-color--rgb),0.2); } .portable-infobox, .pi-data { border: 0; } .pi-data { padding-left: 0; padding-right: 0; column-gap: 0; } .pi-item-spacing { padding-top: 0; padding-bottom: 0; } .pi-data-label { background-color: rgba(var(--theme-accent-color--rgb),0.3); } .portable-infobox h2, .portable-infobox h3 { font-weight: 600; font-family: 'Rubik', Helvetica, Arial, sans-serif; text-transform: none; } .portable-infobox h3 { overflow-wrap: normal; } .pi-data-label, .pi-data-label~.pi-data-value { padding: 9px; }

/*-- Tables --*/ .article-table, .WikiaTable, .fandom-table { border-radius: 3px; overflow: hidden; } .article-table th, .WikiaTable th, .fandom-table th { background-color: var(--theme-border-color); } .fandom-table th, .fandom-table td { padding: 6px 12px; }

/*-- Template:Hatnote --*/ .hatnote { border-collapse: collapse; background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.05); border-left: 8px solid var(--theme-border-color); line-height: 1.5em; margin: 0 0 12px; padding: 10px; text-align: center; }

/*-- Template:MessageBox --*/ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: var(--theme-page-background-color--secondary); border-width: 1px; border-style: solid; border-left-width: 8px; border-color: var(--theme-border-color); border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid var(--theme-border-color); } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-page-text-color); cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: var(--theme-page-text-color--hover); } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/*-- Template:Quote --*/ .pull-quote { padding: 0; margin: 12px 24px !important; } .pull-quote:before { color: rgba(var(--theme-accent-color--rgb),0.5); font-size: 80px; margin: 0 0 -60px 0; font-weight: 900; font-family: 'Times New Roman', Times, serif; } p.pull-quote__text { margin-bottom: 0; font-style: normal; } .pull-quote__text, .pull-quote__source { padding-left: 40px; } .pull-quote__source:before { content: "—"; }

/*-- Template:LicenseBox --*/ .license-box { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }

/*-- Main Page --*/ .mainpage-module { margin: 0 auto 24px; } .mainpage-module h2 { font-family: 'Hind', 'Rubik', Helvetica, Arial, sans-serif; font-size: 24px; text-transform: uppercase; font-weight: 700; border: 0; margin: 24px 0 0 0; padding: 0 0 12px; }	box-shadow: inset 0 0 0 800px rgba(var(--theme-page-background-color), 0.2); display: flex; flex-direction: column; }	flex-grow: 1; }	padding: 24px; margin: 24px 12px 12px; } .mainpage-module.mp-highlight { background-color: rgba(var(--theme-accent-color--rgb),0.3); padding: 24px; border-radius: 3px; } .mp-highlight h2 { margin: 0; } .mainpage-module .mp-button { cursor: pointer; display: inline-block; } .mainpage-module .mp-button a { color: var(--theme-accent-label-color); }
 * 1) mainpage-hero {
 * 1) mainpage-hero div.mp-logo {
 * 1) mainpage-hero div.mp-stats {

/*-- Community Page --*/ .community-page-header-welcome-message, .community-page-subheader-welcome-message { font-family: 'Hind', 'Rubik', Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; font-weight: 700; }