MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* CSS placed here will be applied to all skins */ /* Custom Font */ @import url(https://fonts.googleapis.com/css?family=Righteous|Allerta|Candal|Mitr:wght@500|Istok+Web:wght@700|Fjalla+One|Lexend+Deca|Francois+One|Passion+One&display=swap); @import url('https://fonts.googleapis.com/css?family=Raleway|Rubik|Laila|Quicksand|Cabin'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Noto+Sans+JP');

@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");

/* 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: #097ec1; color: white; font-family: 'Open+Sans', sans-serif; font-weight: bold; text-align: center; }

.portable-infobox { border: 1px solid #097ec1; 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; }

/** -- Infobox Tabbers -- **/

.pi-image-collection-tab-content { background-color: transparent; }

.portable-infobox .pi-image-collection-tabs { background-color: transparent; padding: 4px 0; text-align: center; }

.portable-infobox.pi-image-collection-tab-content { background-color: transparent; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { border-style: none; color: #ffd700; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: transparent; color: #fff; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:after { color: #e6e6e6; content: "|"; padding-right: 3px; width: 1em; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after { content: none; }

/* -- End of Infobox Overrides -- */

/* -- Custom Tabber -- */

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

ul.tabbernav li a:link { color: white !important; }

ul.tabbernav li a:hover { background: #ff1414 !important; border-color: #000 !important; color: #fff !important; text-shadow: 0 0 0.5em #000!important; }

ul.tabbernav li.tabberactive a { background-color: #8b0000 !important; }

ul.tabbernav li a { -khtml-border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; background: #cecaca !important; border-radius: 0.5em; border: 1px solid #000 !important; color: #fff !important; margin-left: 0 !important; margin-right: 3px; text-shadow: 0 0 0.5em #000!important; }

.tabberlive .tabbertab { border: none !important; }

.tabber > ul.tabbernav { border-bottom: none; line-height: 29px; margin: -4px 0; padding: 0; }

.tabberlive .editsection { display: none; } .portable-infobox .wds-tabs__tab:first-child { margin-left: auto; }

.portable-infobox .wds-tabs__tab:last-child { margin-right: auto; }

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

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

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

width: 10px; }
 * -webkit-scrollbar-track {

background: white; }
 * -webkit-scrollbar-thumb {

background: #2055C7; }
 * -webkit-scrollbar-thumb:hover {

background: #4179F4; } /* TOC Restyling */ .toc { -moz-border-radius: 1ex; border-radius: 1ex; } /* Documentation */ .doc { border: 2px solid var(--theme-link-color); } .doc_head { background-color: var(--theme-link-color); padding: 1em; color: #fff; } .doc_head a { color: #fff !important; } .doc_body { padding: 0.5em; } .doc_foot { background-color: var(--theme-link-color); padding: 1em; color: #fff; font-size: 85%; text-align: right; } .doc_foot a { color: #fff !important; }

/* Navigation */ /** NavBar **/ .navbar { position: absolute; left: 7.5px; font-size: 75%; width: 50px; color: inherit; } .navbar a { color: inherit !important; }

/** NavBox **/ /*** Main ***/ .nav { width: 100%; font-size: 90%; position: relative; clear: both; } .nav th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav th a { color: #fff !important; } .nav td { color: var(--theme-link-color); padding: 5px; text-align: left; }

/*** Wide Parent ***/ .nav-wide-parent { width: 100%; font-size: 100%; position: relative; clear: both; border: 2px solid; border-image: linear-gradient(to bottom, var(--theme-link-color), transparent) 10; } .nav-wide-parent th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav-wide-parent th a { color: #fff !important; } .nav-wide-parent td { font-size: 100%; padding: 0 5px; }

/*** Wide ***/ .nav-wide { width: 100%; font-size: 95%; position: relative; clear: both; } .nav-wide th { color: #fff; background-color: var(--theme-link-color); font-weight: bold; text-align: center; } .nav-wide th a { color: #fff !important; } .nav-wide td { font-size: 100%; padding: 0 5px; }

/*** Arc ***/ .nav-arc { width: 100%; clear: both; font-size: 90%; margin-top: -0.25em; text-align: center; border: none; background: none; float: center; } .nav-arc th { background-color: var(--theme-link-color); color: #fff; font-weight: bold; padding: 7.5px; } .nav-arc th a { color: #fff !important; }

/**** Head ****/ .nav-arc_head { width: 100%; padding-top: 5px; padding-bottom: 5px; } .nav-arc_head th { padding: 5px; } .nav-arc_head th:nth-child(odd) { font-size: 90%; width: 20%; } .nav-arc_head th:nth-child(even) { font-size: 100%; }

/**** Subhead ****/ .nav-arc_subhead { width: 100%; margin-top: -0.40em; } .nav-arc_subhead th { padding: 2.5px; } .nav-arc_subhead th:nth-child(odd) { font-size: 90%; width: 10%; } .nav-arc_subhead th:nth-child(even) { font-size: 95%; }

/**** Body ****/ .nav-arc_body { width: 100%; font-weight: normal; font-size: 100%; padding: 2.5px; color: var(--theme-link-color); }

/* Collapsible Toggle */ .mw-collapsible-toggle { font-size: 90%; font-weight: normal; text-transform: lowercase; margin-right: 5px; font-family: Monospace; } .mw-collapsible-toggle a { color: inherit; } .refpopups-box { background: none repeat scroll 0 0 #e8f6f8 !important; border-color: #ff98aa !important; font-size: 12px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; }

/* Link hover */ a:hover { color: #fff !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } a:hover a:active { color: #004bb9!important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

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

/* Link Preview */ .npage-preview { background: #004bb9; border: 1px solid #004bb9; box-shadow: 0 0 5px #004bb9; overflow: hidden; padding: 10px; position: fixed !important; top: 5px !important; } .npage-preview-noimage { display: none; }

/* 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 #004bb9; margin: -2px 0 5px 0; } .tabs-main { background: #004bb9; border-style: solid; border-color: #004bb9; 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: #004bb9; 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: #004bb9; display: block; }

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