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