MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css"; /* Stretch background */ body.mediawiki { background-size: 100% !important; }

/**********************************/ /* 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. */   font-family: 'Libre Baskerville', serif; }
 * 1) WikiaArticle h1, h2, h3, h4, h5, h6 {

.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; }

/* Article Activity Module Items */ .WikiaActivityModule li { margin: 0; padding: none; font-weight:500; }

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; font-size: 15px; 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    */ /**********************************/