source: documentation/trunk/tutorial_sample_files/libraries/althor/css/nivo-slider.css@ 28599

Last change on this file since 28599 was 28599, checked in by jlwhisler, 10 years ago

Draft interface for use in Defining Libraries tutorial.

File size: 4.1 KB
Line 
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: #f3e4c8;
63 color: #585246;
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/*
117Skin Name: Nivo Slider Default Theme
118Skin URI: http://nivo.dev7studios.com
119Skin Type: flexible
120Description: The default skin for the Nivo Slider.
121Version: 1.2
122Author: Gilbert Pellegrom
123Author URI: http://dev7studios.com
124*/
125.theme-default {
126 padding: 10px;
127 background: #f3e4c8;
128 margin-bottom: 20px;
129}
130.theme-default.theme-home {
131 margin-bottom: 20px;
132 box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
133}
134.theme-default .nivoSlider {
135 position: relative;
136 background: #f3e4c8 url(../img/loading.gif) no-repeat 50% 50%;
137}
138.theme-default .nivoSlider img {
139 position: absolute;
140 top: 0px;
141 left: 0px;
142 display: none;
143}
144.theme-default .nivoSlider a {
145 border: 0;
146 display: block;
147}
148.theme-default .nivo-controlNav {
149 text-align: left;
150 padding: 10px 0;
151}
152.theme-default .nivo-controlNav a {
153 display: inline-block;
154 width: 11px;
155 height: 11px;
156 background: #ff9a78;
157 text-indent: -9999px;
158 border: 0;
159 margin: 0 2px;
160 -moz-border-radius: 11px 11px 11px 11px;
161 -webkit-border-radius: 11px 11px 11px 11px;
162 border-radius: 11px 11px 11px 11px;
163}
164.theme-default .nivo-controlNav a.active {
165 background: #cb5432;
166}
167.theme-default .nivo-directionNav a {
168 display: block;
169 width: 38px;
170 height: 64px;
171 background: url(../img/arrows.png) no-repeat;
172 text-indent: -9999px;
173 border: 0;
174}
175.theme-default a.nivo-nextNav {
176 background-position: 0px -64px;
177 right: 0px;
178}
179.theme-default a.nivo-prevNav {
180 left: 0px;
181}
182.theme-default .nivo-caption {
183 font-family: Helvetica, Arial, sans-serif;
184 font-weight: bold;
185 color: #CB5432;
186}
187.theme-default .nivo-caption a {
188 color: #cb5432;
189 border-bottom: 1px dotted #cb5432;
190}
191.theme-default .nivo-caption a:hover {
192 color: #cb5432;
193}
194.theme-default .nivo-controlNav.nivo-thumbs-enabled {
195 width: 100%;
196}
197.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
198 width: auto;
199 height: auto;
200 background: none;
201 margin-bottom: 5px;
202}
203.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
204 display: block;
205 width: 120px;
206 height: auto;
207}
Note: See TracBrowser for help on using the repository browser.