MediaWiki:Common.css

@import "/load.php?articles=MediaWiki:Infobox.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Templates.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Character.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Home.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:MobileFix.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Lyrics.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Card.css&only=styles&mode=articles"; /* fonts */ @import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade'); /* used for Natsume's spell */

/* list of imported local CSS: - Infobox.css: CSS for infoboxes - Templates.css: for CSS that is primarily used in templates - Character.css: for character navigation and other character-related CSS - Home.css: CSS for the home page - MobileFix.css: QOL fixes for the desktop view of the wiki on mobile and smaller screens - Lyrics.css: lyrics infobox + colour-coding - Card.css: card pages

/*** CSS placed here will be applied to all skins on the entire site. ***/

.page__main { user-select: none !important; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* --- start of highlighted usernames --- */ /* INSTRUCTIONS:

The order that names appear on this list determine which title takes precedence. A user will be marked by the last entry in this list, no matter how many entries they have. These are called "special" users A user will be marked with the last designation on this list that they have:
 * Rollbacker
 * Chat moderator
 * Administrator
 * Bureaucrat
 * Former Admins

/* staff */ a[href$="Amagiiz"] { color: #ba2636 !important; } a[href$="Mikaenstars"] { color: #00b1ab !important; } a[href$="Ochacolate"] { color: #e86b93 !important; } a[href$="Midori42"] { color: #127500 !important; } /* --- end of highlighted usernames --- */

/* start of Timer */ font-size: 12px !important; }	color: white !important; } /* end of Timer */
 * 1) displayTimer {
 * 1) showdate a {

/* start of Navigation Hover Class */ .hovernav img { opacity: 0.55; filter: alpha(opacity=55); /* For IE8 and earlier */ } .hovernav img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* end of Navigation Hover Class */

/* Search Bar Image */ .WikiaSearch input[type="text"] { background: #fbe7b5 url(https://vignette.wikia.nocookie.net/ensemble-stars/images/a/ab/Hajime_Tanabata_Searchbar.png/revision/latest?cb=20160701201642) no-repeat right top !important; border: 1px solid #fdf8ec; border-radius: 6px; color: #000000; margin-right: 4px !important; }

/* --- start of general styling --- */

u { text-decoration-color: #FDC66F; } /* --- end of general styling --- */

/* prevents story headers from following the user when scrolling */ .fixed-header { transform: unset !important; }

/* start of tooltips */ .main-tooltip { font-size: small; color:#333; border: 1px solid #B4A685; border-radius: none; padding: 0px; box-shadow: none; margin: none; min-width: 100px; max-width: 250px; }   font-size: small; color: #333; padding: 0px; } .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { color: #333; font-size: small; font-style: italic; line-height: 0; } /* end of tooltips */
 * 1) tooltip-wrapper {

/* --- start of UserTags --- */ a.tag { color: inherit; } .tag-container > .tag:first-child { margin-left: 1ex; } .tag.usergroup-bureaucrat { background-color: gold !important; color: black !important; } .tag.usergroup-featured { background-color: blue !important; color: white !important; } .tag.usergroup-fluffer { background-color: gold !important; color: black !important; } .tag.usergroup-inactive { background-color: gray !important; color: white !important; } /* --- end of UserTags --- */

/* Remove slider background */ .wikiaPhotoGallery-slider-body { background: none !important; }

/* Hide add picture to gallery button */ .wikia-gallery-add { display: none !important; }

/* 	Allow limiting of which header levels are shown in a TOC; , for instance, will limit to   showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which   there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* Individual Chapter Jump-to-Top Button */ .jumpToTop, height: 24px !important; color: white; background: #1d3dc7 !important; border-radius: 0; box-shadow: none; }
 * 1) themeJump {

/* --- site-wide Back-to-Top Arrow --- */ /* transparency & hover */ opacity: 0.7; transition: .5s; }   opacity: 1; } /* --- end of site-wide Back-to-Top Arrow --- */
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn div:hover {

/* -- annotation text color for guides -- */ .theme-fandomdesktop-light .mako-text { color: #3333A4; }

.theme-fandomdesktop-dark .mako-text { color: #B09CC8; }

/* Paragraph Spacing */ .page-content p, .page-content section { margin: 0 0 1em; }

.page-content p + p { margin: 1em 0; }

/* BRING ARTICLE-TABLE BACK */ .article-table, .wikitable { background: none; border: 1px solid var(--theme-border-color); border-collapse: collapse; border-radius: 3px; border-spacing: 0; color: var(--theme-page-text-color); margin: 0; } .article-table > caption, .wikitable > caption { border: solid var(--theme-border-color); border-width: 1px 1px 0; font-size: 16px; font-weight: 500; line-height: 1.75; padding: 8px 12px; } .article-table tr th, .wikitable tr th { background-color: var(--theme-page-background-color--secondary) } .article-table tr td, .wikitable tr td { background-color: transparent } .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { border: 1px solid var(--theme-border-color); padding: 8px 12px; } .article-table .fixed-header, .wikitable .fixed-header { box-shadow: 0 0 10px 0 rgba(14, 25, 26, .2); outline: 1px solid var(--theme-border-color); position: relative; transform: translateY(var(--fixed-table-header-offset)); transition: all .3s; z-index: 1 } .article-table .fixed-header th, .wikitable .fixed-header th { position: relative }

.table-scrollable{ margin: 0px; }

.ooui-theme-fandomooui .article-table, .ooui-theme-fandomooui .WikiaTable, .ooui-theme-fandomooui .wikitable { box-sizing: inherit !important; }

table img { max-width: 100%; height: auto; }

body[class*="_-_Story"] table td:not([colspan="2"]) img[src*="Render"] { height: 15vw; min-height:100px; max-height:200px; min-width:60px; max-width:200px; width:auto; object-fit:contain; }

.main-container { min-width:300px; }

/* adjusts discord banner width to match current sidebar width */ .discordBanner img { max-width: 300px; }

/* adjusts references in dark mode */ .theme-fandomdesktop-dark ol.references li:target, sup.reference:target { background-color: #eaf3ff22; }

/* TOC */ .page-content #toc { float:left; margin: 0px 36px 20px 0px; display: block; background: var(--theme-page-background-color--secondary); border: solid 1.5px var(--theme-border-color); border-radius: 5px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1); transition: box-shadow 0.1s ease; }

.page-content #toc:hover { box-shadow: 0px 0px 6px 0px rgba(0,0,0,.15); }

.page-content #toc > div { border: none }

.page-content #toc > div svg:not(:first-child) { display: none; }

.page-content #toc > ul { border-top: solid 1.5px var(--theme-border-color); }

.page-content #toc > ul a { transition: all 0.1s 0s ease; }

.page-content #toc > ul a:hover { transform: translateX(3px); }

/* article comments header */ .ArticleCommentsHeader-container .mw-parser-output { background-color: var(--theme-page-background-color--secondary); padding: 10px 15px; border-radius: 3px; }

/* --- TimeMediaHandler styling start --- */ .mediaContainer, .k-player { width: 75px !important; background: none; }

.k-player .control-bar { border: none; border-radius: 3px; background: #5fd8fe; }

.ui-state-default.ui-corner-all.ui-icon_link.rButton.timed-text, .k-player .time-disp { display: none; pointer-events: none !important; width: 0px !important; }

.ui-icon.ui-icon-play { margin-top: -10px !important; margin-left: -4px !important; }

.ui-icon.ui-icon-pause { margin-top: -9px !important; margin-left: -6px !important; }

.ui-slider-range.ui-widget-header.ui-slider-range-min { margin-top: 1px; }

.k-player .rButton { margin-top: 0; margin-right: 4px; }

.k-options { display: none; pointer-events: none !important; } /* --- TimeMediaHandler styling end --- */

/* header colors */ .theme-fandomdesktop-dark .banner1 { background-color: #1a54d7; text-align: center; padding: 3px 10px; }

.theme-fandomdesktop-dark .banner1 .mw-collapsible-text { color: var(--theme-page-text-color); }

.theme-fandomdesktop-light .banner1 { background-color: #4a8ff6; text-align: center; color: white; padding: 3px 10px; }

.theme-fandomdesktop-light .banner1 .mw-collapsible-text { color: white; }

.theme-fandomdesktop-dark .banner2 { background-color: #5785F7; text-align: center; padding: 3px 10px; }

.theme-fandomdesktop-dark .banner2 .mw-collapsible-text { color: var(--theme-page-text-color); }

.theme-fandomdesktop-light .banner2 { background-color: #89ABFA; text-align: center; color: white; padding: 3px 10px; }

.theme-fandomdesktop-light .banner2 .mw-collapsible-text { color: white; }

.theme-fandomdesktop-dark .banner1 a, .theme-fandomdesktop-dark .banner2 a { color: var(--theme-page-text-color); text-decoration: underline yellow; }

.theme-fandomdesktop-light .banner1 a, .theme-fandomdesktop-light .banner2 a { color: white; text-decoration: underline yellow; }

/* other styling */ .link-color { color: var(--theme-link-color); }

/* restyling red links now that their class has changed */ a[classname*=new] { color:var(--theme-alert-color); } a[classname*=new]:active, a[classname*=new]:focus, a[classname*=new]:hover { color:var(--theme-alert-color--hover); }