MediaWiki:Wikia.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:CustomSlider.css&only=styles";

/* Hover opacity class thing, pasted in 2014-01-16 by request of Dark M clowN*/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; } /* End Hover */ /**Custom Slider copied from iz-one.fandom 2020-03-03**/ 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); } /* Wordmark Hover */ .wds-community-header__wordmark img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .wds-community-header__wordmark 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); } /* Tabber */ .tabbernav { font-family: Lato !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #EF539D !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #F5F5F5 !important; border: none !important; background: #252525 !important; } .tabberactive a { color: #F5F5F5 !important; background: #EF539D !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(239,83,157, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {