2 AnythingSlider v1.5.10 Minimalist Square Theme
6 /****** SET COLORS HERE *******/
8 div
.anythingSlider-minimalist-square
.anythingWindow
{
9 border-top: 3px solid
#333;
10 border-bottom: 3px solid
#333;
12 div
.anythingSlider-minimalist-square
.anythingControls ul a
{
13 border: 1px solid
#000;
16 div
.anythingSlider-minimalist-square
.anythingControls ul
a:hover
, div
.anythingSlider-minimalist-square
.anythingControls ul a
.cur
{
19 div
.anythingSlider-minimalist-square
.start-stop
{
20 border: 1px solid
#000;
22 div
.anythingSlider-minimalist-square
.start-stop
.playing
{
23 background-color: #300;
25 div
.anythingSlider-minimalist-square
.start-stop:hover
, div
.anythingSlider-minimalist-square
.start-stop
.hover
{
30 div
.anythingSlider-minimalist-square
.activeSlider
.anythingWindow
{
31 border-color: #164054;
33 div
.anythingSlider-minimalist-square
.activeSlider
.anythingControls ul a
{
34 background-color: #164054;
36 div
.anythingSlider-minimalist-square
.activeSlider
.anythingControls ul
a:hover
, div
.anythingSlider-minimalist-square
.activeSlider
.anythingControls ul a
.cur
{
39 div
.anythingSlider-minimalist-square
.activeSlider
.start-stop
.playing
{
40 background-color: #f00;
42 div
.anythingSlider-minimalist-square
.start-stop:hover
, div
.anythingSlider-minimalist-square
.start-stop
.hover
{
46 /* Navigation Arrows */
47 div
.anythingSlider-minimalist-square
.arrow
{
52 div
.anythingSlider-minimalist-square
.arrow a
{
55 margin-top: -20px; /* half height of image */
59 background: url
(../images
/arrows-minimalist
.png
) no-repeat
;
61 div
.anythingSlider-minimalist-square
.forward
{ right: 0; }
62 div
.anythingSlider-minimalist-square
.back
{ left: 0; }
63 div
.anythingSlider-minimalist-square
.forward a
{ background-position: right bottom
; }
64 div
.anythingSlider-minimalist-square
.back a
{ background-position: left bottom
; }
65 div
.anythingSlider-minimalist-square
.forward
a:hover
, div
.anythingSlider-minimalist-square
.forward a
.hover
{ background-position: right top
; }
66 div
.anythingSlider-minimalist-square
.back
a:hover
, div
.anythingSlider-minimalist-square
.back a
.hover
{ background-position: left top
; }
68 /* Navigation Links */
69 div
.anythingSlider-minimalist-square
.anythingControls
{
76 filter: alpha
(opacity
=75);
78 div
.anythingSlider-minimalist-square
.anythingControls ul
{
82 div
.anythingSlider-minimalist-square
.anythingControls ul li
{
86 div
.anythingSlider-minimalist-square
.anythingControls ul a
{
94 -moz-border-radius: 0;
95 -webkit-border-radius: 0;
98 /* Navigation size window arrows */
99 div
.anythingSlider-minimalist-square
.anythingControls li
.next a span
, div
.anythingSlider-minimalist-square
.anythingControls li
.prev a span
{
103 div
.anythingSlider-minimalist-square
.anythingControls li
.prev a
, div
.anythingSlider-minimalist-square
.anythingControls li
.next a
{
106 div
.anythingSlider-minimalist-square
.anythingControls li
.next
a:hover
, div
.anythingSlider-minimalist-square
.anythingControls li
.prev
a:hover
{
110 /* slider autoplay right-to-left, reverse order of nav links to look better */
111 div
.anythingSlider-minimalist-square
.rtl
.anythingControls ul a
{ float: right
; } /* reverse order of nav links */
112 div
.anythingSlider-minimalist-square
.rtl
.anythingControls ul
{ float: left
; } /* move nav link group to left */
113 /* div.anythingSlider-minimalist-square.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
115 /* Autoplay Start/Stop button */
116 div
.anythingSlider-minimalist-square
.start-stop
{
119 display: inline-block
;
127 text-decoration: none
;
130 -moz-border-radius: 0;
131 -webkit-border-radius: 0;
134 /* Extra - replace defaults */
135 div
.anythingSlider-minimalist-square
{
139 /* 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 */
140 div
.anythingSlider-minimalist-square
.arrow a span
, div
.anythingSlider-minimalist-square
.anythingControls ul a span
, div
.anythingSlider-minimalist-square
.start-stop span
{
142 line-height: 1px; /* needed for IE7 */
143 text-indent: -9999px;