MediaWiki:Wikia/Former.css

/* == 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 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+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");

/* == Main content== */ .WikiaMainContent { font-family:Rubik; }

/* == Themes == */ /* [ARS] Akuyaku Reijō no Shitsuji-sama */ .ARS, .page-table { border: 2px solid #916f0d; }

.ARS, .portable-infobox.pi-background, .page-table { background-color: #fff7e0; }

.ARS a:link, .ARS a:visited, .portable-infobox .pi-data a:link, .portable-infobox .pi-data a:visited, .page-table a:link, .page-table a:visited { color: #8c2ebf; }

.ARS .a { background-color: #ffd354; background-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%); background-repeat: no-repeat; }

.ARS .a, .ARS .a a:link, .ARS .a a:visited, .ARS .c, .ARS .c a:link, .ARS .c a:visited, .portable-infobox .pi-title, .portable-infobox .pi-tab-link, .portable-infobox .pi-group .pi-header, .page-table .a { color: #4a3a0d; }

.ARS .b { background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,218,112,0.7) 21%, rgba(255,218,112,1) 50%); }

/* == Infobox == */ .portable-infobox { border: 2px solid #423200; box-shadow: -5px 6px 2px 0 rgba(0,0,0,0.2); color: black; }

.portable-infobox .pi-title { padding: 10px; font-size: 25px; font-family: 'Grenze', serif; font-weight: 500; text-align: center; }

.portable-infobox .pi-image-collection-tabs { border-bottom: 5px solid #423200; font-size: 9px; font-weight: 500; line-height: 7px; text-align: center; text-transform: uppercase; }

.portable-infobox .pi-image-collection-tabs .current { background-color: #423200; color: white; font-weight: 500; }

.portable-infobox .pi-group .pi-header { padding: 7px; font-size: 16px; text-align: center; line-height: 16px; }

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

.portable-infobox .pi-navigation { font-size: 12px; text-align: center; padding: 8px; color: black; }

.portable-infobox .pi-group .pi-header, .portable-infobox .pi-navigation { font-family: 'IBM Plex Serif', serif; font-weight: 500; }

.portable-infobox .pi-navigation a:link, .portable-infobox .pi-navigation a:visited { color: #29220d; }

/* Image background color */ .portable-infobox.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; }

.page-table { border-collapse: collapse; font-size: 12px; margin-bottom: 1em; }

.page-table .a, .page-table .b { font-weight: 500; }

table.page-table tr td, table.page-table tr th { padding: 4px 6px; } .translations { text-align: center; }

/* == Navbox == */ .navbox { font-size: 12px; margin: 0 auto; width: 99%; }

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

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

.navbox .navbox-title { font-family: 'Grenze', serif; font-size: 20px; font-weight: 500; align-items: center; justify-content: center; text-align: center; display: flex; padding: 0.4em; }

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

.navbox .navbox-group { font-size: 10px; text-align: right; vertical-align: middle; }

.navbox-table-layout { margin-left: 10px; }

.navbox-table-layout .navbox-group { border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 0; width: 20%; }

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

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

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

/* == Infobox, table, and/or navbox styling == */ .portable-infobox, .navbox { border-radius: 10px; overflow: hidden; }

.portable-infobox .pi-title, .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-navigation, .page-table .a { background-color: #ffcd3d; }

.portable-infobox .pi-group .pi-header, .page-table .b { background-color: #ffda70; }

table.page-table tr td, table.page-table tr th { border: 1px solid white; }

/* == 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; }