source: spip-zone/_plugins_/nivoslider/trunk/css/nivoslider.css.html @ 81561

Last change on this file since 81561 was 81561, checked in by cedric@…, 7 years ago

bugfix sur le highlight du slide actif, on peut passer nolazy=1 au modele pour desactiver le lazyload

  • Property svn:executable set to *
File size: 4.4 KB
Line 
1#CACHE{3600*100,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4/*
5 * jQuery Nivo Slider v3.2
6 * http://nivo.dev7studios.com
7 *
8 * Copyright 2012, Dev7studios
9 * Free to use and abuse under the MIT license.
10 * http://www.opensource.org/licenses/mit-license.php
11 * <style>
12 */
13
14/* The Nivo Slider styles */
15.nivoSlider {
16        position:relative;
17        width:100%;
18        height:auto;
19        overflow: hidden;
20}
21.nivoSlider img {
22        position:absolute;
23        top:0px;
24        left:0px;
25        max-width: none;
26}
27.nivo-main-image {
28        display: block !important;
29        position: relative !important;
30        width: 100% !important;
31}
32
33/* If an image is wrapped in a link */
34.nivoSlider a.nivo-imageLink {
35        position:absolute;
36        top:0px;
37        left:0px;
38        width:100%;
39        height:100%;
40        border:0;
41        padding:0;
42        margin:0;
43        z-index:6;
44        display:none;
45        background:white;
46        filter:alpha(opacity=0);
47        opacity:0;
48}
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/* Caption styles */
68.nivo-caption {
69        position:absolute;
70        left:0px;
71        bottom:0px;
72        background:#000;
73        color:#fff;
74        width:100%;
75        z-index:8;
76        padding: 5px 10px;
77        opacity: 0.8;
78        overflow: hidden;
79        display: none;
80        -moz-opacity: 0.8;
81        filter:alpha(opacity=8);
82        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
83        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
84        box-sizing: border-box;         /* Opera/IE 8+ */
85}
86.nivo-caption p {
87        padding:5px;
88        margin:0;
89}
90.nivo-caption a {
91        display:inline !important;
92}
93.nivo-html-caption {
94    display:none;
95}
96
97/* Direction nav styles (e.g. Next & Prev) */
98.nivo-directionNav a {
99        position:absolute;
100        top:45%;
101        z-index:9;
102        cursor:pointer;
103}
104.nivo-prevNav {
105        left:0px;
106}
107.nivo-nextNav {
108        right:0px;
109}
110
111/* Control nav styles (e.g. 1,2,3...) */
112.nivo-controlNav {
113        text-align:center;
114        padding: 15px 0;
115}
116.nivo-controlNav a {
117        cursor:pointer;
118}
119.nivo-controlNav a.active {
120        font-weight:bold;
121}
122
123
124/**
125 * Specific to SPIP plugin
126 */
127.nivoSlider-wrap {
128        position:relative;
129        margin:0 auto;
130}
131.nivoSlider {
132        height: 100%; /*.nivoSlider-wrap is height and width fixed by inline styles */
133}
134
135.nivo-caption {
136        background:#CONFIG{nivoslider/captionBackcolor,'#000'};
137        color:#CONFIG{nivoslider/captionFrontcolor,'#FFF'};
138  opacity:#CONFIG{nivoslider/captionOpacity,0.8};
139  filter: "alpha(opacity=[(#CONFIG{nivoslider/captionOpacity,0.8}|mult{100})])";
140}
141[(#CONFIG{nivoslider/directionNavHide,true}|=={true}|oui)
142.nivo-directionNav {visibility: hidden}
143.nivoSlider:hover .nivo-directionNav {visibility: visible}
144]
145
146
147/* Control nav bullet styles (e.g. 1,2,3...) */
148.nivoSlider-wrap.nav-bullet .nivo-controlNav {
149        position: absolute;
150  right:0;
151  top:0;
152}
153
154.nivoSlider-wrap.nav-bullet .nivo-controlNav a,
155.nivo-controlNav a{
156        position:relative;
157        z-index:99;
158        width:22px;
159        height:22px;
160        background:url(#CHEMIN{css/img/bullets.png}) no-repeat;
161        text-indent:-9999px;
162        border:0;
163        margin-right:3px;
164        float:left;
165}
166
167.nivoSlider-wrap.nav-bullet .nivo-controlNav a.active,
168.nivo-controlNav a.active {
169        font-weight:bold;
170        background-position:0 -22px;
171}
172
173.nivo-directionNav a {
174        display:block;
175        width:30px;
176        height:30px;
177        background:url(#CHEMIN{css/img/arrows.png}) no-repeat;
178        text-indent:-9999px;
179        border:0;
180}
181
182a.nivo-nextNav {
183        background-position:-30px 0;
184        right:15px;
185}
186
187a.nivo-prevNav {
188        left:15px;
189}
190
191.nivo-caption {
192 text-shadow:none;
193 font-family: Helvetica, Arial, sans-serif;
194}
195
196.nivoSlider-wrap.nav-thumb {
197        margin-bottom:[(#CONFIG{nivoslider/bottomMargin,80}|intval|max{50})]px;
198}
199
200.nivoSlider-wrap.nav-thumb .nivo-controlNav {
201        width: 100%;
202        text-align:center;
203}
204
205.nivoSlider-wrap.nav-thumb .nivo-controlNav a {
206        display:inline;
207}
208
209.nivoSlider-wrap.nav-thumb .nivo-controlNav img {
210        display:inline;
211        cursor:pointer;
212        position:relative;
213        margin-left:5px;
214        margin-right:5px;
215        -moz-box-shadow:0px 0px 5px #333;
216        -webkit-box-shadow:0px 0px 5px #333;
217        box-shadow:0px 0px 5px #333;
218        max-height: [(#CONFIG{nivoslider/bottomMargin,80}|intval|max{50}|moins{30})]px;
219  width:auto;
220}
221
222.nivoSlider-wrap.nav-thumb .nivo-controlNav a.active img {
223    border:1px solid #666;
224}
Note: See TracBrowser for help on using the repository browser.