MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Imports */ @import url('https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans+JP'); @import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"); /*===========================*/ /*   Interlanguage flags    */ /*===========================*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/* Custom Infobox Background */ .portable-infobox.pi-theme-Main { background-image: url("https://cdn.discordapp.com/attachments/930834615004958720/944344779481813092/MainBG.png"); background-size: cover; } .portable-infobox.pi-theme-Zero { background-image: url("https://cdn.discordapp.com/attachments/930834615004958720/944341425754083338/ZeroBG.png"); background-size: cover; } .portable-infobox.pi-theme-After { background-image: url("https://cdn.discordapp.com/attachments/930834615004958720/944344795164311592/AfterBG.png"); background-size: cover; } .portable-infobox.pi-theme-Main .pi-data-label, .portable-infobox.pi-theme-Main .pi-data-value, .portable-infobox.pi-theme-Zero .pi-data-label, .portable-infobox.pi-theme-Zero .pi-data-value, .portable-infobox.pi-theme-After .pi-data-label, .portable-infobox.pi-theme-After .pi-data-value { text-shadow: -1px 2px 4px #000000, 0 0 1em #4d0000, 0 0 0.2em #4d0000; }

/* Applying custom fonts to replace default */ font-family: 'Montserrat', sans-serif; }
 * 1) WikiaArticle, #WikiaRail {

