MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles"; @import url("/load.php mode=articles&only=styles&articles=u:dev:MediaWiki:SpoilerBlur/code.css|MediaWiki:ModernCommentsSection.css|MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:TransparentToolbar.css|u:dev:MediaWiki:CustomSlider.css|MediaWiki:Wikia.css/Slider.css|u:dev:MediaWiki:Highlight.css"); /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27');

/* Wikia Rail */ .WikiaRail .rail-module, .WikiaRail .module { border: none !important; border-radius: 7px !important; box-shadow: 1px 1px 3px lightgrey !important; padding: 15px; background: rgb(255,255,255,0.6) !important; margin: 0 0 30px; }

.theme-fandomdesktop-dark .WikiaRail .rail-module, .WikiaRail .module { border: none !important; border-radius: 7px !important; box-shadow: 1px 1px 3px #fa005a !important; padding: 15px; background: rgb(0 0 0 / 60%) !important; margin: 0 0 30px; }

.theme-fandomdesktop-dark .right-rail-wrapper { --right-rail-text-color: #ff0c0c; --right-rail-text-color--rgb: var(--theme-page-dynamic-color-1--rgb); color: #ffcfcf; }

/* Gallery - Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; box-shadow: 1px 1px 3px grey; } .wikia-gallery-caption-below .lightbox-caption { font-size: 80% !important; } .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption { padding: 0px !important; }

/* Tabber */ .tabbernav { border: none; border-bottom: 10px solid blue!important; }

.tabbernav a { border: none !important; background: transparent !important; padding: 0.2em !important; font-family: "Josefin Sans", sans-serif; font-size: 150%; color: blue !important; } .tabbernav a:hover { color: purple !important; }

.tabberactive a { color: purple !important; }

.mainpage .char-element img { border-radius:50%; border: 2.5px dotted purple; padding: 2px; width: 140px; height:auto; } .mainpage .char-element img:hover { transform: scale(0.9); transition: transform 0.3s; } .tabbertab { border: none !important; } /**For Portal **/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; }

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #02bdb0; border-bottom: 3px ridge #02bdb0; } .discord-widget .widget-footer { border-top: 3px ridge #02bdb0; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/seiken-gakuin/images/5/5c/Light_Novel_V4_Illustrations_3.jpg); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #02bdb0; background-color: #02bdb0; } .discord-widget .widget-member .widget-member-name { background-color: #02bdb0; } .discord-widget .widget-btn-connect { color: #fff; background-color: #02bdb0; border: 1px solid #02bdb0; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #02bdb0; border: 1px solid #02bdb0; text-decoration: none; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: #02bdb0; border: 3px solid #02bdb0; border-radius: 10px; } .thumb.show-info-icon .thumbcaption p { font-size: 12px; line-height: 16px; margin: 0px; }

/* Infobox */ /* General Styling for Portable Infobox */ .portable-infobox .pi-data-label { color: #3a3a3a; font-weight: bold; }

.portable-infobox .pi-data { color: #3a3a3a; }

.pi-title, .pi-header, .pi-header { background-color: #006cb0; color: white; font-family: 'Open+Sans', sans-serif; font-weight: bold; text-align: center; }

.portable-infobox { border: 1px solid #006cb0; padding: 2px; }

.portable-infobox.pi-background { background-color: transparent; }

.pi-europa .pi-title { font-size: 14px; line-height: 24px; }

.pi-europa .pi-header { font-size: 12px; line-height: 18px; }

.pi-europa .pi-item-spacing { padding: 5px 10px; }

.pi-horizontal-group .pi-data-label { text-align: center !important; }

.pi-horizontal-group .pi-data-value { text-align: center !important; }

/* Spoiler */ .spoilerblur { filter: blur(2.5px); -webkit-filter: blur(2.5px); opacity: .20; display: inline; -webkit-transition: all 0.5s 0 linear; -moztransition: all 0.5 0 linear; -o-transition: all 0.5s 0 linear; -ms-transition: all 0.5s 0 linear; transition: all 0.5s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -ms-transition-delay: 0.25s; transition-delay: 0.25s; }

/* Main Page Tabview ID */ .tabs { border: 0; margin: 0; overflow: hidden; color: #ffffff; padding: 0; justify-content: center; width: 100%; } .tabs-hr { width: 100%; border-top: 2px solid #006cb0; margin: -2px 0 5px 0; } .tabs-main { background: #006cb0; border-style: solid; border-color: #006cb0; border-radius: 6px 6px 0px 0px; border-width: 2px 2px 0 2px; color: transparent; float: left; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; padding: 0.5em; text-align: center; line-height: 1.3em; min-width: 98px; } .tabs-main-span { color: #ffffff; display: block; } .tabs-other { background: transparent; border-color: #006cb0; border-radius: 6px 6px 0px 0px; border-style: solid; border-width: 2px 2px 0 2px; color: transparent; float: left; font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 0 5px 0 0; min-width: 98px; padding: 0.5em; text-align: center; } .tabs-other-span { color: #006cb0; display: block; }

/ ** Image Caption ** /

.page-content .thumbcaption { background: #ff9; border-radius: 0 0 3px 3px; text-align: center; } .page-content .thumbcaption { color: var(--theme-page-text-color); font-size: 12px; font-weight: 400; line-height: 1.5; padding: 6px 3px 3px; position: relative; }

/* Disable "Add Images" button */
 * 1) wmuLinkDiv {display:none !important}
 * 2) wmu-imagebutton {display:none !important}
 * 3) wmu_imagebutton {display:none !important}
 * 4) mw-editbutton-wmu {display:none !important}
 * 5) wmuLink {display:none !important}

/* References styling */ -moz-border-radius-topleft: 1.2em; -webkit-border-top-left-radius: 1.2em; border-top-left-radius: 1.2em; border: 1px solid #006cb0; list-style-position: inside; margin-bottom: 3px; margin-left: 5px; max-height: 230px; overflow: auto; padding: 0.5em; font-size: 11px; } .references > li:target, .reference:target { background-color: #DDEEFF; }
 * 1) mw-content-text .references {

ol.references > li:target, sup.reference:target, span.citation:target { background-color:#16a5fe; } sup.reference { font-weight: normal; font-style: normal; font-size: 80%; line-height: 95%; }

/* Warning template*/ .warningtemplate { background-color: whitesmoke; border: 2px solid #f66; color: black; margin: 0.8em 0; padding: 0.5em 12px; box-shadow: 0 0 6px rgba(0,0,0,0.66); } .warningtemplate em { color: maroon; font-size: 1.25em; }

/* Template:Header/Line css */ .line_header:before, .line_header:after { background: #006cb0; display: inline-block; position: relative; vertical-align: middle; content: ""; width: 20%; height: 2px; } .line_header:before { right: 12px; } .line_header:after { left: 12px; }

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

/* Make the Edit menu drop open on hover*/ .page-header > .wikia-menu-button > .WikiaMenuElement { display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; } .page-header > .wikia-menu-button .drop:hover ~ ul, .page-header > .wikia-menu-button > .WikiaMenuElement:hover { visibility: visible; opacity: 1; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) content div.thumb {

/* Make the paper icon on image thumbnails not affect layout and be translucent * this avoids empty captions wasting space on pages. */ .page-content .thumb { position: relative; } .page-content .thumb > .magnify { position: relative; /* relative to .thumb */ right: 3px; bottom: 4px; opacity: 0.15; margin: 0; padding: 0; float: none; } .page-content .thumb > .magnify:hover { /* Reveal on hover */ opacity: 1; }

/* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Hides image attribution on articles */ div.picture-attribution { display:none !important; }

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #006cb0 !important; border-color: #006cb0 !important; font-size: 12px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; }

/*-*/ /* Portable Infobox - Tabs */ /*-*/ .portable-infobox .wds-tabs { justify-content: center; } .portable-infobox .wds-tabs .wds-tabs__tab { background: #fff; border-style: none; margin: 0; padding: 0; font-weight: bold; } /*-*/ /* Portable Infobox - Section Tabs */ /*-*/ .portable-infobox .wds-tabs__tab { text-align: center; flex: auto; }

/* Back-to-top Button Format */ color: white; }   text-decoration: underline; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

/* Centered Tabs */ .page-content ul.wds-tabs { list-style-type: none; margin: 0; padding: 0; justify-content: center; }

/* Scroll bar */
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 6px rgb(22,165,254); }
 * -webkit-scrollbar-track {

background: #fff !important; border: 1px solid #006cb0; }
 * -webkit-scrollbar-thumb {

background: #16a5fe; border: 1px solid #006cb0; }

/* TOC */ background-color: transparent; border-left: 4px solid #006cb0 !important; border: none; padding: 12px !important; }
 * 1) toc {

/* Dark Mode Themes */

.theme-fandomdesktop-dark .portable-infobox .wds-tabs .wds-tabs__tab { background: #0e191a; border-style: none; margin: 0; padding: 0; font-weight: bold; }

.theme-fandomdesktop-dark .portable-infobox .pi-data-label { color: #ddc5ff; }

.theme-fandomdesktop-dark .portable-infobox .pi-data { color: #ffbfbf; }

.theme-fandomdektop-dark .box { background: #0e191a; border-left: 5px solid #e60000; }