MediaWiki:Wikia.css

/* Infoboxes (Credit to IZ*ONE Wiki)) */ .portable-infobox {    border: 2px solid #ea9d86;    border-radius: 6px;    padding: 0;    overflow:hidden; } .portable-infobox .pi-header, .portable-infobox .pi-title {    background: #ea9d86;    color: white;    text-align: center;    font-weight: bold; }

.portable-infobox .pi-data-value { font-size: 12px; }

.portable-infobox.type-pairing .pi-header, .portable-infobox.type-pairing .pi-title { padding:0; } ul.pi-image-collection-tabs { border-bottom: 2px solid #F5F5F5; width: 100%; } ul.pi-image-collection-tabs li { padding: 3px 8px !important; border: 1px solid #F5F5F5; border-bottom: 0; border-top: 0; } ul.pi-image-collection-tabs li.current { background: #F5F5F5; color: #252525; } .pi-caption { text-align: center; }

/* Custom Tabber */ ul.tabbernav {font-family: Roboto, sans-serif !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {color:CurrentColor  !important; border-bottom: 2px solid var(--themed-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid var(--themed-text-color)  !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid var(--themed-text-color--secondary) !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 0.2s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li.tabberactive a {color:CurrentColor !important; border-bottom: 2px solid var(--themed-button-background) !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid var(--themed-button-background) !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/* Color Coded Lyrics */

/** Color Coding**/ .pi-theme-color-coding.portable-infobox { background: transparent; width: auto; float: none; padding: 0; }

.pi-theme-color-coding.portable-infobox .pi-data { background-color: transparent; }

.pi-theme-color-coding.portable-infobox .pi-data-value { font-size: inherit; }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 14px; font-weight: initial; }

.pi-theme-lyrics.portable-infobox .pi-header { display: none; }

/** Tabs **/ .mw-parser-output { overflow-x: visible; }

.pi-theme-tab.portable-infobox { display: table; width: fit-content; float: none; border: 0; margin: 0 auto; position: absolute; top: -20px; left: 50%; transform: translateX(-50%) translateY(-50%); } .pi-theme-tab.portable-infobox .pi-secondary-background { font-size:100%; } .pi-theme-tab.portable-infobox .pi-header { display: inline-block; } .pi-theme-tab .activetab .selflink { color: var(--text-color--light) !important; } .pi-theme-tab.portable-infobox .pi-header:not(.activetab) { background-color:var(--activity-dark-background-color); }

.pi-theme-tab.portable-infobox .pi-header:first-of-type { border-bottom-left-radius:3px; }

.pi-theme-tab.portable-infobox .pi-header:last-of-type { border-bottom-right-radius:3px; }

/* Link Hover (Credit to ITZY Wiki) */ a { -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a:hover { color:pink; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }

/**Custom Slider (Credit to EVERGLOW Wiki) **/ /***********************************************************************/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { height: 14px; line-height: 14px; } .WikiaPage a, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li > a { font-weight:bold; -webkit-transition: all .2s; transition: all .2s; } background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; } .nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } /***********************************************************************/ /* Hovers */ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); } .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); } .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {

/** Rotate **/ .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); } /** Inclination **/ .inclinate img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .inclinate img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); }

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; font-size:10px !important; } .custom-dropdown .wikia-menu-button:hover { background-color: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { text-decoration: underline var(--activity-light-background-color); background: var(--activity-light-morelink-color); cursor: default; } .custom-dropdown:not(:first-of-type) > :first-child:before { content: "•"; position: relative; left: -9px; } .custom-dropdown > :first-child:after { background-image: url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D); border-color: #fff9 transparent transparent; border-width: 2px; }

/* Links */ .WikiaPage a, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li > a { font-weight:bold; -webkit-transition: all .2s; transition: all .2s; }

/* References */ ol.references { column-count: 2; }