MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* IMPORTS */ @import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');

/* GENERAL MODIFICATIONS */ /* Page glow */ .WikiaPage { border: 1px solid #ab0f0f; -moz-box-shadow:0 0 10px #ab0f0f; -webkit-box-shadow:0 0 10px #ab0f0f; box-shadow:0 0 10px #ab0f0f; padding-top: 0 !important; position: relative; top: 10px; }

/* Heading icon */ .mw-parser-output h2 { background-image: url('https://static.wikia.nocookie.net/tokyo-revengers/images/4/46/Header_Icon.png/revision/latest?cb=20211124133739&format=original'); background-position: left; background-repeat: no-repeat; padding-left: 25px; }

.toc .toctitle h2 { background-image: url('https://static.wikia.nocookie.net/tokyo-revengers/images/4/46/Header_Icon.png/revision/latest/scale-to-width-down/15?cb=20211124133739&format=original'); padding-left: 20px; }

.toc .toctitle h2 .wds-icon { display: none; }

/* Wiki image styling */ .WikiaArticle .image-thumbnail img, .WikiaArticle .show-info-icon, .WikiaArticle .article-thumb { border: 1px solid #990000; } .WikiaArticle .portable-infobox .image-thumbnail img, .WikiaArticle .article-thumb .image-thumbnail img, .WikiaArticle table .image-thumbnail img { border: none; }

/* Scrollbar */
 * -webkit-scrollbar {

background-color: #1a1a1a; width: 12px; height: 10px; }


 * -webkit-scrollbar-thumb,
 * -webkit-scrollbar-thumb:hover {

background-color: #b90200; border-radius: 1px; }


 * -webkit-scrollbar-thumb:active {

background-color: #fec356; border-radius: 1px; }

/* Tabber */ ul.tabbernav li a { border:none !important; background: #ffffff !important; font-family: Helvetica !important; font-size: 12px !important; color: #444444 !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; }

ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.tabberlive .tabbertab { border: none !important; padding:10px 0px 5px 0px !important; }

ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; }

ul.tabbernav li a:active { background: transparent !important; }

ul.tabbernav li.tabberactive a { background:linear-gradient(#b20000, #b20000) !important; color:white !important; }

ul.tabbernav li.tabberactive a:active { background:linear-gradient(#b20000, #b20000) !important; color:white !important; }

/* MAIN PAGE */ /* Template styling */ .welcometext { color: #fec356; font-family: 'Allerta Stencil', sans-serif; text-transform: uppercase; line-height: 1cm; text-align: center; filter: drop-shadow(2px 2px 1px #1a1a1a); }

.firstline { font-size: 40px }

.secondline { font-size: 55px }

.welcomedescription { margin: 20px auto; max-width: 670px; font-size: 15px; text-align: center }

border: 2px solid #fec356; background: #b90200; color: white; text-transform: uppercase; font-size: 15px; font-weight: bold; text-align: center; margin: 1em auto; max-width: 650px; }
 * 1) welcomespoiler {

.welcomenav { font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center }

/* Rules that have staffbox and noticebox selectors are for Template:Staff Member and notice templates, respectively */ .staffbox, .mainpagebox { border: 2px solid #b90200; }

.staffbox-border2 { border: 2px solid #b90200; padding: 1px; margin: 0 auto 20px; width: 60%; }

.mainpagebox-border2 { border: 2px solid #b90200; padding: 1px; margin-bottom: 15px; width: auto; }

.staffbox th, .mainpagebox th { color: #ee1a26; font-size: 20px; font-family: 'Allerta Stencil', sans-serif; background: #fec356; }

.staffbox td, .mainpagebox td { padding: 4px; }

.story { font-style: italic; text-align: justify; padding: 0 30px 0 0; }

.characters, .affiliates, .featuredvideo, .officialtwitter, .latestrelease { width: 100%; }

.featuretemplate { font-size: 16px; text-align: justify; }

.readmore { font-size: 19px; text-align: center; }

.footer-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.08); border-right: 0; border-left: 0; }

.footer-bar:last-of-type { border-radius: 0 0 5px 5px; }

.footer-bar > * { flex-basis: calc(100% / 6); margin: 6px; }

.footer-bar .image > img { width: 100%; height: auto; border: none; }

/* TEMPLATES */ /* Tabs */ .trcenter { text-align: center }

.trtabs { min-width: 5.0em; max-width: 15em; display: inline-block; border: 1.5px solid #b20000; border-radius: 4px; padding: 0.25em 0.7em; height: 100%; margin-bottom: 10px; margin-left: 2px; font-weight: bold; text-align: center; }

.trtabs.active { background-color: #b20000; color: #FFBF00; font-size: 100%; }

/* General infoboxes */ .portable-infobox { width: 300px; }

.portable-infobox .pi-title { font-weight: bold; }

.portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { background: url(https://vignette.wikia.nocookie.net/tokyo-revengers/images/2/27/Infoboxborder.png) repeat-x left; color: #ffffff; text-align: center; }

.portable-infobox .pi-header a, .portable-infobox .pi-title a, .portable-infobox .pi-navigation a { color: #ffffff; }

.portable-infobox .pi-image { padding: 4px; }

.pi-border-color { border-color: #fec356; }

/* Arc, Event, and Time Leap Infoboxes */ .pi-theme-arc, .pi-theme-event, .pi-theme-timeleap {   float: none; margin: 25px auto; width: 550px; }

.pi-theme-arc .pi-image-collection .wds-tabs, .pi-theme-event .pi-image-collection .wds-tabs, .pi-theme-timeleap .pi-image-collection .wds-tabs { justify-content: center; flex-wrap: wrap; }

.pi-theme-arc .pi-data-value, .pi-theme-event .pi-data-value, .pi-theme-timeleap .pi-data-value { flex-basis: 100%; }

/* Template:Members and Template:Members/Position */ .members { border: 2px solid #b90200; width: 100%; margin-bottom: 24px; border-spacing: 0; text-align: center; padding: 0 0 20px 0; }

.members th { font-size: 18px; color: white; background-image: url(https://vignette.wikia.nocookie.net/tokyo-revengers/images/2/27/Infoboxborder.png); background-size: cover; border: 2px solid #b90200; }

.members-position { font-size: 15px; color: black; background: #fec356; border: 2px solid #fec356; text-align: center; margin: 30px 0; width: 100%; }

.members-position:first-child { margin: 0 0 30px 0; }

/* Modified navboxes */ .navibox { width: 100%; font-size: 13px; text-align: center; border-spacing: 3px; margin: 5px 0 5px 0; }

.navibox th { width: 200px; }

.first-level-navibox { border: 1px solid #fec356; }

.first-level-navibox th { background: #fec356; color: black; }

.first-level-navibox th a { color: black; }

.second-level-navibox { border: 1px solid #ab0f0f; }

.second-level-navibox th { background: #ab0f0f; color: white; }

.second-level-navibox th a { color: white; }

.first-level-navibox td, .second-level-navibox td { border: transparent; }

.navibox .mw-collapsible-toggle { position: static; right: 0.5em; }

/* General tables */ .trtable { border-left: 1px solid #b90200; border-spacing: 0; border-top: 1px solid #b90200; margin: 15px auto; width: 100%; }

.trtable th, .trtable td { border-bottom: 1px solid #b90200; border-right: 1px solid #b90200; padding: 5px; }

.trtable th { background-color: #fec356; }

.trtable th, .trtable th a { color: black; }

.timeleap { text-align: center; }

/* Template:MinorGang */ .minorgang { margin: 2.2em auto; }

.minorgang th { font-size: 18px; color: white; background-image: url(https://vignette.wikia.nocookie.net/tokyo-revengers/images/2/27/Infoboxborder.png); background-size: cover; border: 2px solid #b90200; line-height: 1.3em; padding: 10px; }

.minorgang-debut { width: 80%; height: 3em; background-color: #fec356; color: black; }

.minorgang-debut a { color: #a15e00; }

.minorgang-nihongo { font-size: 14px; }

/* Template:Portal */ background: url('https://vignette.wikia.nocookie.net/tokyo-revengers/images/1/1f/Portalborder.png') no-repeat center; }
 * 1) borderTR {

/* Template:Doodle */ .doodlebox { border: 2px solid #b90200; width: 220px; margin: 10px; display: inline-table; vertical-align: baseline; }

.doodlebox th { color: #ee1a26; font-size: 17px; font-family: 'Allerta Stencil',sans-serif; background: #fec356 }

/* Template:Timer */ .timer { color: var(--theme-link-color); }

/* Notice templates */ .noticebox { width: auto; margin: 2px auto 1em; position: relative; padding: 3px; text-align: center; font-size: 90%; }

/* Template:Documentation */ .documentation-box { border: 1px solid #b90200; clear: both; margin: 3em 0; }

.documentation-header { background-color: #b90200; color: white; padding: 1em; }

.documentation-subheader { font-size: 85%; }

.documentation-content { padding: 1em; }

.documentation-footer { background-color: #b90200; color: white; font-size: 85%; padding: 0.5em; text-align: right; }

/* STAFF */ /* Bureaucrats/Administrators */ a[href$=":Legendarykuroo"], a[href$="/Legendarykuroo"] { color: #ff7256 !important; font-weight: bold !important; }

img.avatar[alt="Legendarykuroo"], img.wds-avatar__image[alt="Legendarykuroo"], .wds-avatar a[title="Legendarykuroo"] img, a[href$=":Legendarykuroo"] img.wds-avatar { border-color: #ff7256 !important; }

a[href$=":Unok"], a[href$="/Unok"] { color: #66cdaa !important; font-weight: bold !important; }

img.avatar[alt="Unok"], img.wds-avatar__image[alt="Unok"], .wds-avatar a[title="Unok"] img, a[href$=":Unok"] img.wds-avatar { border-color: #66cdaa !important; }

a[href$=":Chieftaninx"], a[href$="/Chieftaninx"] { color: #6b8e23 !important; font-weight: bold !important; }

img.avatar[alt="Chieftaninx"], img.wds-avatar__image[alt="Chieftaninx"], .wds-avatar a[title="Chieftaninx"] img, a[href$=":Chieftaninx"] img.wds-avatar { border-color: #6b8e23 !important; }

a[href$=":Antimarleyan"], a[href$="/Antimarleyan"] { color: #ebc342 !important; font-weight: bold !important; }

img.avatar[alt="Antimarleyan"], img.wds-avatar__image[alt="Antimarleyan"], .wds-avatar a[title="Antimarleyan"] img, a[href$=":Antimarleyan"] img.wds-avatar { border-color: #ebc342 !important; }

/* Wiki Representative */ a[href$=":Legendary_Super_Saiyan_Fennekin"], a[href$="/Legendary_Super_Saiyan_Fennekin"] { color: #ff9430 !important; font-weight: bold !important; }

img.avatar[alt="Legendary_Super_Saiyan_Fennekin"], img.wds-avatar__image[alt="Legendary_Super_Saiyan_Fennekin"], .wds-avatar a[title="Legendary_Super_Saiyan_Fennekin"] img, a[href$=":Legendary_Super_Saiyan_Fennekin"] img.wds-avatar { border-color: #ff9430 !important; }

/* Content Moderators */ a[href$=":Chococreme"], a[href$="/Chococreme"] { color: #f288b2 !important; font-weight: bold !important; }

img.avatar[alt="Chococreme"], img.wds-avatar__image[alt="Chococreme"], .wds-avatar a[title="Chococreme"] img, a[href$=":Chococreme"] img.wds-avatar { border-color: #f288b2 !important; }

a[href$=":PJronq"], a[href$="/PJronq"] { color: #1ba0f1 !important; font-weight: bold !important; }

img.avatar[alt="PJronq"], img.wds-avatar__image[alt="PJronq"], .wds-avatar a[title="PJronq"] img, a[href$=":PJronq"] img.wds-avatar { border-color: #1ba0f1 !important; }

/* Plainslinks and wordmark template */ .plainlinks a.external::after { display: none; }

max-width:100%; height:55px; }
 * 1) wmDiv img {