2 AnythingSlider v1.5.10 Minimalist Round Theme
6 /****** SET COLORS HERE *******/
8 div
.anythingSlider-minimalist-round
.anythingWindow
{
9 background: url
('../images/slider-bg.png') 0 0 no-repeat
;
14 div
.anythingSlider-minimalist-round
.anythingControls ul a
{
17 div
.anythingSlider-minimalist-round
.anythingControls ul
a:hover
, div
.anythingSlider-minimalist-round
.anythingControls ul a
.cur
{
20 div
.anythingSlider-minimalist-round
.start-stop
{
21 border: 1px solid
#000;
23 div
.anythingSlider-minimalist-round
.start-stop
.playing
{
24 background-color: #300;
26 div
.anythingSlider-minimalist-round
.start-stop:hover
, div
.anythingSlider-minimalist-round
.start-stop
.hover
{
31 div
.anythingSlider-minimalist-round
.activeSlider
.anythingWindow
{
32 border-color: #164054;
34 div
.anythingSlider-minimalist-round
.activeSlider
.anythingControls ul a
{
35 background-color: #164054;
37 div
.anythingSlider-minimalist-round
.activeSlider
.anythingControls ul
a:hover
, div
.anythingSlider-minimalist-round
.activeSlider
.anythingControls ul a
.cur
{
40 div
.anythingSlider-minimalist-round
.activeSlider
.start-stop
.playing
{
41 background-color: #f00;
43 div
.anythingSlider-minimalist-round
.start-stop:hover
, div
.anythingSlider-minimalist-round
.start-stop
.hover
{
47 /* Navigation Arrows */
48 div
.anythingSlider-minimalist-round
.arrow
{
53 div
.anythingSlider-minimalist-round
.arrow a
{
56 margin-top: -20px; /* half height of image */
60 background: url
(../images
/arrows-minimalist
.png
) no-repeat
;
62 div
.anythingSlider-minimalist-round
.forward
{ right: 0; }
63 div
.anythingSlider-minimalist-round
.back
{ left: 0; }
64 div
.anythingSlider-minimalist-round
.forward a
{ background-position: right bottom
; }
65 div
.anythingSlider-minimalist-round
.back a
{ background-position: left bottom
; }
66 div
.anythingSlider-minimalist-round
.forward
a:hover
, div
.anythingSlider-minimalist-round
.forward a
.hover
{ background-position: right top
; }
67 div
.anythingSlider-minimalist-round
.back
a:hover
, div
.anythingSlider-minimalist-round
.back a
.hover
{ background-position: left top
; }
69 /* Navigation Links */
70 div
.anythingSlider-minimalist-round
.anythingControls
{
77 filter: alpha
(opacity
=90);
79 div
.anythingSlider-minimalist-round
.anythingControls ul
{
83 div
.anythingSlider-minimalist-round
.anythingControls ul li
{
87 div
.anythingSlider-minimalist-round
.anythingControls ul a
{
95 -moz-border-radius: 5px;
96 -webkit-border-radius: 5px;
99 /* Navigation size window arrows */
100 div
.anythingSlider-minimalist-round
.anythingControls li
.next a span
, div
.anythingSlider-minimalist-round
.anythingControls li
.prev a span
{
104 div
.anythingSlider-minimalist-round
.anythingControls li
.prev a
, div
.anythingSlider-minimalist-round
.anythingControls li
.next a
{
107 div
.anythingSlider-minimalist-round
.anythingControls li
.next
a:hover
, div
.anythingSlider-minimalist-round
.anythingControls li
.prev
a:hover
{
111 /* slider autoplay right-to-left, reverse order of nav links to look better */
112 div
.anythingSlider-minimalist-round
.rtl
.anythingControls ul a
{ float: right
; } /* reverse order of nav links */
113 div
.anythingSlider-minimalist-round
.rtl
.anythingControls ul
{ float: left
; } /* move nav link group to left */
114 /* div.anythingSlider-minimalist-round.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
116 /* Autoplay Start/Stop button */
117 div
.anythingSlider-minimalist-round
.start-stop
{
120 display: inline-block
;
128 text-decoration: none
;
131 -moz-border-radius: 7px;
132 -webkit-border-radius: 7px;
135 /* Extra - replace defaults */
136 div
.anythingSlider-minimalist-round
{
140 /* 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 */
141 div
.anythingSlider-minimalist-round
.arrow a span
, div
.anythingSlider-minimalist-round
.anythingControls ul a span
, div
.anythingSlider-minimalist-round
.start-stop span
{
143 line-height: 1px; /* needed for IE7 */
144 text-indent: -9999px;