MediaWiki:CustomSlider.css

background: transparent; border: 4px solid white; box-shadow: 0px 0px 4px 2px white; width: 95%; 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; margin:15px; } 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 { height: 400px; width:80%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 10%; min-height: 10%; 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(120, 85, 156, 0.7), rgba(125, 117, 156, 0.32), 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(120, 85, 156, 0.7), rgba(125, 117, 156, 0.32), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to top, rgb(41, 39, 49), rgba(39, 43, 56, 0.49), 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(120, 85, 156, 0.7), rgba(125, 117, 156, 0.32), 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(120, 85, 156, 0.7), rgba(125, 117, 156, 0.32), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(55, 32, 68, 0.8), rgba(117, 90, 146, 0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(55, 32, 68, 0.8), rgba(117, 90, 146, 0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(55, 32, 68, 0.8), rgba(117, 90, 146, 0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(55, 32, 68, 0.8), rgba(117, 90, 146, 0.8), transparent); }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {