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');

/* 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, #85CEFF 20%, #5DA6EF 40%,#357EC7 60%,#00428B 80%) !important; background: -moz-linear-gradient(left, #85CEFF 20%, #5DA6EF 40%,#357EC7 60%,#00428B 80%) !important; background: -ms-linear-gradient(left, #85CEFF 20%, #5DA6EF 40%,#357EC7 60%,#00428B 80%) !important; background: -o-linear-gradient(left, #85CEFF 20%, #5DA6EF 40%,#357EC7 60%,#00428B 80%) !important; background: linear-gradient(to right, #85CEFF 20%, #5DA6EF 40%,#357EC7 60%,#00428B 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: 2px solid #17317E; border-radius: 5px; width: 230px; background-color: #FFFFFF !important; color: #FFFFFF; padding: 3px; } .portable-infobox .pi-border-color { color: white; border: 0 #FFFFFF; padding: 2px 0 0; } .portable-infobox .pi-title { background: linear-gradient(#151854, #17317E); margin-bottom: 3px; color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; line-height: 35px; font-size: 16px; font-weight: bold; text-align: center; padding: 0; } .portable-infobox .pi-image { border: 1px solid #FFFFFF; margin: 0 0 1px; } .portable-infobox .pi-horizontal-group { padding: 2px; border: 2px solid #17317E; border-right-width: 0; } .portable-infobox .pi-navigation { font-size: 11px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #fff; text-align:center; margin-bottom: 3px; } .portable-infobox .pi-header { background: linear-gradient(#151854, #17317E); padding: 4px; border-radius: 15px; font-size: 13px; color: #FFFFFF; margin: -2px auto auto; text-align: center; } .portable-infobox .pi-data-label { font-size: 12px; text-align: left; background: #2B547E; border: 1px solid #17317E; padding: 5px 3px 5px 0; color: white; flex-basis: 100px; white-space: nowrap; } .portable-infobox .pi-data-value { border: 1px solid #17317E; background: #E5E4E2; max-height: 90px; overflow-y: auto; padding: 5px; color: #000000; font-size: 12px; vertical-align: middle; } .portable-infobox .pi-horizontal-group .pi-data-value { padding: 2px; border-left-width: 2px; }

.pi-image-collection-tab-content { background: #fff; }

.pi-image-thumbnail { max-width: 98%; height: auto; }

.pi-caption { color: #fff; text-align: center; }

.portable-infobox .pi-horizontal-group .pi-border-color { border-width: 2px; }

/* Profiles */ .avatar { border-radius: 50%; border: 2px solid #191919; } .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; -ms-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -ms-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; transform: rotate(0deg) scale(1) skew(180deg) translate(0px); transition: All 0.6863s ease; color: #708090; 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); transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Tabber Design */ div.tabberlive { margin-top: 7px; } .tabberlive div.tabbertab { border: none; padding: 0; margin-top: -5px; font-family: Zilla Slab; } .tabberlive .tabbernav { border-color: black; } .tabberlive > .tabbernav > li > a { /* Inactive */ background-color: #17317E; color: #ffffff !important; border-color: #000000; border-radius: 5px 5px 0 0; font-family: Nunito; } .tabberlive > .tabbernav > li > a:hover { /* Hover Inactive */ background-color: #77BFC7; color: #000000 !important; border-color: #000000; border-radius: 5px 5px 0 0; font-family: Zilla Slab; } .tabberlive > .tabbernav > li.tabberactive > a, .tabberlive > .tabbernav > li.tabberactive > a:hover { /* Active */ background-color: #77BFC7; border-bottom: none; color: #000000 !important; border-radius: 5px 5px 0 0; font-family: Zilla Slab; }