MediaWiki:Fandomdesktop.css

/* Fandom Desktop */ /* IMPORTS */ @import url("/load.php?mode=articles&articles=MediaWiki:CustomTabs.css|u:dev:MediaWiki:FandomIcons.css|MediaWiki:Navbox.css&only=styles");

/* Infobox Theming */ .theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab { color:white; }

.theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab.wds-is-current { color:white; }

.theme-fandomdesktop-dark .portable-infobox .wds-tabs { background-color:#a6420f; }

.theme-fandomdesktop-light .portable-infobox .wds-tabs__tab { color:white; }

.theme-fandomdesktop-light .portable-infobox .wds-tabs__tab.wds-is-current { color:white; }

.theme-fandomdesktop-light .portable-infobox .wds-tabs { background-color:#E2A688; }

/* Centered Tabber */ .tabber .wds-tabs__wrapper .wds-tabs { text-align: center; justify-content: center; } .portable-infobox .wds-tabs__tab { margin: 0 auto; }   justify-content: center; } .portable-infobox .wds-tabs__tab:first-child { margin-left: auto; } .portable-infobox .wds-tabs__tab:last-child { margin-right: auto; }
 * 1) mw-content-text .tabber ul.tabbernav {

/* Rarity Colors */ .rarity6 { background-image: linear-gradient(to right, #F9BF2B, #C97820); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; } .rarity5 { background-image: linear-gradient(to right, #EECC88, #DBC379); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; } .rarity4 { background-image: linear-gradient(to right, #6A4972, #6A4972); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; } .rarity3 { background-image: linear-gradient(to right, #545C7D, #545C7D); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; } .rarity2 { background-image: linear-gradient(to right, #496441, #496441); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; } .rarity1 { background-image: linear-gradient(to right, #C6C6C6, #C6C6C6); position: absolute; z-index:2; height: 6px; width: 80px; margin: auto; }

/* Miscellaneous */ .page-content h2:not(.pi-item) span.mw-headline, .page-content h3:not(.pi-item) span.mw-headline { background: linear-gradient(to top,rgba(var(--theme-link-color--rgb),0.2) 75%,transparent 75%,transparent 100%); } .page-content .external:after { content: " external"; font-family: 'FANDOM-Icons'; letter-spacing: -0.3em; font-size: 0.9em; margin-right: 0.4em; } .banner { width: 100%; height: 150px; background-position: center; background-size: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://static.wikia.nocookie.net/reverse1999/images/a/aa/Reverse_1999_Banner.png'); } .skillsub { color: grey; line-height: 0.8; } .header { margin:0; padding:3px 6px; border-radius: 3px 3px 0px 0px; background:#c54e12; color:white; font-family: 'Rubik', sans-serif; font-size:16px; text-transform:uppercase; text-align:center; } .flex { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

/* Boxes */ .box-outer1 { padding: 1px 3px 4px 3px; line-height: 0.2; } .box-outer2 { padding: 3px 3px 4px 3px; } .box-text { position: relative; top: 73px; text-align: center; z-index: 3; font-size: 14px; } .box-textbackground { background-color: #000000; opacity: 0.3; position: relative; z-index: 2; width: 80px; height: 20px; bottom: 20px; margin: auto; } .box-background { background-color: #30302E; position: relative; z-index: 1; width: 80px; height: 86px; margin: auto; } .box-banner { background-color: transparent; position: absolute; z-index: 1; right: 58px; bottom: 49px; }

.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: rgba(255, 255, 255, 0.7); border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; 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 #d6d6d6; }

.mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; }

.mbox__close:hover { color: #777; }

.mbox__close:after { content: '×'; }

.mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* Ensure text is readable in the FandomDesktop dark theme. */ .theme-fandomdesktop-dark .mbox { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }