MediaWiki:Wikia.css

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Do+Hyeon|Open+Sans&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Open+Sans&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Open+Sans&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Zilla+Slab|Open+Sans&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great|Open+Sans&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Mariage|Open+Sans&subset=cyrillic,cyrillic-ext');

/* Article & Header */ .WikiaPage .page-header__separator { background: linear-gradient(to right, #000000, transparent) !important; } .WikiaPage .page-header__title { font-family: Do Hyeon !important; color: #000000 !important; }

.WikiaArticle { font-family: Didact Gothic !important; color: #000000 !important; }

body { font-family: PT Sans Narrow !important; }

/* Poll */ .pollAnswer:hover .pollAnswerVotes { border-color: #75a8ff; } .pollAnswerVotes div { background: #ff8099 !important; background: -webkit-linear-gradient(left, #FFDEA6 20%, #F0CC90 40%,#D9B77E 60%,#C9A465 80%) !important; background: -moz-linear-gradient(left, #FFDEA6 20%, #F0CC90 40%,#D9B77E 60%,#C9A465 80%) !important; background: -ms-linear-gradient(left, #FFDEA6 20%, #F0CC90 40%,#D9B77E 60%,#C9A465 80%) !important; background: -o-linear-gradient(left, #FFDEA6 20%, #F0CC90 40%,#D9B77E 60%,#C9A465 80%) !important; background: linear-gradient(to right, #FFDEA6 20%, #F0CC90 40%,#D9B77E 60%,#C9A465 80%) !important; } .poll-entry{ margin-bottom: 8px; height: 20px; border: 1px solid #999; } .poll-entry .percent { display: none; } .poll-entry:hover { border-color: #75a8ff; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; }

/* Portable Infobox */ .portable-infobox { border-width: 2px; border-style: ridge; border-collapse: separate; border-spacing: 2px 2px; padding: 0px; width: 275px; margin-bottom: 1em; margin-left: 1em; } .portable-infobox .pi-background {} .portable-infobox .pi-title, .portable-infobox .pi-navigation, .portable-infobox .pi-header { border-width: 1px; border-style: solid; font-weight: bold; text-align: center; } .portable-infobox .pi-item, .portable-infobox .pi-navigation { margin: 2px; } .portable-infobox .pi-image { border-width: 1px; border-style: solid; padding: 4px; } .portable-infobox .pi-data .pi-data-label, .portable-infobox .pi-horizontal-group-item.pi-data-label { border-width: 1px; border-style: solid; padding: 3px; color: #000000; text-align:left; line-height: 1.2em; margin-bottom: 0; width: 80px; } .pi-data-value { color: #000000; padding: 3px; margin-left: 5px; margin-bottom: 0; } .portable-infobox .pi-item-spacing { padding: 2px; margin-bottom: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #000; font-weight: bold; font-family: Zilla Slab; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #9E6724; border-bottom: 1px; font-weight: bold; font-family: Zilla Slab; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #000; font-weight: bold; width: 1em; padding-right: 3px; font-family: Zilla Slab; } .pi-europa .pi-image-collection-tabs { text-align: center; } .pi-data:nth-child(odd) { background-color: #F0DAC0; } .pi-navigation:nth-child(2) { margin-bottom: 0; } .pi-navigation:nth-child(3) { border-top: 1px dotted black; font-style: italic; font-weight: normal; padding-top: 1px; } .pi-navigation:last-child { border-radius: 0 0 6px 6px; } .pi-navigation:last-child a { color: black; } .portable-infobox.pi-theme-genkoku { border-color: #523F35; background: #FAEDD2; } .portable-infobox.pi-theme-genkoku .pi-background {} .portable-infobox.pi-theme-genkoku .pi-title, .portable-infobox.pi-theme-genkoku .pi-navigation, .portable-infobox.pi-theme-genkoku .pi-header, .portable-infobox.pi-theme-genkoku .pi-data .pi-data-label, .portable-infobox.pi-theme-genkoku .pi-horizontal-group-item.pi-data-label { border-color: #523F35; background-image: url("https://vignette.wikia.nocookie.net/genjitsushugisha/images/4/48/VintagePaper.png/revision/latest?cb=20200427174304"); color: #000000; } .portable-infobox.pi-theme-genkoku .pi-image { border-color: #523F35; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; }

/* Profile and Avatar */ .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 white; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.UserProfileMasthead .masthead-info hgroup { background-size: contain; background-repeat: no-repeat; background-position: right; background-image: var(--xx) !important; border-radius: 0 !important; font-family: Didact Gothic; } .UserProfileMasthead .masthead-info { border-radius: 0 !important; }

/* Admins */ a[href$="/wiki/User:Gerald-kun"] { color:#008080 !important; }

a[href$="/wiki/User:Supratim1986"] { color:#880088 !important; }

a[href$="/wiki/User:Manthila"] { color:#dc143c !important; }

/* Wordmark */ .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: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) 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: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) 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: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Tabber */ /* Customizing Tabber */ /*.tabbertab { border-width: 0 !important; padding: 0 !important; }*/

.tabberlive > ul.tabbernav > li { margin-right: 0.1em; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabberlive > ul.tabbernav > li:first-child { margin-left: -3px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: -3px !important; }  .tabberlive .tabbertab { border-top: 1px solid #656ba4 !important; border-bottom: 1px solid #656ba4 !important; border-right: 1px solid #656ba4 !important; border-left: 1px solid #656ba4 !important; background: rgba(235,235,235,0.1) !important; padding: 2px 0.5em !important; } .tabbernav { background: none; border-bottom: 0 !important; padding: 2px 0 !important; } ul.tabbernav li a { background: rgba(149,153,192,0.5) !important; border:1px solid #9599c0 !important; `/*border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:black !important;*/ color: black !important; font-size: 10px !important; font-weight: normal !important; font-family: Didact Gothic; margin-top: 0 !important; padding: 2px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #333972 !important; /*border-top: 1px solid #ECECEC !important; border-left: 1px solid #ECECEC !important; border-right: 1px solid	#ECECEC !important;*/ border-bottom: 1px solid #ECECEC !important; color: white !important; cursor: default; font-size: 11px !important; font-weight: bold !important; padding: 2px 0.5em !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; } ul.tabbernav li.tabberactive:first-child a { margin-left: -6px !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

/* Hover */ .diamonds tr > th { background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png') !important; background-size: 300px; background-position: center; background-blend-mode: soft-light; }