/** * Rhinoslider 1.05 * http://rhinoslider.com/ * * Copyright 2013: Sebastian Pontow, Rene Maas (http://renemaas.de/) * Dual licensed under the MIT or GPL Version 2 licenses. * http://rhinoslider.com/license/ */ .slider { width: 1200px; height: 480px; } .rhino-btn { z-index: 10; width: 56px; height: 53px; display: block; text-indent: -999%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rhino-prev, .rhino-next { bottom: -4px; } .rhino-prev { left: -6px; background-position: -168px 0; } .rhino-next { right: -6px; background-position: -106px 0; } .rhino-prev:hover { background-position: -168px -53px; } .rhino-next:hover { background-position: -106px -53px; } .rhino-toggle { top: -4px; left: -6px; } .rhino-play { background-position: 0 0; } .rhino-play:hover { background-position: 0 -53px; } .rhino-pause { background-position: -56px 0; } .rhino-pause:hover { background-position: -56px -53px; } .rhino-container { position: relative; } .rhino-caption { position: absolute; background: #000; display: none; left: 0; right: 0; top: 0; color: #fff; padding: 10px; text-align: right; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rhino-bullets { position: absolute; bottom: -3px; left: 50%; width: 200px; margin-left: -100px; z-index: 10; background: #fff; padding: 0; } .rhino-bullets:before, .rhino-bullets:after { position: absolute; display: block; left: -16px; content: ' '; width: 16px; height: 26px; } .rhino-bullets:after { left: auto; right: -16px; background-position: -240px 0; } .rhino-bullets li { float: left; display: inline; margin: 0 2px; } .rhino-bullets li a.rhino-bullet { display: block; width: 16px; height: 15px; cursor: pointer; background: white; font-size: 15px; text-align: center; padding: 6px 0 5px 0; color: #333; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus { color: #999; background: #eee; } .rhino-bullets li a.rhino-bullet.rhino-active-bullet { color: #fff; background: #941a1d; } .rhino-bullets{ left: 270px; }