MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /**********************************/ /* Font                          */ /**********************************/ @import url(https://fonts.googleapis.com/css?family=Libre+Baskerville|Chango|earlyaccess/notosansjapanese.css); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css&only=styles";

/* == NavFrame == */ .NavFrame { background: #f9f9f9; border: 1px #aaa solid; padding: 5px; } .NavFrame .NavHead { background: #fba0a0; border: 1px #aaa solid; text-align: center; font-weight: bold; } .NavFrame .NavContent { padding: 5px 0 } .collapsibleButton { font-weight: normal } .collapsibleLink { color: #002BB8 }

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle .mw-headline { font-family: 'Libre+Baskerville', serif; }

.Haruchika-header-main { font-family: 'Libre+Baskerville', serif; font-size:18px !important; }

font-family: 'Libre+Baskerville', serif; color:#a1c7ba; }
 * 1) WikiaMainContent h1 {

.portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; }

/* Poll */ .ajax-poll { width: auto !important; border: 2px #04fc90 !important; } .pollAnswer:hover .pollAnswerVotes { border-color: #04fc9c; } .pollAnswerVotes div { background: #000000 !important; background: -webkit-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: -moz-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: -o-linear-gradient(to bottom right,#a1c7ba,#77efb7,	#64efb2) !important; background: linear-gradient(to bottom right,#a1c7ba,#77efb7, #64efb2) !important } .poll-entry{ margin-bottom: 8px; height: 20px; border: 1px solid #a1c7ba; } .poll-entry .percent { display: none; } .poll-entry:hover { border-color: #a1c7ba; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; } /* Customize Modules */ .WikiaRail .rail-module, .insights-module.insights-light.module, .insights-module.insights-dark.module, .RelatedVideosModule, .CommunityCornerModule, .LatestPhotosModule, .ChatModule, .WikiaPagesOnWikiModule, .WikiaImageModule, .WikiaArticleCategories, .FollowedPagesModule, .FollowedPagesModule.module, .HotSpotsModule.module, .CommunityCornerModule.module, .WikiaActivityModule.module, .WikiaActivityModule, .content-review-module.module, .templatedraft-module.module, .WikiaArticle .thumbinner, .WikiaArticle.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .WikiaRail.module, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .UserProfileAchievementsModule, .AchievementsModule, .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: 1px 1px 3px #bdffdb, -1px -1px 3px #bdffdb !important; -moz-box-shadow: 1px 1px 3px #bdffdb, -1px -1px 3px #bdffdb !important; box-shadow: 1px 1px 3px #bdffdb, -1px -1px 3px #bdffdb !important; letter-spacing: 1px; line-height: 20px; border-image: none; font-weight: 500; padding: 10px !important; margin: 15px !important; background: rgba(224, 255, 238,0.2) !important; } .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#7affbf, #00ec9d); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #7affbf 30%, #00ec9d 70%, #7affbf 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #8cf9c3; font-weight: 500; font-size: 1.5em !important; line-height: 1em !important; text-align: center; text-shadow: none !important; /*text-transform: uppercase */; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaActivityModule .edited-by a { font-weight:500; padding-top: 8px; padding-bottom: 8px; } .module.recent-activity-module, .activity-module, .rail-module.activity-module { padding-left: 10px !important; letter-spacing: 0px; } .ChatWidget .wds-button.wds-is-secondary, .WikiaRail .rail-module .wds-button.wds-is-secondary { color: #7affbf; border-color: #7affbf; } /* Article Activity Module Items */ .WikiaActivityModule li { margin: 0; padding: none; font-weight:500; }
 * 1) WikiaSpotlightsModule,
 * 1) WikiaRail .rail-module .edit-info-user { color: #32ef6d; }
 * 2) WikiaRail .activity-icon, .WikiaRail .rail-module h2.has-icon svg { fill: #32ef6d; }

a.tag { color: inherit; } /* Back-to-top Button Format */ background: none; background-color: green; color: white; border: none; }   text-decoration: underline; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

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

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

html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; }

.UserProfileMasthead .masthead-info { background: url(https://vignette.wikia.nocookie.net/justiceleagues/images/4/4b/Rem.png/revision/latest?cb=20180702030318) bottom right no-repeat; }

/* Slight change for avatar */ .UserProfileMasthead .masthead-avatar .avatar { border: 3px ridge #4CB687 !important; }

/* Wikia Profile Masthead Infobox */ .UserProfileMasthead .masthead-info { box-shadow: 0 3px 15px 0 #3C9185; border-radius: 6px; background-color: #EDF7F6; } .avatar { border-radius: 2em; } .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { border-radius: 100%; box-shadow:0 0 20px black; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

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

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

.WikiaArticle i, .WikiaArticle em { font-style:italic; font-weight: 500 !important; }

.WikiaArticle .mw-headline, .WikiaPageHeader h1 { font-family: 'Catamaran', Verdana, Helvetica, Arial, serif; }

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

.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 */

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

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

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

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

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

/* WidgetNewPages */ .widgetTag .WidgetNewPages .widget_title { background-color:#a1c7ba; 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 {

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

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