MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work. To import fonts, I ask you to put it in MediaWiki:Common.css =================== */

/* Font body */ body { font-family:'Montserrat' !important; }

/* Scroll Bar (Credit to GFriend Wiki) */ ::-webkit-scrollbar { width: 10px; height: 10px; transition: all .2s linear 0s; }
 * -webkit-scrollbar-track {

box-shadow: inset 0 0 5px grey; border-radius: 10px; background: #FFFFFF !important; transition: all .2s linear 0s; }
 * -webkit-scrollbar-thumb {

background: var(--theme-link-color--hover) !important; border-radius: 10px; transition: all .2s linear 0s; }
 * -webkit-scrollbar-thumb:hover {

background:var(--theme-accent-color) !important; }
 * -webkit-scrollbar-thumb:active {

background: var(--theme-accent-color--hover) !important; transition: all .2s linear 0s; } /*End*/

/* Infoboxes (Credit to LOONA es WIki) */ .portable-infobox { border-radius: 10px 10px 10px 10px; overflow: hidden; }

ul.pi-image-collection-tabs { margin: 0 -1px -1px 0 !important; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #A8CAE4; margin: 2px; padding: 0 5px; color: CurrentColor; background-color: rgba(17, 17, 17, 0.4); font-weight: bold; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: CurrentColor; border-bottom: 2px solid #53A4CC; background-color: rgba(168, 202, 288, 0.4); } .pi-data-label, .pi-title, .pi-header { font-family: Monotype Corsiva; }

.portable-infobox .pi-item-spacing { border-color: transparent; }

.pi-smart-group-body a.external:after { display: none; } .portable-infobox.pi-background, .portable-infobox.pi-header { background-color: rgba(17, 17, 17, 0.3); } .portable-infobox .pi-header, .portable-infobox .pi-title, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: var(--theme-link-color); } .pi-item[data-source=firma] img { filter: invert(1); }

.pi-navigation { background-color: transparent; }

.pi-caption { text-align: center; font-style: normal; }

.type-group .pi-item[data-source=integrantes] { text-align:center; }

.type-group .pi-item[data-source=integrantes] .pi-data-value { margin: 0 auto; }

.pi-section-tab:only-of-type { pointer-events: none; }

/* Tabber  (Credits to Twice Wiki) */ ul.tabbernav li a { border:2px solid #DEDFE3 !important; background: #FFFFFF !important; font-family: 'Montserrat'!important; font-size: 12px !important; font-color: black !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; background: #0005 !important; padding:10px 10px 5px 10px !important; color:#fff !important; } ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } ul.tabbernav li a:active { background: #000000 !important; font-color: white !important; border:2px solid #DEDFE3 !important; } ul.tabbernav li.tabberactive a { background:#000 !important; border:2px solid #00d0da !important; color:white !important; } ul.tabbernav li.tabberactive a:active { background:#000 !important; border:2px solid #00d0da !important; color:white !important; }

ul.pi-image-collection-tabs { margin: 0 -1px -1px 0 !important; }

background-color: #121417; border-color: #DBEBFF; color: #FAFAFA; }
 * 1) userProfileApp .user-identity-social__icon-tooltip {

/* Members */ .member_main { float: left; margin: 0 10px 10px 10px; position: relative; width: 145px; } .member_h .portada { width: 200px; height: 133px; border-radius:10px; overflow: hidden; margin: auto; box-shadow:0 1px 0.2rem #000; }

/* Hover */ .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); overflow: hidden; } .hoverimage img:hover { opacity: 1; filter: alpha(opacity=100); transform:scaleX(1.05) scaleY(1.05); }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #2E0DB0; color: #8BE5FF; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; }


 * -webkit-scrollbar-thumb:hover {

border-radius: 10em; background-color: var(--theme-accent-color--hover); transition:1s; } /** Rotate (Credits to ITZY Wiki) **/ .rotate img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .rotate img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/* Background (Credits to ZeroSix Wiki) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: linear-gradient(135deg,black,#111111) }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }	.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; }	.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.25; background: #fff url("https://static.wikia.nocookie.net/kda-league-of-legends/images/d/d7/THE_BADDEST_group_concept_photo.jpg/revision/latest?cb=20210526151726") center fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } /* Background (Credits to UtauSteam) */ body.mediawiki { background-image:linear-gradient(#353539,666666); }

.WikiaSiteWrapper .WikiaPage { padding-top: 0; }

.WikiaPage .WikiaPageContentWrapper { background: transparent; position: relative; border: 1px solid #fff3; box-shadow:0 0 20px #000; border-top: unset; }

.WikiaPage .WikiaPageContentWrapper::before { opacity: 0.20; background: #000 url("https://static.wikia.nocookie.net/kda-league-of-legends/images/e/e0/Wiki-background.jpeg/revision/latest?cb=20210705233648") center top fixed; background-size: cover; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* Wordmark (Credits to BLACKPINK Wiki) */ .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: #EFEA2E; 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: #EFEA2E; 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); } /* Community Header (credits to (G)-IDLE Wiki) */ .wds-community-header { background:linear-gradient(135deg,#59EBFC,#2F3493,#9821A5,#D124A0); background-position: right center !important; background-size: auto !important; border: 1px solid blue; } .wds-community-header::before { background: rgba(255, 255, 255, 0.0) !important }