/* * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin * * http://logicbox.net/jquery/simplyscroll * http://logicbox.net/blog/simplyscroll-jquery-plugin * http://plugins.jquery.com/project/simplyScroll * * Copyright (c) 2009 Will Kelly - http://logicbox.net * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Last revised: 03/07/2009 21:13 * */ .simply-scroll-container { /* Container DIV - automatically generated */ position: relative; } .simply-scroll-clip { /* Clip DIV - automatically generated */ position: relative; overflow: hidden; z-index: 2; width: 947px; height: 80px; margin-left: 10px; margin-top: 12px; } .simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; list-style: none; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } .simply-scroll-list li img { border: none; display: block; } .simply-scroll-btn { position: absolute; width: 42px; height: 44px; z-index: 3; cursor: pointer; } .simply-scroll-btn-left { left: 6px; bottom: 6px; background-position: 0 -44px; } .simply-scroll-btn-left.disabled { background-position: 0 0 !important; } .simply-scroll-btn-left:hover { background-position: 0 -88px; } .simply-scroll-btn-right { right: 6px; bottom: 6px; background-position: 84px -44px; } .simply-scroll-btn-right.disabled { background-position: 84px 0 !important; } .simply-scroll-btn-right:hover { background-position: 84px -88px; } .simply-scroll-btn-up { right: 6px; top: 6px; background-position: -126px -44px; } .simply-scroll-btn-up.disabled { background-position: -126px 0 !important; } .simply-scroll-btn-up:hover { background-position: -126px -88px; } .simply-scroll-btn-down { right: 6px; bottom: 6px; background-position: -42px -44px; } .simply-scroll-btn-down.disabled { background-position: -42px 0 !important; } .simply-scroll-btn-down:hover { background-position: -42px -88px; } /* Custom class modifications - override classees .simply-scroll is default */ .simply-scroll { /* Customisable base class for style override DIV */ width: 947px; height: 80px; padding-top: 0; } .simply-scroll .simply-scroll-clip { width: 100%; height: 80px; } .simply-scroll .simply-scroll-list { } .simply-scroll .simply-scroll-list li { float: left; width: auto; height: 80px; } .simply-scroll .simply-scroll-list li img { } .simply-scroll .simply-scroll-btn { } .simply-scroll .simply-scroll-btn-left { } .simply-scroll .simply-scroll-btn-left.disabled { } .simply-scroll .simply-scroll-btn-left:hover { } .simply-scroll .simply-scroll-btn-right { } .simply-scroll .simply-scroll-btn-right.disabled { } .simply-scroll .simply-scroll-btn-right:hover { } .simply-scroll .simply-scroll-btn-up { } .simply-scroll .simply-scroll-btn-up.disabled { } .simply-scroll .simply-scroll-btn-up:hover { } .simply-scroll .simply-scroll-btn-down { } .simply-scroll .simply-scroll-btn-down.disabled { } .simply-scroll .simply-scroll-btn-down:hover { }