MediaWiki:CustomSlider.css

background: red; 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; }
 * 1) SliderView {

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); }
 * 1) SliderWrapper {

margin: 0; padding: 0; }
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {

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

.SlideIMG { width: 100%; }

position: absolute; display: block; width: auto; height: 100%; text-align: right; /*отвечает за положение текста в кнопках*/ } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; padding: 10px 100px 10px 10px; background: transparent; }
 * 1) NavBtns {

.nmLeft { 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 { right: 0px; background: linear-gradient(to left, rgba(30,30,30,0.8), rgba(30,30,30,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(30,30,30,0.8), rgba(30,30,30,0.8), transparent); }

.nbActiveLeft { background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(0,0,0,0.8), rgba(0,0,0,0.8), transparent); }