/* AnythingSlider v1.5.10 Minimalist Square Theme By Rob Garrison */ /****** SET COLORS HERE *******/ /* Default State */ div.anythingSlider-minimalist-square .anythingWindow { border-top: 3px solid #333; border-bottom: 3px solid #333; } div.anythingSlider-minimalist-square .anythingControls ul a { border: 1px solid #000; background: #333; } div.anythingSlider-minimalist-square .anythingControls ul a:hover, div.anythingSlider-minimalist-square .anythingControls ul a.cur { background: #777; } div.anythingSlider-minimalist-square .start-stop { border: 1px solid #000; } div.anythingSlider-minimalist-square .start-stop.playing { background-color: #300; } div.anythingSlider-minimalist-square .start-stop:hover, div.anythingSlider-minimalist-square .start-stop.hover { color: #ddd } /* Active State */ div.anythingSlider-minimalist-square.activeSlider .anythingWindow { border-color: #164054; } div.anythingSlider-minimalist-square.activeSlider .anythingControls ul a { background-color: #164054; } div.anythingSlider-minimalist-square.activeSlider .anythingControls ul a:hover, div.anythingSlider-minimalist-square.activeSlider .anythingControls ul a.cur { background: #fff; } div.anythingSlider-minimalist-square.activeSlider .start-stop.playing { background-color: #f00; } div.anythingSlider-minimalist-square .start-stop:hover, div.anythingSlider-minimalist-square .start-stop.hover { color: #fff } /* Navigation Arrows */ div.anythingSlider-minimalist-square .arrow { top: 50%; position: absolute; display: block; } div.anythingSlider-minimalist-square .arrow a { display: block; height: 40px; margin-top: -20px; /* half height of image */ width: 30px; text-align: center; outline: 0; background: url(../images/arrows-minimalist.png) no-repeat; } div.anythingSlider-minimalist-square .forward { right: 0; } div.anythingSlider-minimalist-square .back { left: 0; } div.anythingSlider-minimalist-square .forward a { background-position: right bottom; } div.anythingSlider-minimalist-square .back a { background-position: left bottom; } div.anythingSlider-minimalist-square .forward a:hover, div.anythingSlider-minimalist-square .forward a.hover { background-position: right top; } div.anythingSlider-minimalist-square .back a:hover, div.anythingSlider-minimalist-square .back a.hover { background-position: left top; } /* Navigation Links */ div.anythingSlider-minimalist-square .anythingControls { float: right; position: absolute; bottom: 0; right: 15%; z-index: 100; opacity: 0.75; filter: alpha(opacity=75); } div.anythingSlider-minimalist-square .anythingControls ul { margin: 0; z-index: 100; } div.anythingSlider-minimalist-square .anythingControls ul li { display: block; float: left; } div.anythingSlider-minimalist-square .anythingControls ul a { display: block; height: 10px; width: 10px; margin: 3px; padding: 0; outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* Navigation size window arrows */ div.anythingSlider-minimalist-square .anythingControls li.next a span, div.anythingSlider-minimalist-square .anythingControls li.prev a span { text-indent: 1px; margin-top: 3px; } div.anythingSlider-minimalist-square .anythingControls li.prev a, div.anythingSlider-minimalist-square .anythingControls li.next a { color: #ddd; } div.anythingSlider-minimalist-square .anythingControls li.next a:hover, div.anythingSlider-minimalist-square .anythingControls li.prev a:hover { color: #000; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider-minimalist-square.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ div.anythingSlider-minimalist-square.rtl .anythingControls ul { float: left; } /* move nav link group to left */ /* div.anythingSlider-minimalist-square.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider-minimalist-square .start-stop { margin: 3px; padding: 0; display: inline-block; width: 14px; height: 14px; position: relative; bottom: 2px; left: 0; z-index: 100; text-align: center; text-decoration: none; float: right; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* Extra - replace defaults */ div.anythingSlider-minimalist-square { padding: 6px 30px; } /* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ div.anythingSlider-minimalist-square .arrow a span, div.anythingSlider-minimalist-square .anythingControls ul a span, div.anythingSlider-minimalist-square .start-stop span { display: block; line-height: 1px; /* needed for IE7 */ text-indent: -9999px; }