MediaWiki:Wikia.css

/* Imports */ @import url(https://fonts.googleapis.com/css?family=Chango); @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle { font-weight: 500; color: #000; 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 !important; } .WikiaArticle .mw-headline, .WikiaPageHeader h1 { font-family: 'Droid Serif', Verdana, Helvetica, Arial, serif; } .WikiaArticle h2 { font-weight: 500; border-bottom: 2px solid #ff7baa; margin-bottom: 0.6em; margin-top: 20px; } .WikiaArticle h3 { font-weight: 400 !important; }
 * lang(ja) {

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

/* Compact the TOC since it's somewhat ridiculous on some pages */ .WikiaArticle .toc { font-size: 90%; font-weight:300; } /* Fix line-height on lists and headings. It uses pixel values as well which screws it when the font-size is set smaller or larger. */ .WikiaArticle li { line-height: 1.6; } .WikiaArticle h2 { line-height: 1; } /* Edit button position */ .WikiaArticle .editsection { font-weight:300; float: right !important; margin-right: 10px !important; } /* User tags fixes */ a.tag { color: inherit; } .WikiaPage { border: 1px solid #ff5c5c; -moz-box-shadow:0 0 2px #ff5c5c; -webkit-box-shadow:0 0 2px #ff5c5c; box-shadow:0 0 2px #ff5c5c; } div.carousel-container div img.avatar { border:1px solid #ff7a7a !important; } li.see-all a { color:#000000 !important;background:#ff7a7a !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #ff7a7a !important; } /* Wiki Navigation Bar */ .WikiaHeader { background-color: #ff7a7a !important; background-image: -moz-linear-gradient(top, #ff7a7a 20%, #d10000 80%) !important; background-image: -webkit-gradient(linear,left top, left bottom, color-stop(80%, #ff7a7a), color-stop(20%, #d10000)) !important; } .WikiHeader nav { width: auto; height: 35px; border-radius: 8px 8px 0px 0px; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px -8px 0;} .WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;} .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { background-color: #ffd5f9 !important; background-image: linear-gradient(top, #ff7a7a, #d10000); background-image: -o-linear-gradient(top, #ff7a7a, #d10000); background-image: -moz-linear-gradient(top, #ff7a7a, #d10000); background-image: -webkit-linear-gradient(top, #ff7a7a, #d10000); border-radius: 0 8px 8px 8px; } .WikiHeader > nav li.marked { background-color: #ffd5f9; background-image: linear-gradient(top, #ff7a7a, #d10000 75%); background-image: -o-linear-gradient(top, #ff7a7a, #d10000 75%); background-image: -moz-linear-gradient(top, #ff7a7a, #d10000 75%); background-image: -webkit-linear-gradient(top, #ff7a7a, #d10000 75%); } .WikiHeader .navbackground {box-shadow: 1px 1px 1px #ffe0eb;} .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav li { border-bottom: none; } .WikiHeader .navbackground div { background-color: transparent; } .WikiHeader a { text-decoration:none; } .WikiHeader > nav li.marked > a {color: #000;} .subnav-2-item.marked2 a {text-shadow: 0 0 1px #d10000, 0 0 1px #d10000 !important;} .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;} .WikiHeader > nav .subnav-3 li a {text-shadow: 0 0 0 #fb719a !important;} .WikiHeader > nav li.marked .subnav-2 > li a { -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; } .WikiHeader > nav li.marked .subnav-2 > li a:hover { -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; text-shadow: 0 0 1px #ffbeef, 0 0 1px #ffbeef !important; } .WikiNav .navbackground .chevron { display: none; } height: 23px; width: 23px; } /* Fixing eras/banner alignment */ margin: 0 0 20px 0; } .editpage-sourcewidemode-on .edit-widemode-hide { display: none; } .oasis-hide { display: none; }
 * 1) title-seriesicons img {
 * 1) WikiaPageHeader {

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

width: 12px; box-shadow: 0 0 8px rgba(255, 102, 0, 0.6); }
 * -webkit-scrollbar-track {

background: transparent; -webkit-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); -moz-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); border: 1px solid #643302; border-radius: 12px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#ff7a7a, #eb0000); border: 2px solid #ffa142; border-radius: 12px; -webkit-box-shadow: 0 0 6px #ff7a7a; -moz-box-shadow: 0 0 6px #ff7a7a; box-shadow: 0 0 8px #ff7a7a; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#ffa142, #db730a); border: 2px solid #ff7a7a; border-radius: 12px; -webkit-box-shadow: 0 0 6px #eb0000; -moz-box-shadow: 0 0 6px #eb0000; box-shadow: 0 0 8px #eb0000; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#a82a00, #db730a); border: 2px solid #a82a00; border-radius: 12px; -webkit-box-shadow: 0 0 6px #a82a00; -moz-box-shadow: 0 0 6px #a82a00; box-shadow: 0 0 8px #a82a00; } /* Timer CSS */ /* Make the Edit menu drop open on hover*/ display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; }	visibility: visible; opacity: 1; } /* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) displayTimer { font-size: 12px !important; }
 * 2) showdate a { color: white !important; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button .drop:hover ~ ul,
 * 2) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement:hover {
 * 1) article div.thumb {

/* Thumb styling */ .article-thumb, .activityfeed-inserted-media li { -webkit-border-radius:1ex; -moz-border-radius: 1ex; border-radius: 1ex; border:1px solid #ff7a7a; overflow: hidden; empty-cells: hide; } figcaption { margin:5px; } .article-thumb figcaption .caption { margin: 5px; font-size: 12px; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; }

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

/* Link hover */ a:hover { color: #000000 !important; text-decoration:#FFA500; -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: #B35900 !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: black; }   text-decoration: underline; } /* Custom reference box */ .refpopups-box { border-color: #FF4500 !important; font-size: 12px !important; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

/* Comments Preview */ .cp-modal .cp-window { background-color: white !important; color: black }

/* External Link Arrow Removal */ .external:after { display: none !important; } /* Anime Halloween Banner */

.wds-banner-notification { background: #000; } .wds-warning .wds-banner-notification__icon { background-color:#000; } .wds-icon .wds-icon-tiny .wds-banner-notification__close, .wds-banner-notification__text { color:#ff9d3c; font-family:Rubik; } .wds-icon { fill:#ff9d3c } .wds-banner-notification a, .wds-banner-notification a:link, .wds-banner-notification__container a, .wds-banner-notification__container a:link, .wds-banner-notification__text a, .wds-banner-notification__test a:link { color:#ff9d3c!important; text-decoration:underline; font-family:Rubik; font-weight:600; }