MediaWiki:Wikia.css

/* ==== TABLE OF CONTENTS ==== Search for a [KEYWORD] to find the corresponding section you're looking for. [IMPORTS] [BACKGROUND] [INFOBOX] [TABLE] {NAVBOX] [GALLERY STYLING] [LICENSEBOX] [THEMES] Default, ARS [JAPANESE] [REFERENCE POPUPS]

==== TERMS ==== a - primary header color b - secondary header color c - highlight color (for borders and etc.)

/* ==== [IMPORTS] ==== */

/* Fonts: - Grenze: 100, 200, 300, 400, 500, 600, 700, 800, 900 (non-italic and italic) - IBM Plex Serif: 100, 200, 300, 400, 500, 600, 700 (non-italic and italic) - Noto Sans JP: 100, 300, 400, 500, 700, 900 (non-italic only; Japanese) - Noto Serif JP: 200, 300, 400, 500, 600, 700, 900 (non-italic only; Japanese) - Rubik: 300, 400, 500, 600, 700, 800, 900 (non-italic and italic) - Rubik Mono One: 400 (non-italic only) @import url('https://fonts.googleapis.com/css2?family=Grenze:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Rubik+Mono+One&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* NavboxBuilder */ @import url("//dev.fandom.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles");

/* ==== [BACKGROUND] ==== */ .skin-oasis { background-size: 100%; background-size: cover; }

/* ==== [INFOBOX] ==== */ .portable-infobox { border: 2px solid var(--c-bg-border-color); border-collapse: collapse; border-radius: 10px; box-shadow: var(--box-shadow); color: black; overflow: hidden; }

.portable-infobox.pi-background { background-color: var(--bg-color); }

.portable-infobox .pi-image-collection-tabs { background-color: var(--a-bg-color); border-bottom: 5px solid var(--c-bg-border-color); font-size: 10px; font-weight: 500; line-height: 5px; text-align: center; text-transform: uppercase; }

.portable-infobox .pi-tab-link { color: var(--a-text-color); }

.portable-infobox .pi-image-collection-tabs .current { background-color: var(--c-bg-border-color); color: var(--c-text-color); font-weight: 500; }

.portable-infobox .pi-title { background-color: var(--a-bg-color); color: var(--a-text-color); font-family: 'Grenze', serif; font-size: 25px; font-weight: 500; padding: 10px; text-align: center; }

.portable-infobox .pi-group .pi-header { background-color: var(--b-bg-color); color: var(--b-text-color); font-family: 'IBM Plex Serif', serif; font-size: 16px; font-weight: 500; line-height: 16px; padding: 7px; text-align: center; }

.portable-infobox .pi-data { padding: 7px 13px 7px 13px; }

.portable-infobox .pi-data:hover { background-color: var(--hover-bg-color); }

.portable-infobox .pi-data a:link, .portable-infobox .pi-data a:visited { color: var(--link-color); }

.portable-infobox .pi-horizontal-group-item.pi-data-value, .portable-infobox .pi-horizontal-group-item.pi-data-label { text-align: center; }

.portable-infobox .pi-navigation { background-color: var(--a-bg-color); color: var(--a-text-color); font-family: 'IBM Plex Serif', serif; font-size: 12px; font-weight: 500; padding: 8px; text-align: center; }

.portable-infobox .pi-navigation a:link, .portable-infobox .pi-navigation a:visited { color: var(--a-text-color); }

.pi-theme-white .pi-image { background-color: white; }

/* ==== [TABLE] ==== */ .full-width { width: 100%; min-width: 660px; max-width: 990px; }

.half-width { width: 50%; min-width: 330px; max-width: 445px; }

.translations { text-align: center; }

.translations tr td:nth-child(1) { font-weight: bold; }

.translations tr td:nth-child(2) { font-style: italic; }

.page-table { background-color: var(--bg-color); border: 2px solid var(--c-bg-border-color); border-collapse: collapse; font-size: 12px; }

