MediaWiki:FandomMobile.css

/* CSS placed here will be applied to the FandomMobile skin */

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

/* GENERAL MODIFICATIONS */ .mw-page-title-main { font-family: 'Allerta Stencil', sans-serif, Rubik; text-transform: uppercase; }

/* Heading icon */ .mw-parser-output h2:not(.pi-header) { 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: 28px; }

/* TEMPLATES */ /* All infoboxes */ .portable-infobox-wrapper { width: 100%; margin: 15px auto; }

.skin-fandommobile:not(.fandommobile-fandom-theme) .portable-infobox { border: 2px solid #fec356; }

.skin-fandommobile .portable-infobox { padding: 0 5px; margin: 20px 8px; background-color: var(--theme-page-background-color); }

.pi-section-tab.wds-tabs__tab:first-of-type, .pi-section-tab.wds-tabs__tab:last-of-type { background-image: none; }

.pi-panel-scroll-wrapper:before { background-image: none; left: 0; }

.pi-panel-scroll-wrapper:after { background-image: none; right: 0; }

.pi-section-contents { max-height: 350px; }

.skin-fandommobile .pi-image-collection__image img { border: none; }

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

.pi-data-value img:nth-child(odd) { margin: 3px 0; border: 1px solid var(--theme-border-color); }

.wiki-page-header__hero-image { width: 96%; margin: 0 auto; border: none; }

.wiki-page-header__hero-image img { border: 1px solid var(--theme-border-color); border-radius: 4px; max-height: none; }

.skin-fandommobile .pi-image img, .skin-fandommobile:not(.fandommobile-fandom-theme) .pi-group:not(:first-child) .pi-data-value img { border: none; }

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

.skin-fandommobile:not(.fandommobile-fandom-theme) .pi-header { --wds-midlight-color: none; }

.skin-fandommobile .portable-infobox .pi-header-wrapper a { color: #ffffff; }

.skin-fandommobile:not(.fandommobile-fandom-theme) .pi-horizontal-group .pi-horizontal-group-item:not(:last-child) { border-right: none; }

.skin-fandommobile:not(.fandommobile-fandom-theme) .pi-group:not(:first-child) { border-top: none; }

.pi-group { margin: 0; padding-bottom: 0; }

.pi-group .pi-item:not(.pi-header) { padding: 0 12px; }

.pi-expand-button { border-radius: 2px; padding: 3px 0 !important; border: 2px solid var(--theme-accent-color); background-color: var(--theme-accent-color); position: unset !important; display: block; margin: 0 auto; margin-top: 5px; width: 80px; color: #fec356; }

/* Modified navboxes */ .article-table-wrapper { -webkit-overflow-scrolling: touch; border: 1px solid #dba540; -webkit-box-shadow: var(--fandommobile-box-shadow,none); box-shadow: var(--fandommobile-box-shadow,none); margin-bottom: 24px; overflow: auto; }

.skin-fandommobile:not(.fandommobile-fandom-theme) .article-table-wrapper table th { background-color: #fec356; text-align: center; color: black; }

.skin-fandommobile:not(.fandommobile-fandom-theme) .article-table-wrapper table th { color: black; }

.article-table-wrapper tr:not(:last-of-type),.article-table-wrapper tr>th { border-bottom: 1px solid #dba540; }

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

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

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

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

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

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

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