MediaWiki:Slider.css

/* -- Custom Silder -- */

-moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; background: transparent; border-radius: 15px; max-height: 415px!important; overflow: hidden; position: relative; text-align: center; user-select: none; width: 100%; }
 * 1) SliderView {

-o-transition-timing-function: cubic-bezier(.67, .01, .23, 1); -o-transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67, .01, .23, 1); -webkit-transition: 1s; position: relative; transition-timing-function: cubic-bezier(.67, .01, .23, 1); transition: 1s; }
 * 1) SliderWrapper {

margin: 0; padding: 0; }
 * 1) SliderWrapper,
 * 2) SliderWrapper ul,
 * 3) SliderWrapper li,
 * 4) NavBtns,
 * 5) NavBtns ul {

.Sld { display: inline; float: left; height: auto; list-style: none; }

.SlideIMG { height: auto; width: 100%; }

.SlideIMG img { display: block; height: auto; max-width: 100%; min-height: 100%; min-width: 100%; position: relative; }

display: block; height: 100%; position: absolute; width: auto; }
 * 1) NavBtns {

.NavBtn { background: transparent; display: block; font-family: Josefin Sans; font-size: 24px; font-weight: 600; height: auto; list-style: none; padding: 10px 100px 10px 10px; position: relative; text-align: right; top: 0; width: auto; }

/* -- Button Background -- */

.nmRight { background: linear-gradient(to left, #ff0080, to right,  #ff0080, transparent); right: 0; text-align: left; }

.nmRight li { color: #fc129f; list-style: none; padding: 7px 10px 7px 100px; }

/* -- Button -- */

.nmRight li:hover { background: linear-gradient(to left, #fc129f, #fc129f, transparent); cursor: pointer; text-shadow: 1px 1px 5px #fff; }

.nbActiveRight { background: linear-gradient(to left, #fc129f, #fc129f, transparent); text-shadow: 1px 1px 5px #fff; }

.NavBtn.nbActiveRight { color: white; }

.NavBtn:hover { color: white; }

/* -- Subtitle / Bottom Text -- */

.sl_info { background: #fc129f; color: white; margin: -25px 0 -25px 0; padding: 10px; position: relative; text-align: left; top: -25px; width: 100%; }