MediaWiki:Common.css

@import "//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css&only=styles"; @import 'https://fonts.googleapis.com/css?family=Lato:400,700';

.WikiaPage, .WikiaArticle { font-family: lato, sans-serif; }

/*--- Bureaucrat ---*/ a[href$="/wiki/User:Colinholo"]:not(.extiw):not(.external), a[href$="/wiki/User:Merugo"]:not(.extiw):not(.external), a[href$="/wiki/User:Mizuhashi07"]:not(.extiw):not(.external), a[href$="/wiki/User:Rage_gtx"]:not(.extiw):not(.external), a[href$="/wiki/User:Zetsuen"]:not(.extiw):not(.external) { font-weight: bold; color: #ff5400 !important; text-shadow: 1px 1px 0 #ffffff, 2px 2px 5px #ff5400; }

/*--- Admin ---*/ a[href$="/wiki/User:Djamboe"]:not(.extiw):not(.external) { font-weight: bold; color: #1b94a0 !important; text-shadow: 1px 1px 0 #fff, 2px 2px 5px #1d8c92; }

.WikiaArticle h2{ border-bottom-color: #006cb0; }

.WikiaArticle h2 .mw-headline{ text-shadow: 0px 0px 15px #006cb0; }

.portable-infobox{ border: 1px solid #bdd8e8; padding: 2px; background-color: #fff; }

.portable-infobox .pi-title{ text-align: center; font-weight: bold; text-shadow: 0px 0px 15px #fff; background-color: #006cb0; color: #fff; }

.portable-infobox ul.tabbernav{ border: none; text-align: center; font-family: inherit; }

.portable-infobox ul.tabbernav li.tabberactive a{   border: none; background-color: #bfdaeb; }

.portable-infobox ul.tabbernav li a { border: none; background-color: #fff; margin-left: 5px; }

.portable-infobox .tabber .tabbertab{ border: none; padding: 0; }

.portable-infobox .pi-data:hover { background-color: rgba(191,218,235,0.2); transition: background-color 0.2s linear; }

.portable-infobox .pi-data-label{ text-shadow: 0px 0px 10px #a8ddff; }

/*--- HOME ---*/

.home-segment { border: 2px solid #006cb0; border-width: 5px 0 3px 0; border-bottom-color: #aad9f7; padding: 0 0 25px 0; }

.home-segment .segment-title { background-color: #006cb0; padding: 10px 15px; text-align: right; color: #fff; font-size: 24px; margin-bottom: 20px; display: inline-block; }

.home-segment .segment-content { text-align: center; }

border: 2px dashed #072d5f; display: inline-block; border-radius: 50%; width: 100px; height: 100px; margin: 10px; position: relative; box-shadow: 0 0 10px #acc6e8; background: url(/wiki/Special:Filepath?file=Wiki-wordmark.png) center; background-size: 110px; transition: all 0.3s; }
 * 1) home-chara > div {

transform: scale(1.1); box-shadow: 0 0 10px #2ba2e2; }
 * 1) home-chara > div:hover{

position: absolute; bottom: 5px; right: -5px; color: #fff; text-shadow: 0 0 10px #072d5f; font-weight: bold; font-size: 18px; }
 * 1) home-chara > div > span {

color: #fff; text-decoration: none; }
 * 1) home-chara > div > span a{

background-image: url(/wiki/Special:Filepath?file=satouchar.jpeg); }
 * 1) home-chara > div:nth-of-type(1) {

background-image: url(/wiki/Special:Filepath?file=arisachar.jpeg); }
 * 1) home-chara > div:nth-of-type(2) {

background-image: url(/wiki/Special:Filepath?file=luluchar.jpg); }
 * 1) home-chara > div:nth-of-type(3) {

background-image: url(/wiki/Special:Filepath?file=lizachar.jpg); }
 * 1) home-chara > div:nth-of-type(4) {

background-image: url(/wiki/Special:Filepath?file=pochichar.jpg); }
 * 1) home-chara > div:nth-of-type(5) {

background-image: url(/wiki/Special:Filepath?file=tamachar.jpg); }
 * 1) home-chara > div:nth-of-type(6) {

background-image: url(/wiki/Special:Filepath?file=miachar.jpg); }
 * 1) home-chara > div:nth-of-type(7) {

background-image: url(/wiki/Special:Filepath?file=nanachar.jpg); }
 * 1) home-chara > div:nth-of-type(8) {

/*--- END OF HOME ---*/

/* --- NOVEL INFO --- */

.novel-volume{ margin-bottom: 5px; } .novel-volume .left-entry{ width: 150px; vertical-align: top; text-align: center; } .novel-volume img{ border: 5px solid #fff; outline: 1px solid #006cb0; } .novel-volume .right-entry{ width: 200px; vertical-align: top; text-align: center; padding-top: 5px; } .novel-volume .volume-title{ font-weight: bold; color: #006cb0; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: 10px; text-align: left; text-shadow: 0px 0px 10px #2196f3; padding-left: 10px; } .novel-volume .volume-info{ width: 100%; } .novel-volume .volume-info td{ text-align: left; font-size: smaller; } .novel-volume .volume-info tr:nth-of-type(odd) b{	padding: 3px 10px; background-color: rgba(33,150,243,0.2); } .novel-volume .volume-info tr:nth-of-type(even) td{ padding-left: 20px; letter-spacing: 1px; padding-bottom: 2px; }

/* --- END OF NOVEL INFO --- */

/* --- ANIME INFO --- */

.anime-episode table{ width: 100%; }

.anime-episode td{ vertical-align: top; text-align: center; }

.anime-episode .episode-number{ display: inline-block; padding: 5px; background-color: #006cb0; color: #FFF; }

.anime-episode .title-english{ font-weight: bold; color: #006cb0; display: block; text-shadow: 1px 1px 0 #fff, 0px 0px 10px #2196f3; text-align: left; }

.anime-episode .title-english a{	transition: all 0.3s linear; text-decoration: none; }

.anime-episode .title-english a:hover{ color: #45ada4; }

.anime-episode .title-kanji{ font-size: smaller; }

.anime-episode .airdate{ display: block; margin-top: 10px; font-size: 80%; }

.anime-episode td:nth-of-type(1){ width: 40px; }

.anime-episode td:nth-of-type(2){ text-align: left; }

.anime-episode td:nth-of-type(3){ width: 190px; }

.anime-episode a img{ border: 5px solid rgba(0,108,176,0.1); transition: all 0.1s ease-in; }

.anime-episode a:hover img{ border-color: rgba(0,108,176,0.2); transform: translateY(-5px); }

/* --- END OF ANIME INFO --- */

/* --- ANIME NAVIGATION --- */

.anime-navigation{ width: 100%; border: 1px solid #0d52ac; padding: 1px; background-color: #fff; background-color: rgba(255,255,255,0.8); }

.anime-navigation a:hover{ text-decoration: none; }

.anime-navigation td{ text-align: center; }

.anime-navigation .navigation-header{ border: none; padding: 3px 0; text-shadow: 0 0 10px #2196f3; }

.anime-navigation .navigation-header a{	transition: all 0.3s linear; }

.anime-navigation .navigation-header a:hover{ color: #45ada4; }

.anime-navigation .navigation-content{ border-top: 1px solid #2177a9; font-size: 90%; }

.anime-navigation .navigation-content a{	display: inline-block; padding: 3px 5px; margin: 2px 5px; transition: all 0.2s linear; }

.anime-navigation .navigation-content a:hover{ background-color: #006cb0; color: #FFF; }

/* --- END OF ANIME NAVIGATION --- */

/* --- POLL --- */

div.ajax-poll{ border: none !important; text-align: left; }

.pollAnswerName{ font-weight: bold; letter-spacing: 1px; }

.pollAnswerName:hover{ color: #006cb0; text-shadow: 0 0 5px #aad9f7; }

.pollAnswerVotes{ border: 1px solid #aad9f7 !important; width: 90% !important; }

.pollAnswerVotes div{ background: linear-gradient(to right,#006cb0,#aad9f7) !important; }

.pollAnswerVotes span{ color: #006cb0; left: auto !important; right: 5px; }

.pollAnswerVotes > span{ padding-left: 5px; }

.pollAnswerVotes:hover{ border-color: #aad9f7; box-shadow: 0 0 5px #aad9f7; }

/* --- END OF POLL --- */

/* --- MANGA CHAPTER --- */

.manga-chapter{ width: 100%; }

.manga-chapter th{ background-color: #006cb0; color: #fff; padding: 5px; }

.manga-chapter th:nth-of-type(3){ text-align: left; }

.manga-chapter td{ padding: 5px; font-size: 85%; text-align: center; }

.manga-chapter td:nth-of-type(1), .manga-chapter td:nth-of-type(2){ width: 60px; text-align: center; }

.manga-chapter td:nth-of-type(3){ text-align: left; font-weight: bold; }

.manga-chapter tr:nth-of-type(2n+1) td{ background-color: rgba(33,150,243,0.1); }

/* --- END OF MANGA CHAPTER --- */

/* --- ARTICLE TAB --- */

.tab-container{ font-weight: bold; margin-bottom: 10px; background-color: #006cb0; }

.article-tab{ display: inline-block; padding: 5px 15px; margin: 0 5px; font-size: 100%; color: #FFF; transition: all 0.2s linear; border-bottom: 2px solid transparent; }

.article-tab:not(.current):hover{ background-color: #17a5ff; color: #9FCEF9; }

.article-tab:last-of-type{ border-right-width: 1.5px; }

.article-tab.current{ background-color: #CAE6FF; color: #006cb0; border-bottom-color: #17a5ff; }

.article-tab a{   text-decoration: none; color: #FFF; }

/* --- END OF ARTICLE TAB --- */