MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /*=====================*/ /*       Global       */ /*=====================*/

body { background-size: cover; }

/*=====================*/ /*    Home Blocks     */ /*=====================*/

.home-block { margin-bottom: 15px; width:100% }

.home-block > div:first-child { background: rgb(0,0,0,0) linear-gradient(to bottom, #ff47d1 25%, #ff91af 75%) repeat scroll 0 0; color: white; font-size: 1.5em; line-height: 1.2em; font-weight: bold; padding: 7px; text-align: center; vertical-align: top; }

.home-block > div:not(:first-child) { background-color: transparent; border: 2px solid #ff91af; padding: 7px; }

/*===========*/ /*   Coin   */ /*===========*/

/* Main container */ .coins-container { margin: 0 auto; text-align: center; }

/* Coin */ .coin { margin: 0 0.5em 1em 0; display: inline-block; }

.coin > a { border-radius: 50%; display: block; height: 150px; overflow: hidden; width: 150px; }

.coin img { height: auto; width: 150px; }

.coin:hover img { transform: scale(1.5); transition: transform 0.2s; }

.coin b { font-size: 0.9em; padding: 0 5px; }

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle .mw-headline { font-family: 'Chango', Verdana, Helvetica, Arial, serif; } .3-gatsu-header-main { font-family: 'Chango', Verdana, Helvetica, Arial, serif; font-size:18px; } h1 { font-family: 'Chango', Verdana, Helvetica, Arial, serif; }

/* Infoboxes */

.pi-europa .pi-navigation { background-color: #9685DB; font-size: 16px; font-weight: bold; text-align: center; }

.pi-europa .pi-navigation a { color: #fff; }

/* Poll */ .ajax-poll { width: auto; border: 2px #fc04eb; } .pollAnswer:hover .pollAnswerVotes { border-color: #fc04f7; } .pollAnswerVotes div { background: #000000; background: -webkit-linear-gradient(to bottom right,#ff91af,#ef7798,	#ef648a); background: -moz-linear-gradient(to bottom right,#ff91af,#ef7798,	#ef648a); background: -o-linear-gradient(to bottom right,#ff91af,#ef7798,	#ef648a); background: linear-gradient(to bottom right,#ff91af,#ef7798, #ef648a) } .poll-entry{ margin-bottom: 8px; height: 20px; border: 1px solid #ff91af; } .poll-entry .percent { display: none; } .poll-entry:hover { border-color: #ff91af; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; } /* Customize Modulules */ .insights-module.insights-light.module, .insights-module.insights-dark.module, .HotSpotsModule.module, .CommunityCornerModule.module, .WikiaActivityModule.module, .content-review-module.module, .templatedraft-module.module, .WikiaArticle.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .WikiaRail.module, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { -webkit-box-shadow: 0 0 10px #ff91af; -moz-box-shadow: 0 0 10px #ff91af; box-shadow: 0 0 10px #ff91af rgb(0,0,0,0.25); letter-spacing: 0px; line-height: 20px; border-image: none; border-style: none; border-color: #ff91af; border-width: 2px; border-radius: 0px 25px 0px 25px; margin: 10px; font-weight: 400; font-family: 'Cambria', Verdana, Helvetica, Arial, serif; } .WikiaActivityModule .edited-by a { font-weight:500; padding-top: 8px; padding-bottom: 8px; color:#ff91af; } /** Activity Module **/ .rail-module.activity-module { margin: 30px 0; font-weight:500; font-family: 'Open Sans', sans-serif; } .activity-module .module > h2, .activity-items { padding: 10px; margin: 0 15px; font-weight:500; font-family: 'Open Sans', sans-serif; } /* Thumb restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #B2B2B2; overflow:hidden; } figcaption { margin:0px; } .article-thumb figcaption .caption { margin:8px; font-size:13px; color:#111; } .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; }

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

/* Thumb restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #B2B2B2; overflow:hidden; } figcaption { margin:0px; } .article-thumb figcaption .caption { margin:8px; font-size:13px; color:#111; } .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; }

/**********************************/ /* Font                          */ /**********************************/ @import url(https://fonts.googleapis.com/css?family=Tangerine); @import url(https://fonts.googleapis.com/css?family=Chango); @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); @import "//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles";

@import "//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles"; html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%;

}

/* Edit button fix: From the Yo-kai Watch Wikia to Sangatsu no Lion Wikia */ .edit-pencil { display: none; } .WikiaArticle .editsection { display: inline; float: right; font-weight: normal; }

/** UserMasthead **/ .UserProfileMasthead .wikis span, .UserProfileMasthead .details span { color: #ff91af; font-family: Trebuchet MS; } .tally { color: #ff91af; } .UserProfileMasthead .details li, .UserProfileMasthead .wikis ul li a { color: #ff91af; font-weight: 400; font-family: Trebuchet MS; } .UserProfileMasthead .tally a { color: #ff91af; font-weight: 700; font-family: Trebuchet MS; } .UserProfileMasthead .masthead-info-lower:before { border-color: #ef4c54 #ef4c4c transparent transparent; font-family: Trebuchet MS; }

/* WikiHeader text-shadow */ .WikiHeader > nav li.marked a:hover, .WikiHeader > nav .subnav-2 li a.subnav-2a:hover { text-decoration: none; font-variant: normal; font-weight: normal; text-shadow: 0px 0px 6px #000; } .WikiHeader > nav .subnav-2 li.marked2 a.subnav-2a:hover, .WikiHeader > nav .subnav-3 li a.subnav-3a:hover { text-decoration:none; text-shadow: 0px 0px 0px #000; }

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle { font-weight: 500; color: #000000; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 1px; line-height: 1.5em; }

.WikiaArticle i, .WikiaArticle em{ font-style:italic; font-weight: 500; } .WikiaArticle .mw-headline, .WikiaPageHeader h1 { font-family: 'Cambria', Verdana, Helvetica, Arial, serif; }

.WikiaArticle h2 { font-weight: 500; border-bottom: 2px solid #ff91af; margin-bottom: 0.6em; margin-top: 20px; }

.WikiaArticle h3 { font-weight: 400; }


 * lang(ja) {

font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Noto Sans Japanese', sans-serif; font-weight: 500; }

/* References restyling */ .references { font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; }

.references > li { margin-right: 25px; } /* Avoid background overlapping into 2nd column numbers. */

/* OVERRIDE */ .references > li:target, .reference:target { background-color: #DDEEFF; } /* END:OVERRIDE */

/* WikiHeader font color */ .WikiHeader > nav li.marked a, .WikiHeader > nav .subnav-2 li a.subnav-2a { color:#000; }

.WikiHeader > nav .subnav-2 li.marked2 a.subnav-2a, .WikiHeader > nav .subnav-3 li a.subnav-3a { color:#000000; } /* Buttons font color */ a.wikia-button, .wikia-single-button a, nav.wikia-menu-button a, input[type="submit"], input[type="reset"], input[type="button"], .button, #WikiaHeader nav ul li, #wpPreview { color: #000; } a.wikia-button.secondary, .wikia-single-button a.secondary, nav.wikia-menu-button.secondary a, nav.wikia-menu-button ul li a, nav.wikia-menu-button #wpPreview, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], button.secondary, button:not(.wds-button).secondary { color:#000000; }

/* Misc. font color */ .chat-total, .paginate_active { color:#000; }

span.button a { text-decoration: none; } /* DisplayTime font color */ color:#000; } /* Wikia Notifications font color */ .WikiaNotifications li div, .WikiaNotifications li div a { color:#000; }
 * 1) showdate a {

/* Classes that make a shadow appear when hovering */ .glow:hover { -moz-box-shadow: 0 0 3px #ff91af; -webkit-box-shadow: 0 0 3px #ff91af; box-shadow: 0 0 3px #ff91af; }

.glow-rounded:hover { -moz-box-shadow: 0 0 3px #ff91af; -webkit-box-shadow: 0 0 3px #ff91af; box-shadow: 0 0 3px #ff91af; -moz-border-radius:3ex; border-radius:3ex; }

/* Thumb restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #ff91af; overflow:hidden; } figcaption { margin:0px; } .article-thumb figcaption .caption { margin:8px; font-size:13px; color:#000; } .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; }

/* TOC restyling */ .toc { -moz-border-radius:1ex; border-radius:1ex; }

/* Tabber */ /*.tabbertab { border-width: 0; padding: 0; }*/ .tabberlive > ul.tabbernav > li { margin-right: 0.1em; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; }

.tabberlive > ul.tabbernav > li:first-child { margin-left: -3px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: -3px; }  .tabberlive .tabbertab { border-top: 1px solid #DC143C; border-bottom: 2px solid #DC143C; border-right: 2px solid #DC143C; border-left: 1px solid #DC143C; border-radius: 8px; background: rgb(255, 243, 249, 0.5); padding: 2px 0.3em; } .tabbernav { background: none; border-bottom: 0; padding: 2px 0; } ul.tabbernav li a { background: rgb(255,189,212,0.9); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border:1px solid #ffbdd4; /*border-width:1px 1px 0 1px; border-style:solid; border-color:black;*/ color: black; font-size: 10px; font-weight: normal; margin-top: 0; padding: 2px 0.3em; position: relative; } ul.tabbernav li.tabberactive a { background-color: #DC143C; /*border-top: 2px solid #DC143C; border-left: 2px solid #DC143C; border-right: 1px solid	#DC143C;*/ border-bottom: 1px solid #DC143C; color: white; cursor: default; font-size: 11px; font-weight: bold; padding: 2px 0.3em; }

ul.tabbernav li.tabberactive { line-height: 0; }

ul.tabbernav li.tabberactive:first-child a { margin-left: -6px; } .tabbertab .ajax-poll { border: none; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block; }

/* Tabview cutomization */ .ui-tabs .ui-tabs-nav .ui-tabs-selected a { color: #ff91af; font-weight: bold; }

/* User blog modifications */ header div.author-details { background-color: #ff91af; border:1px solid #ff91af; border-radius:0.7em; -webkit-box-shadow: 3px 3px 5px 0px #aaa; -moz-box-shadow: 3px 3px 5px 0px #aaa; box-shadow: 3px 3px 5px 0px #aaa; }

header div.author-details .avatar { width:50px; height:50px; border-radius:0.5em; overflow:hidden; margin-left:4px; }

/* WidgetNewPages */ .widgetTag .WidgetNewPages .widget_title { background-color:#ff91af; color:#000; border-bottom-right-radius:1em; border-top-right-radius:1em; }

/* Poll */ .ajax-poll { border-radius:1em; }

/* Reference Pop Ups */ .refpopups-box { border-radius: 1ex; }

/* Characters table */ .chartable { text-align:center; font-family:Trebuchet MS; } .chartable td { padding:0px; border:1px solid #aaaaaa; border-radius:1em; overflow:hidden; } .chartable th { border:1px solid #aaaaaa; border-radius:1em; }

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

/* New ting */ .wds-community-header__top-container, .wds-community-header__sitename a, .wds-tabs__tab-label a span, .wds-tabs__tab-label svg, .wds-tabs__tab-label span, .wds-community-header__wiki-buttons a, .wds-community-header__counter, .wds-community-header__wiki-buttons a svg, .page-header__contribution .wds-button-group a#ca-edit, .page-header__contribution .wds-button-group .wds-dropdown__toggle { color:#000000; }

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #c4e3ff; border-color: #0d48ea; font-size: 10px; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; } /**************/ /* Link hover */ /**************/ a:hover { text-shadow: #bf0371 0 0 1px; color: #ef0290; -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 { text-shadow: #bf0371 0 0 1px; color: #ff91af; -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; }

/**********************************/ /*       Admin Tag CSS           */ /**********************************/

a[href="/wiki/User:NastuDragneel6"] { color:#ff91af; font-weight: bold; text-shadow: #e75480 0 0 1px; }

/* Message Wall */ a[href="/wiki/Message_Wall:NastuDragneel6"] { color:#ff91af; font-weight: bold; text-shadow: #e75480 0 0 1px; }

/*Contributions */

a[href="/wiki/Special:Contributions/NastuDragneel6"] { color:#cc0028; font-weight: bold; text-shadow: #e75480 0 0 1px; }

/* User Blog */

a[href="/wiki/User_blog:NastuDragneel6"] { color:#cc0028; font-weight: bold; text-shadow: #e75480 0 0 1px; }

/* Messages */ body.ChatWindow section#WikiaPage > .Chat li[data-user="NastuDragneel6"] .username {	color:#b3002d; font-weight: bold; text-shadow: #c81919 0 0 2px } /* User's rail */ body.ChatWindow #Rail li[data-user="NastuDragneel6"] .username { color: #b3002d; font-weight: bold; text-shadow: #c81919 0 0 2px } /* Bureaucrat Tag */ .WikiaPage a[href$="User:NatsuDragneel6"]:after { background-color: #cc0028; border: 1px solid #ffc452; color: #000; content: "Bureaucrat"; font-weight: bold; margin-left: 5px; padding: 0 2px; border-radius:2px; }

/**********************************/ /*    End of Personalised CSS    */ /**********************************/