1 | /* |
---|
2 | Skin Name: Nivo Slider Default Theme |
---|
3 | Skin URI: http://nivo.dev7studios.com |
---|
4 | Description: The default skin for the Nivo Slider. |
---|
5 | Version: 1.3 |
---|
6 | Author: Gilbert Pellegrom |
---|
7 | Author URI: http://dev7studios.com |
---|
8 | Supports Thumbs: true |
---|
9 | */ |
---|
10 | |
---|
11 | .theme-default .nivoSlider { |
---|
12 | position:relative; |
---|
13 | background:#fff url(loading.gif) no-repeat 50% 50%; |
---|
14 | margin-bottom:10px; |
---|
15 | -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; |
---|
16 | -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; |
---|
17 | box-shadow: 0px 1px 5px 0px #4a4a4a; |
---|
18 | } |
---|
19 | .theme-default .nivoSlider img { |
---|
20 | position:absolute; |
---|
21 | top:0px; |
---|
22 | left:0px; |
---|
23 | display:none; |
---|
24 | } |
---|
25 | .theme-default .nivoSlider a { |
---|
26 | border:0; |
---|
27 | display:block; |
---|
28 | } |
---|
29 | |
---|
30 | .theme-default .nivo-controlNav { |
---|
31 | text-align: center; |
---|
32 | padding: 10px 0; |
---|
33 | } |
---|
34 | .theme-default .nivo-controlNav a { |
---|
35 | display:inline-block; |
---|
36 | width:22px; |
---|
37 | height:22px; |
---|
38 | background:url(bullets.png) no-repeat; |
---|
39 | text-indent:-9999px; |
---|
40 | border:0; |
---|
41 | margin: 0 2px; |
---|
42 | } |
---|
43 | .theme-default .nivo-controlNav a.active { |
---|
44 | background-position:0 -22px; |
---|
45 | } |
---|
46 | |
---|
47 | .theme-default .nivo-directionNav a { |
---|
48 | display:block; |
---|
49 | width:30px; |
---|
50 | height:30px; |
---|
51 | background:url(arrows.png) no-repeat; |
---|
52 | text-indent:-9999px; |
---|
53 | border:0; |
---|
54 | opacity: 0; |
---|
55 | -webkit-transition: all 200ms ease-in-out; |
---|
56 | -moz-transition: all 200ms ease-in-out; |
---|
57 | -o-transition: all 200ms ease-in-out; |
---|
58 | transition: all 200ms ease-in-out; |
---|
59 | } |
---|
60 | .theme-default:hover .nivo-directionNav a { opacity: 1; } |
---|
61 | .theme-default a.nivo-nextNav { |
---|
62 | background-position:-30px 0; |
---|
63 | right:15px; |
---|
64 | } |
---|
65 | .theme-default a.nivo-prevNav { |
---|
66 | left:15px; |
---|
67 | } |
---|
68 | |
---|
69 | .theme-default .nivo-caption { |
---|
70 | font-family: Helvetica, Arial, sans-serif; |
---|
71 | } |
---|
72 | .theme-default .nivo-caption a { |
---|
73 | color:#fff; |
---|
74 | border-bottom:1px dotted #fff; |
---|
75 | } |
---|
76 | .theme-default .nivo-caption a:hover { |
---|
77 | color:#fff; |
---|
78 | } |
---|
79 | |
---|
80 | .theme-default .nivo-controlNav.nivo-thumbs-enabled { |
---|
81 | width: 100%; |
---|
82 | } |
---|
83 | .theme-default .nivo-controlNav.nivo-thumbs-enabled a { |
---|
84 | width: auto; |
---|
85 | height: auto; |
---|
86 | background: none; |
---|
87 | margin-bottom: 5px; |
---|
88 | } |
---|
89 | .theme-default .nivo-controlNav.nivo-thumbs-enabled img { |
---|
90 | display: block; |
---|
91 | width: 120px; |
---|
92 | height: auto; |
---|
93 | } |
---|