font-family: 'Montserrat', sans-serif; }
 * 1) WikiaArticle h1, h2, h3, h4, h5, h6 {


 * lang(ja) {

font-family: 'Noto Sans JP', sans-serif; } /*Tabber for galleries and infobox*/ .gallery-tabber .tabberlive { margin-bottom: -10px !important; } .gallery-tabber .tabberlive .tabbertab { border: none !important; margin: 0 !important; padding: 0 !important; } .gallery-tabber ul.tabbernav { border: 1px solid #ddd !important; line-height: 15px !important; margin-bottom: -6px !important; padding: 5px 0; } .gallery-tabber ul.tabbernav li a { background-color: rgba(0,0,0,0.4); color: #fff !important; margin: 0px; padding: 5px 20px; border: 1px solid #555 !important; font-weight: normal !important; transition: .4s; } .gallery-tabber .wikia-gallery { margin: 10px 0 0 0 !important; border: 1px solid #ccc !important; } .gallery-tabber ul.tabbernav li a:link { color: black !important; } .gallery-tabber ul.tabbernav li a:hover { color: black !important; background-color: rgba(0,0,0,0.6); color: #fff !important; transition: .4s; } .gallery-tabber ul.tabbernav li.tabberactive a { background-color: rgba(0,0,0,0.6); color: white !important; text-shadow: 0 0 2px black; font-weight: bold !important; }

/* infobox customization */ .portable-infobox { width: 315px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-data-value:not(:first-child) { flex-basis: 200px; /* to fix the odd right side gap */ } .portable-infobox .pi-item-spacing{ padding: 6px 12px; }

/* Centered tabs in infoboxes */ .portable-infobox .wds-tabs { justify-content: center; text-shadow: 2px 2px 5px #000000, 0 0 1em #4d0000, 0 0 0.2em #4d0000; } .portable-infobox .wds-tabs__tab { border: 0; padding: 0; margin: 0; font-size: 7.5px; }

/* General */ .pi-caption { text-align: center; } .page-content ul.wds-tabs { list-style-type: none; justify-content: center; } /* Navigation Templates*/ .topbox { background: rgba(244, 186, 176, 0.06) !important; border: 1px solid #fff4f2; font-size: 85%; width: 100%; } .topbox-top { border-bottom: 0 solid transparent; border-radius: 0px 0px 0 0; } .topbox-alone { border-radius: 0px; } .topbox-bottom { border-radius: 0 0 0px 0px; text-align: center; } .topbox-bottom td { width: 50%; } .WikiaPage .page-header__separator { margin-bottom: 9px; }

/* Username highlights */ /***********************/ /* Admins */ a[href$="/wiki/User:NoGround"] {   color: #FFAE00 !important; font-weight: bold; } a[href$="/wiki/User:Supratim1986"] {   color: #f78094 !important; font-weight: bold; } a[href$="/wiki/User:LeXuS008"] {   color: #C195E8 !important; font-weight: bold; } /*Message Wall*/ a[href$="/wiki/Message_Wall:NoGround"] {   color: #FFAE00 !important; font-weight: bold; } a[href$="/wiki/Message_Wall:Supratim1986"] {   color: #f78094 !important; font-weight: bold; } a[href$="/wiki/Message_Wall:LeXuS008"] {   color: #C195E8 !important; font-weight: bold; }

/* Backgrounds */ .arifuretatheme { background: linear-gradient(to right, rgba(000, 000, 000, 0.0), rgba(000, 000, 000, 0.0)), url("https://cdn.discordapp.com/attachments/555989223866630149/569041776963223562/image0.png") center /  cover repeat fixed !important; } .zero-background { background-image: url("https://cdn.discordapp.com/attachments/555989223866630149/569043578849067014/image.png")!important; background-size: auto; }

/* Styles for table in Template:Welcome */ .welcome { width:				100%; margin-top:		1em; color:				var(--theme-page-text-color); text-shadow:		0 2px 7px #fff; } /* 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 #990100; margin: -1px 0 5px 0; } .tabs-main { background: #990100; border-style: solid; border-color: #990100; border-radius: 6px 6px 0px 0px; border-width: 2px 2px 2px 2px; color: transparent; float: left; font-size: 10px; font-weight: bold; margin: 0 5px 0 0; padding: 0.5em; justify-content: center; line-height: 1.3em; min-width: 98px; } .tabs-main-span { color: #fbf7f5; display: block; } .tabs-other { background: #000000; border-color: #990100; border-radius: 6px 6px 0px 0px; border-style: solid; border-width: 2px 2px 2px 2px; color: #FF4500; float: left; font-size: 10px; font-weight: bold; line-height: 1.3em; margin: 0 5px 0 0; min-width: 98px; padding: 0.5em; justify-content: center; }

/** Main Series **/ ul.tabs > [data-tab="flytabs_characters0"] a { color: #f9beb3; font-style: italic; font-weight: bold; } /** Zero **/ ul.tabs > [data-tab="flytabs_characters1"] a { color: #b5f0ff; font-style: italic; font-weight: bold; }

/** * References Styling Changes. * * -Reduce the size of the references to make them fit better. * -Use 2column layout for neatness when the browser will support it. (Ignore validator errors) * -Highlight active references to help navigation. * 	(Default highlight is a light blue. Individual wiki may copy the OVERRIDE section to pick another color.) */ .references { font-size: 90%; } /* OVERRIDE */ .references > li:target, .reference:target { background-color: #DDEEFF; } /* END:OVERRIDE */

max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

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

/* Profiles */ .avatar { border-radius: 50%; border: 2px solid #191919; } .UserProfileMasthead .masthead-info hgroup { background-size: contain; background-repeat: no-repeat; background-position: right; background-image: var(--xx) !important; border-radius: 0 !important; font-family: Didact Gothic; } .UserProfileMasthead .masthead-info { border-radius: 0 !important; }

/* Thumb restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #e85353; overflow:hidden; } figcaption { margin:0px; } .article-thumb figcaption .caption { margin:8px; font-size:13px; color:#ffffff; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; } .article-thumb:hover, .gallerybox:hover { -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa; } .gallerybox div.thumb { width:140px; } .picture-attribution { display:none !important; } /* TOC restyling */ .toc { -moz-border-radius:1ex; border-radius:1ex; } /* 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; }

/* Navigation bar rounding */ .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0 0.85em 0.85em; } .WikiHeader > nav li:first-child { border-radius: 0.85em 0 0 0; } .WikiHeader > nav li:last-child { border-radius: 0 0.85em 0 0; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a { border-radius: 0.85em 0.85em 0 0; } .WikiHeader nav { border-radius: 1em 1em 0 0; } .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav .subnav-3 { border-radius: 0 0.85em 0.85em 0.85em; } .GlobalNavigation .subnav { border-radius: 0 0 0.85em 0.85em; border-color: #e85353; } /* End of Navigation bar rounding */ /* Add (redirect) to the end of redirects in categories and Special:AllPages lists */ .redirect-in-category:after, .allpagesredirect:after { color: #e85353; content: " (redirect)" }

/* Custom Tabber */ ul.tabbernav {font-family: 'Comfortaa', cursive !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {color:#9F9F9F  !important; border-bottom: 2px solid #c1a8a8  !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color: #9F9F9F !important; border-bottom: 2px solid #c1a8a8  !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:#9F9F9F !important; border-bottom: 2px solid #760000 !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li.tabberactive a {color:#9F9F9F !important; border-bottom: 2px solid #c80101 !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #FF0000 !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

a.tag { color: inherit; }

/* Styles for the Quote template */ .cquote { display:				table; -webkit-border-radius:	10px 10px 10px 10px; -moz-border-radius:		10px 10px 10px 10px; border-radius:			10px 10px 10px 10px; padding:				0.2em; margin-bottom:			1em; text-align:				center; } .cquote-left { color:					var(--theme-page-text-color); font-size:				35px; font-family:			'serif', helvetica; font-weight:			bold; text-align:				left; padding:				8px 5px 0px 5px; } .cquote-right { color:					var(--theme-page-text-color); font-size:				35px; font-family:			'serif', helvetica; font-weight:			bold; text-align:				right; padding:				0px 5px 0px 5px; } .cquote-text { padding:				0px 30px 0px 25px; text-align:			justify; color:					var(--theme-page-text-color); } .cquote-source { font-size:				12px; text-align:				right; color:					var(--theme-page-text-color); margin-left:			10px; margin-right:			10px; } /* Styles for the SA template, and other similar templates */ .stub, .revision, .missing-info, .spoiler-alert { width:					auto; margin-bottom:			1.5em; text-align:				left; padding:				10px; clear:					both; -webkit-border-radius:	10px 10px 10px 10px; -moz-border-radius:		10px 10px 10px 10px; border-radius:			10px 10px 10px 10px; background-color:		#100c08; border:					3px #990000 solid; font-size:				100%; } .theme-fandomdesktop-light .stub, .theme-fandomdesktop-light .revision, .theme-fandomdesktop-light .missing-info, .theme-fandomdesktop-light .spoiler-alert { background-color:		#ffe6e6; } .stub th, .revision th, .missing-info th, .spoiler-alert th { pointer-events:			none; } .stub td, .revision td, .missing-info td, .spoiler-alert td { color:					#990000; }

/* Styles for the Manga Navbox */ .manga-nav { clear:					both; background-color:		transparent; border:					1px solid gold; width:					100%; margin:					50px auto 0px; } .manga-nav th { text-align:				center; background-color:		var(--theme-accent-color); color:					#ffffff; font-size:				95%; padding:				1px 5px 1px 8px; text-shadow:			0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000; } .manga-nav th a { color:					#ffffff; } .manga-series { width:					17%; text-align:				center; font-size:				90%; background-color:		var(--theme-page-background-color--secondary); padding-right:			5px; /*	text-shadow:			0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000; */ } .manga-chapters { padding-left: 5px; font-size:95%; } .manga-subheading { width:					8%; text-align:				center; font-size:				90%; background-color:		#be0032; color:					#ffffff; padding-right:			5px; text-shadow:			0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000; } .noprint.plainlinks.navbar { /* this is for the v*e links in the template header (very old fashioned :) */ float:					left; width:					6em; text-align:				left; font-weight:			normal; font-size:				xx-small; color:					#ffffff; } .noprint.plainlinks.navbar .navlink { color:					#ffffff; }

/* Sytles for tags */ .page__main poem, .poem { border:				1px dashed red; color:					var(--theme-page-text-color); padding:				0.5em; }

/* Styles for stat tables */ .stat-table { font-size:				90%; width:					100%; } .stat-table tr th { text-align:				center; background-color:		#990000; color:					#ffdf00; } .stat-table th:last-of-type { background-color:		#000000; } .stat-table td:first-of-type { color:					#ffdf00; font-weight:			bold; background-color:		#2d2d2d; } .stat-table tr td { text-align:				center; }