1 | /* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* SLIDER --------------------------------------------------------- */
|
---|
2 | /*
|
---|
3 | * jQuery Nivo Slider v3.0
|
---|
4 | * http://nivo.dev7studios.com
|
---|
5 | *
|
---|
6 | * Copyright 2012, Dev7studios
|
---|
7 | * Free to use and abuse under the MIT license.
|
---|
8 | * http://www.opensource.org/licenses/mit-license.php
|
---|
9 | */
|
---|
10 | /* The Nivo Slider styles */
|
---|
11 | .nivoSlider {
|
---|
12 | position: relative;
|
---|
13 | width: 100%;
|
---|
14 | height: auto;
|
---|
15 | overflow: hidden;
|
---|
16 | }
|
---|
17 | .nivoSlider img {
|
---|
18 | position: absolute;
|
---|
19 | top: 0px;
|
---|
20 | left: 0px;
|
---|
21 | }
|
---|
22 | .nivo-main-image {
|
---|
23 | display: block !important;
|
---|
24 | position: relative !important;
|
---|
25 | width: 100% !important;
|
---|
26 | }
|
---|
27 | /* If an image is wrapped in a link */
|
---|
28 | .nivoSlider a.nivo-imageLink {
|
---|
29 | position: absolute;
|
---|
30 | top: 0px;
|
---|
31 | left: 0px;
|
---|
32 | width: 100%;
|
---|
33 | height: 100%;
|
---|
34 | border: 0;
|
---|
35 | padding: 0;
|
---|
36 | margin: 0;
|
---|
37 | z-index: 6;
|
---|
38 | display: none;
|
---|
39 | }
|
---|
40 | /* The slices and boxes in the Slider */
|
---|
41 | .nivo-slice {
|
---|
42 | display: block;
|
---|
43 | position: absolute;
|
---|
44 | z-index: 5;
|
---|
45 | height: 100%;
|
---|
46 | top: 0;
|
---|
47 | }
|
---|
48 | .nivo-box {
|
---|
49 | display: block;
|
---|
50 | position: absolute;
|
---|
51 | z-index: 5;
|
---|
52 | overflow: hidden;
|
---|
53 | }
|
---|
54 | .nivo-box img {
|
---|
55 | display: block;
|
---|
56 | }
|
---|
57 | /* Caption styles */
|
---|
58 | .nivo-caption {
|
---|
59 | position: absolute;
|
---|
60 | left: 0px;
|
---|
61 | bottom: 0px;
|
---|
62 | background: #888888;
|
---|
63 | color: #444444;
|
---|
64 | width: 100%;
|
---|
65 | z-index: 8;
|
---|
66 | padding: 5px 10px;
|
---|
67 | opacity: 1;
|
---|
68 | overflow: hidden;
|
---|
69 | display: none;
|
---|
70 | -moz-opacity: 0.8;
|
---|
71 | filter: alpha(opacity=8);
|
---|
72 | -webkit-box-sizing: border-box;
|
---|
73 | /* Safari/Chrome, other WebKit */
|
---|
74 |
|
---|
75 | -moz-box-sizing: border-box;
|
---|
76 | /* Firefox, other Gecko */
|
---|
77 |
|
---|
78 | box-sizing: border-box;
|
---|
79 | /* Opera/IE 8+ */
|
---|
80 |
|
---|
81 | }
|
---|
82 | .nivo-caption p {
|
---|
83 | padding: 5px;
|
---|
84 | margin: 0;
|
---|
85 | }
|
---|
86 | .nivo-caption a {
|
---|
87 | display: inline !important;
|
---|
88 | }
|
---|
89 | .nivo-html-caption {
|
---|
90 | display: none;
|
---|
91 | }
|
---|
92 | /* Direction nav styles (e.g. Next & Prev) */
|
---|
93 | .nivo-directionNav a {
|
---|
94 | position: absolute;
|
---|
95 | top: 45%;
|
---|
96 | z-index: 9;
|
---|
97 | cursor: pointer;
|
---|
98 | }
|
---|
99 | .nivo-prevNav {
|
---|
100 | left: 0px;
|
---|
101 | }
|
---|
102 | .nivo-nextNav {
|
---|
103 | right: 0px;
|
---|
104 | }
|
---|
105 | /* Control nav styles (e.g. 1,2,3...) */
|
---|
106 | .nivo-controlNav {
|
---|
107 | text-align: center;
|
---|
108 | padding: 15px 0;
|
---|
109 | }
|
---|
110 | .nivo-controlNav a {
|
---|
111 | cursor: pointer;
|
---|
112 | }
|
---|
113 | .nivo-controlNav a.active {
|
---|
114 | font-weight: bold;
|
---|
115 | }
|
---|
116 | /*
|
---|
117 | Skin Name: Halftone Theme
|
---|
118 | Skin URI: http://www.luiszuno.com
|
---|
119 | Skin Type: flexible
|
---|
120 | Description: Skink for halftone theme
|
---|
121 | Version: 1
|
---|
122 | Author: Ansimuz
|
---|
123 | Author URI: http://www.luiszuno.com
|
---|
124 | */
|
---|
125 | .theme-halftone {
|
---|
126 | padding: 0px;
|
---|
127 | margin-bottom: 0px;
|
---|
128 | padding-bottom: 10px;
|
---|
129 | position: relative;
|
---|
130 | float: left;
|
---|
131 | }
|
---|
132 | .theme-halftone .slider-left {
|
---|
133 | width: 10px;
|
---|
134 | height: 10px;
|
---|
135 | position: absolute;
|
---|
136 | bottom: 58px;
|
---|
137 | left: -10px;
|
---|
138 | background: url(../img/slider-left.png) no-repeat;
|
---|
139 | }
|
---|
140 | .theme-halftone .slider-right {
|
---|
141 | width: 10px;
|
---|
142 | height: 10px;
|
---|
143 | position: absolute;
|
---|
144 | bottom: 58px;
|
---|
145 | right: 0px;
|
---|
146 | background: url(../img/slider-right.png) no-repeat;
|
---|
147 | }
|
---|
148 | .theme-halftone .nivoSlider {
|
---|
149 | position: relative;
|
---|
150 | background: #ece9d6 url(../img/loading.gif) no-repeat 50% 50%;
|
---|
151 | margin-left: -10px;
|
---|
152 | width: 1000px;
|
---|
153 | }
|
---|
154 | .theme-halftone .nivoSlider img {
|
---|
155 | position: absolute;
|
---|
156 | top: 0px;
|
---|
157 | left: 0px;
|
---|
158 | display: none;
|
---|
159 | }
|
---|
160 | .theme-halftone .nivoSlider a {
|
---|
161 | border: 0;
|
---|
162 | display: block;
|
---|
163 | }
|
---|
164 | .theme-halftone .nivo-controlNav {
|
---|
165 | text-align: center;
|
---|
166 | padding: 20px 0 10px 0px;
|
---|
167 | }
|
---|
168 | .theme-halftone .nivo-controlNav a {
|
---|
169 | display: inline-block;
|
---|
170 | width: 27px;
|
---|
171 | height: 28px;
|
---|
172 | background: url(../img/bullets.png) no-repeat;
|
---|
173 | text-indent: -9999px;
|
---|
174 | border: 0;
|
---|
175 | margin: 0 2px;
|
---|
176 | }
|
---|
177 | .theme-halftone .nivo-controlNav a.active {
|
---|
178 | background-position: 0px -28px;
|
---|
179 | }
|
---|
180 | .theme-halftone .nivo-directionNav a {
|
---|
181 | display: block;
|
---|
182 | width: 42px;
|
---|
183 | height: 42px;
|
---|
184 | background: url(../img/arrows.png) no-repeat;
|
---|
185 | text-indent: -9999px;
|
---|
186 | border: 0;
|
---|
187 | }
|
---|
188 | .theme-halftone a.nivo-nextNav {
|
---|
189 | background-position: 0px -42px;
|
---|
190 | right: 10px;
|
---|
191 | }
|
---|
192 | .theme-halftone a.nivo-prevNav {
|
---|
193 | left: 10px;
|
---|
194 | }
|
---|
195 | .theme-halftone .nivo-caption {
|
---|
196 | font-family: Helvetica, Arial, sans-serif;
|
---|
197 | }
|
---|
198 | .theme-halftone .nivo-caption a {
|
---|
199 | color: #e37655;
|
---|
200 | border-bottom: 1px dotted #e37655;
|
---|
201 | }
|
---|
202 | .theme-halftone .nivo-caption a:hover {
|
---|
203 | color: #e37655;
|
---|
204 | }
|
---|
205 | .theme-halftone .nivo-controlNav.nivo-thumbs-enabled {
|
---|
206 | width: 100%;
|
---|
207 | }
|
---|
208 | .theme-halftone .nivo-controlNav.nivo-thumbs-enabled a {
|
---|
209 | width: auto;
|
---|
210 | height: auto;
|
---|
211 | background: none;
|
---|
212 | margin-bottom: 5px;
|
---|
213 | }
|
---|
214 | .theme-halftone .nivo-controlNav.nivo-thumbs-enabled img {
|
---|
215 | display: block;
|
---|
216 | width: 120px;
|
---|
217 | height: auto;
|
---|
218 | }
|
---|