MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:MediaWiki:InterlanguageFlags.css"); /* Custom Font */ @import url(https://fonts.googleapis.com/css?family=family=Lato:wght@400;700&display=swap);

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

/* Admin Color */ a[href$="/wiki/User:Afzal108"]:not(.extiw):not(.external) {    font-weight: bold; color: #EB1313 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #F30A0A; } a[href$="/wiki/Message_Wall:Afzal108"]:not(.extiw):not(.external) {   font-weight: bold; color: #EB1313 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #F30A0A; }

a[href$="/wiki/User:Omega64"]:not(.extiw):not(.external) {    font-weight: bold; color: #0D1BC5 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #020FB1; } a[href$="/wiki/Message_Wall:Omega64"]:not(.extiw):not(.external) {   font-weight: bold; color: #0D1BC5 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #020FB1; }

/* Moderator Color */

/*************************************************************************/

/* Admin Comment Highlight */ .comments li[data-user="Afzal108"] { background: linear-gradient(transparent, #FF9E9E); overflow: hidden; transition: all 0.3s; } .comments li[data-user="Afzal108"]:hover { background: linear-gradient(transparent, #FF7A7A); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); }

.comments li[data-user="Omega64"] { background: linear-gradient(transparent, #A6E2FF); overflow: hidden; transition: all 0.3s; } .comments li[data-user="Omega64"]:hover { background: linear-gradient(transparent, #7AD4FF); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); } /*************************************************************************/

/* Moderator Comment Highlight */

/*************************************************************************/

/* Header Design */ .WikiaArticle h2{ border-bottom-color: #006cb0; }

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

/* Infobox Design */ .portable-infobox{ border: 1px solid #bdd8e8; padding: 2px; }

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

.portable-infobox .wds-tabber { display: flex; flex-direction: column; } .portable-infobox .wds-tabber .wds-tabs__wrapper { align-self: center; max-width: 100%; margin: 0 auto; } /*************************************************************************/

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

/* HOME - Character */ 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) {

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

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

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

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

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

/* HOME - Status */ margin: 0 auto; }
 * 1) home-status{

text-align: center; border: 1px solid #aad9f7; padding: 10px 15px; box-shadow: 0 0 5px #aad9f7; transition: all 0.2s ease-in; }
 * 1) home-status td{

font-weight: bold; background-color: #aad9f7; text-transform: uppercase; }
 * 1) home-status td:nth-of-type(1){

background-color: rgba(170,217,247,0.2); } /*************************************************************************/
 * 1) home-status td:nth-of-type(2):hover{

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

/* 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%; background-color: #e0eff7; }

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

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

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

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

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

/* WEB NOVEL CHAPTER */ .webnovel-container{ margin-bottom: 15px; }

.webnovel-container .webnovel-volume{ font-size: 20px; text-shadow: 1px 1px 0 #fff, 2px 2px 5px rgba(0,108,176,0.5); position: relative; padding-left: 40px; padding-bottom: 10px; text-transform: uppercase; }

.webnovel-container .webnovel-volume:before{ content: ""; position: absolute; left: 0; top: 12px; display: inline-block; width: 30px; height: 3px; background-color: rgba(0,108,176,0.5); }

.webnovel-container td:not(.webnovel-volume){ padding-top: 5px; padding-bottom: 5px; position: relative; }

.webnovel-container td:not(.webnovel-volume):nth-of-type(1){ padding-left: 7px; padding-right: 15px; text-align: center; font-weight: bold; color: #006cb0; }

.webnovel-container td:not(.webnovel-volume):nth-of-type(1):before{ content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; border: 5px solid rgba(0,108,176,0.3); z-index: -1; box-shadow: 1px 1px 3px rgba(0,108,176,0.3); }

.webnovel-container td:not(.webnovel-volume):nth-of-type(2){ border-bottom: 1px dashed rgba(0,108,176,0.3); font-size: 12px; letter-spacing: 0.px; }

.webnovel-container i{	background-color: rgba(0,108,176,0.3); display: inline-block; border-radius: 5px; padding: 0 10px; margin-left: 10px; color: #fff; font-style: normal; }

.webnovel-container i:nth-of-type(2){ background-color: rgba(24, 171, 40, 0.3); } /*************************************************************************/

/* Wordmark Hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #006CB0; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -moz-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -ms-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -o-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #006CB0; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -moz-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -ms-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -o-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #006CB0; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -moz-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -ms-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); -o-transform: rotate(360deg) scale(1.190) skew(180deg) translate(0px); } /*************************************************************************/

/* Home Page Tabs Center */ .centered-tabs .wds-tabs { align-items: center; justify-content: center; } /*******************************************************************************/