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');

/* GLOBAL 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 { padding-left: 30px; }

/* 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 */ .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: 13px; 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 }

.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 */ /* 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 and Event Infoboxes */ .pi-theme-arc, .pi-theme-event { float: none; margin: 25px auto; width: 550px; }

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

.pi-theme-arc .pi-data-value, .pi-theme-event .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 */ .navbox { width: 100%; font-size: 13px; text-align: center; border-spacing: 3px; margin: 5px 0 5px 0; }

.navbox th { width: 200px; }

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

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

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

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

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

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

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

.navbox .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: 0 auto; width: 100%; }

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

.trtable tr:first-child th, .trtable thead th { background-color: #fec356; }

.trtable tr:nth-child(n+2) th { background-color: var(--theme-page-background-color--secondary); }

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

.timeleap { text-align: center; }

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

/* 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 */ /* Administrators/Bureaucrats */ 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: #fff7a1 !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: #fff7a1 !important; }