MediaWiki:Wikia.css

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Dosis|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=Didact Gothic|Open+Sans&subset=cyrillic,cyrillic-ext');

/*||============================================================||*\ || CSS for Shiyan Pin Jiating Wiki : designed by "Gerald-kun" || /*||============================================================||*\

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

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

body { font-family: Didact Gothic !important; }

/* Main Page Background */ body { background:url(https://vignette.wikia.nocookie.net/central/images/d/d2/JikkenHinKazoku.png/revision/latest?cb=20180930064513) !important; }

/* Poll */ .pollAnswer:hover .pollAnswerVotes { border-color: #75a8ff; } .pollAnswerVotes div { background: #ff8099 !important; background: -webkit-linear-gradient(left, #6EF390 20%, #5ADF7C 40%,#32B754 60%,#149936 80%) !important; background: -moz-linear-gradient(left, #6EF390 20%, #5ADF7C 40%,#32B754 60%,#149936 80%) !important; background: -ms-linear-gradient(left, #6EF390 20%, #5ADF7C 40%,#32B754 60%,#149936 80%) !important; background: -o-linear-gradient(left, #6EF390 20%, #5ADF7C 40%,#32B754 60%,#149936 80%) !important; background: linear-gradient(right, #6EF390 20%, #5ADF7C 40%,#32B754 60%,#149936 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 #149936; border-radius: 5px; background: #FFFFFF; width: 220px; background-color: #FFFFFF !important; color: #FFFFFF; padding: 3px; } .portable-infobox .pi-border-color { color: white; border: 0 #EFEEEC; padding: 2px 0 0; } .portable-infobox .pi-title { background: linear-gradient(#149936, #5ADF7C); margin-bottom: 3px; color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; line-height: 35px; font-size: 20px; font-weight: bold; text-align: center; padding: 0; } .portable-infobox .pi-image { border: 1px solid #fff; margin: 0 0 1px; } .portable-infobox .pi-horizontal-group { padding: 2px; 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(#149936, #5ADF7C); padding: 2px; border-radius: 15px; font-size: 11px; color: #FFFFFF; text-align: center; } .portable-infobox .pi-data-label { font-size: 11px; text-align: left; background: #64E986; border: 1px solid #149936; padding: 5px 3px 5px 0; color: white; flex-basis: 100px; white-space: nowrap; } .portable-infobox .pi-data-value { border: 1px solid #149936; background: #E5E4E2; max-height: 90px; overflow-y: auto; padding: 5px; color: #000000; font-size: 11px; vertical-align: middle; }

.pi-image-collection-tab-content { background: #fff; } .pi-image-thumbnail { max-width: 98%; height: auto; } .pi-caption { color: #fff; text-align: center; }