.page-table a:link, .page-table a:visited { color: var(--link-color); }

table.page-table tr td, table.page-table tr th { border: 1px solid var(--table-border-color); padding: 4px 6px; }

.page-tablea, .page-table.a, .page-table .a { background-color: var(--a-bg-color); color: var(--a-text-color); font-weight: 500; }

.page-tableb, .page-table.b, .page-table .b { background-color: var(--b-bg-color); color: var(--b-text-color); font-weight: 500; }

/* ==== [NAVBOX] ==== */ .navbox { background-color: var(--bg-color); border: 2px solid var(--c-bg-border-color); border-radius: 10px; font-size: 12px; margin: 0 auto; overflow: hidden; width: 99%; }

.navbox, .navbox .navbox-title { display: inline-block; position: relative; }

.navbox .navbox-title { align-items: center; background-color: var(--a-bg-color); background-image: var(--navbox-image); background-repeat: no-repeat; color: var(--a-text-color); display: flex; font-family: 'Grenze', serif; font-size: 20px; font-weight: 500; justify-content: center; padding: 0.4em; text-align: center; }

.navbox .navbox-title a:link, .navbox .navbox-title a:visited { color: var(--a-text-color); }

.navbox .navbox-list a:link, .navbox .navbox-list a:visited { color: var(--link-color); }

.navbox-table { border-collapse: collapse; }

.navbox-table .navbox-padding { padding: 10px; }

.navbox .navbox-group, .navbox .navbox-subgroup { background: var(--b-bg-color); font-size: 10px; text-align: right; vertical-align: middle; }

.navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { border: 1px solid var(--table-border-color); }

.navbox-table-layout .navbox-group { width: 20%; }

.navbox-table-layout .navbox-subgroup { width: 15%; }

.navbox-table .navbox-list { padding: 1em; vertical-align: middle; }

.navbox-above, .navbox-base { padding: 4px !important; }

.navbox-above { position: relative; /* double-border bug-fix */ }

/* ==== [GALLERY STYLING] ==== */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; }

/* ==== [LICENSEBOX] ==== */ .licensebox { background-color: var(--b-bg-color); border: 2px solid var(--c-bg-border-color); border-radius: 10px; font-size: small; margin-bottom: 1em; padding: 10px 20px 10px 20px; text-align: center; }

/* ==== [THEMES] ==== */

/* Default */ .WikiaMainContent, .WikiaRail { font-family:Rubik; }

.WikiaArticle h2 { margin-top: 1em; }

/* ARS - Akuyaku Reijō no Shitsuji-sama */ .ARS, .pi-theme-ARS, .page-table, .navbox { --box-shadow: -5px 6px 2px 0 rgba(0,0,0,0.2); --bg-color: #fff9e8; --hover-bg-color: #ffdf80; /* used by infobox */ --text-color: black; --link-color: #39b037; --a-bg-color: #ffcd3d; --a-text-color: #362a09; /* currently same with --b-text-color */ --b-bg-color: #ffde7d; --b-text-color: #4a3a0d; /* currently same with --a-text-color */ --c-bg-border-color: #423200; --c-text-color: white; --table-border-color: #e8ae09; --navbox-image: url("https://static.wikia.nocookie.net/akuyaku-reijo-no-shitsujisama/images/9/90/ARS_theme_header_background.png/revision/latest?cb=20201204172638"), linear-gradient(to right, white 25%, transparent 60%); --navbox-group-bg: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,218,112,0.7) 21%, rgba(255,218,112,1) 50%); }

/* ==== [JAPANESE] ==== */ .jTemplate { font-weight: normal; font-style: normal; } .jTemplate .romaji { font-style: italic; } .jTemplate .lit:before { content: '“'; } .jTemplate .lit:after { content: '”'; } .jTemplate .help { font-size: 9px; font-weight: bold; line-height: 0; vertical-align: super; }

/* ==== [REFERENCE POPUPS] ==== */ .refpopups-box { background-color: white; font-family: Rubik; font-size: 13px; }