eSales Media Git repositories
Browse code

Removed old Formstone lib version 0.8.29

Benjamin Roth authored on02/02/2016 14:12:37
Showing1 changed files
assets/lib/formstone/0.8.29/css/carousel.css
History View file @a97493f
1 1 
deleted file mode 100755
... ... 
@@ -1,354 +0,0 @@
1 
-/*! formstone v0.8.29 [carousel.css] 2015-11-25 | MIT License | formstone.it */
2 
-
3 
-/**
4 
-	 * @class
5 
-	 * @name .fs-carousel-element
6 
-	 * @type element
7 
-	 * @description Target elmement
8 
-	 */
9 
-/**
10 
-	 * @class
11 
-	 * @name .fs-carousel
12 
-	 * @type element
13 
-	 * @description Base widget class
14 
-	 */
15 
-/**
16 
-	 * @class
17 
-	 * @name .fs-carousel.fs-enabled
18 
-	 * @type modifier
19 
-	 * @description Indicates enabled state
20 
-	 */
21 
-/**
22 
-	 * @class
23 
-	 * @name .fs-carousel.fs-rtl
24 
-	 * @type modifier
25 
-	 * @description Indicates right to left display
26 
-	 */
27 
-/**
28 
-	 * @class
29 
-	 * @name .fs-carousel.fs-carousel-auto_height
30 
-	 * @type modifier
31 
-	 * @description Indicates auto height sizing
32 
-	 */
33 
-/**
34 
-	 * @class
35 
-	 * @name .fs-carousel.fs-carousel-contained
36 
-	 * @type modifier
37 
-	 * @description Indicates overflow: hidden
38 
-	 */
39 
-/**
40 
-	 * @class
41 
-	 * @name .fs-carousel.fs-carousel-single
42 
-	 * @type modifier
43 
-	 * @description Indicates single item display
44 
-	 */
45 
-.fs-carousel {
46 
-  /**
47 
-		 * @class
48 
-		 * @name .fs-carousel-viewport
49 
-		 * @type element
50 
-		 * @description Carousel container
51 
-		 */
52 
-  /**
53 
-		 * @class
54 
-		 * @name .fs-carousel-wrapper
55 
-		 * @type element
56 
-		 * @description Carousel container
57 
-		 */
58 
-  /**
59 
-		 * @class
60 
-		 * @name .fs-carousel-container
61 
-		 * @type element
62 
-		 * @description Canister container
63 
-		 */
64 
-  /**
65 
-		 * @class
66 
-		 * @name .fs-carousel-canister
67 
-		 * @type element
68 
-		 * @description Item container
69 
-		 */
70 
-  /**
71 
-		 * @class
72 
-		 * @name .fs-carousel-canister
73 
-		 * @type element
74 
-		 * @description Item container
75 
-		 */
76 
-  /**
77 
-		 * @class
78 
-		 * @name .fs-carousel-item
79 
-		 * @type element
80 
-		 * @description Individual item
81 
-		 */
82 
-  /**
83 
-		 * @class
84 
-		 * @name .fs-carousel-controls
85 
-		 * @type element
86 
-		 * @description Controls container
87 
-		 */
88 
-  /**
89 
-		 * @class
90 
-		 * @name .fs-carousel-controls.fs-carousel-visible
91 
-		 * @type modifier
92 
-		 * @description Indicates visible state
93 
-		 */
94 
-  /**
95 
-		 * @class
96 
-		 * @name .fs-carousel-control
97 
-		 * @type element
98 
-		 * @description Control element
99 
-		 */
100 
-  /**
101 
-		 * @class
102 
-		 * @name .fs-carousel-control.fs-carousel-control_previous
103 
-		 * @type modifier
104 
-		 * @description Indicates previous control
105 
-		 */
106 
-  /**
107 
-		 * @class
108 
-		 * @name .fs-carousel-control.fs-carousel-control_next
109 
-		 * @type modifier
110 
-		 * @description Indicates next control
111 
-		 */
112 
-  /**
113 
-		 * @class
114 
-		 * @name .fs-carousel-control.fs-carousel-control_disabled
115 
-		 * @type modifier
116 
-		 * @description Indicates disbaled state
117 
-		 */
118 
-  /**
119 
-		 * @class
120 
-		 * @name .fs-carousel-pagination
121 
-		 * @type element
122 
-		 * @description Item element
123 
-		 */
124 
-  /**
125 
-		 * @class
126 
-		 * @name .fs-carousel-pagination.fs-carousel-visible
127 
-		 * @type modifier
128 
-		 * @description Indicates visible state
129 
-		 */
130 
-  /**
131 
-		 * @class
132 
-		 * @name .fs-carousel-page
133 
-		 * @type element
134 
-		 * @description Pagiantion item element
135 
-		 */
136 
-  /**
137 
-		 * @class
138 
-		 * @name .fs-carousel-page.fs-carousel-active
139 
-		 * @type modifier
140 
-		 * @description Indicates active state
141 
-		 */
142 
-}
143 
-.fs-carousel.fs-carousel-enabled {
144 
-  width: 100%;
145 
-  position: relative;
146 
-}
147 
-.fs-carousel.fs-carousel-enabled:after {
148 
-  clear: both;
149 
-  content: '';
150 
-  display: table;
151 
-}
152 
-.fs-carousel,
153 
-.fs-carousel:after,
154 
-.fs-carousel:before,
155 
-.fs-carousel *,
156 
-.fs-carousel *:after,
157 
-.fs-carousel *:before {
158 
-  box-sizing: border-box;
159 
-  -webkit-transition: none;
160 
-          transition: none;
161 
-  -webkit-user-select: none !important;
162 
-     -moz-user-select: none !important;
163 
-      -ms-user-select: none !important;
164 
-          user-select: none !important;
165 
-}
166 
-.fs-carousel-enabled.fs-carousel-contained,
167 
-.fs-carousel-enabled.fs-carousel-contained .fs-carousel-viewport,
168 
-.fs-carousel-enabled.fs-carousel-contained .fs-carousel-wrapper,
169 
-.fs-carousel-enabled.fs-carousel-contained .fs-carousel-container {
170 
-  overflow: hidden;
171 
-}
172 
-.fs-carousel-enabled .fs-carousel-viewport {
173 
-  position: relative;
174 
-}
175 
-.fs-carousel-enabled .fs-carousel-viewport:after {
176 
-  clear: both;
177 
-  content: '';
178 
-  display: table;
179 
-}
180 
-.fs-carousel-enabled .fs-carousel-wrapper {
181 
-  position: relative;
182 
-}
183 
-.fs-carousel-enabled .fs-carousel-wrapper:after {
184 
-  clear: both;
185 
-  content: '';
186 
-  display: table;
187 
-}
188 
-.fs-carousel-enabled .fs-carousel-container {
189 
-  position: relative;
190 
-}
191 
-.fs-carousel-enabled .fs-carousel-container:after {
192 
-  clear: both;
193 
-  content: '';
194 
-  display: table;
195 
-}
196 
-.fs-carousel-enabled .fs-carousel-canister {
197 
-  position: relative;
198 
-  -webkit-backface-visibility: hidden;
199 
-          backface-visibility: hidden;
200 
-  margin: 0;
201 
-  overflow: hidden;
202 
-  -webkit-transition: -webkit-transform 0.5s ease;
203 
-          transition: transform 0.5s ease;
204 
-  -webkit-transform: translate3d(0, 0, 0);
205 
-          transform: translate3d(0, 0, 0);
206 
-}
207 
-.fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister {
208 
-  -webkit-transition: height 0.5s ease, -webkit-transform 0.5s ease;
209 
-          transition: height 0.5s ease, transform 0.5s ease;
210 
-}
211 
-.fs-carousel-enabled .fs-carousel-item {
212 
-  min-height: 1px;
213 
-  display: block;
214 
-  float: left;
215 
-}
216 
-.fs-carousel-enabled .fs-carousel-item img {
217 
-  -webkit-user-drag: none;
218 
-  -webkit-user-select: none;
219 
-     -moz-user-select: none;
220 
-      -ms-user-select: none;
221 
-          user-select: none;
222 
-}
223 
-.fs-carousel-single .fs-carousel-item {
224 
-  position: absolute;
225 
-  top: 0;
226 
-  left: 0;
227 
-  z-index: 1;
228 
-}
229 
-.fs-carousel-single .fs-carousel-item.fs-carousel-visible {
230 
-  position: relative;
231 
-  z-index: 2;
232 
-}
233 
-.fs-carousel-controls {
234 
-  display: none;
235 
-}
236 
-.fs-carousel-enabled .fs-carousel-controls {
237 
-  width: 100%;
238 
-  margin: 0;
239 
-  padding: 0;
240 
-}
241 
-.fs-carousel-enabled .fs-carousel-controls.fs-carousel-visible,
242 
-.fs-carousel-controls_custom.fs-carousel-visible {
243 
-  display: block;
244 
-}
245 
-.fs-carousel-enabled .fs-carousel-control {
246 
-  position: absolute;
247 
-  top: 0;
248 
-  bottom: 0;
249 
-  border: 0;
250 
-  cursor: pointer;
251 
-  display: block;
252 
-  padding: 0;
253 
-  visibility: hidden;
254 
-  width: 40px;
255 
-  height: 40px;
256 
-  background: #ffffff;
257 
-  border-radius: 100%;
258 
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
259 
-  margin: auto;
260 
-  opacity: 0;
261 
-  overflow: hidden;
262 
-  text-indent: 200%;
263 
-  -webkit-transition: opacity 0.15s ease, visibility 0.15s ease;
264 
-          transition: opacity 0.15s ease, visibility 0.15s ease;
265 
-  white-space: nowrap;
266 
-}
267 
-.fs-carousel-enabled .fs-carousel-control:before {
268 
-  width: 0;
269 
-  height: 0;
270 
-  position: absolute;
271 
-  top: 0;
272 
-  right: 0;
273 
-  bottom: 0;
274 
-  left: 0;
275 
-  content: '';
276 
-  margin: auto;
277 
-}
278 
-.no-opacity .fs-carousel-enabled .fs-carousel-control {
279 
-  text-indent: -999px;
280 
-}
281 
-.fs-carousel-enabled .fs-carousel-control.fs-carousel-visible {
282 
-  visibility: visible;
283 
-  opacity: 1;
284 
-}
285 
-.fs-carousel-enabled .fs-carousel-control_previous,
286 
-.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next {
287 
-  right: auto;
288 
-  left: 20px;
289 
-}
290 
-.fs-carousel-enabled .fs-carousel-control_previous:before,
291 
-.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next:before {
292 
-  border-top: 7px solid transparent;
293 
-  border-bottom: 7px solid transparent;
294 
-  border-right: 10.5px solid #333333;
295 
-  border-left: none;
296 
-  margin-left: 13.7px;
297 
-  margin-right: auto;
298 
-}
299 
-.fs-carousel-enabled .fs-carousel-control_next,
300 
-.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous {
301 
-  right: 20px;
302 
-  left: auto;
303 
-}
304 
-.fs-carousel-enabled .fs-carousel-control_next:before,
305 
-.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous:before {
306 
-  border-top: 7px solid transparent;
307 
-  border-bottom: 7px solid transparent;
308 
-  border-left: 10.5px solid #333333;
309 
-  border-right: none;
310 
-  margin-right: 13.7px;
311 
-  margin-left: auto;
312 
-}
313 
-.fs-carousel-enabled .fs-carousel-control_disabled {
314 
-  opacity: 0;
315 
-}
316 
-.fs-carousel-pagination {
317 
-  display: none;
318 
-}
319 
-.fs-carousel-enabled .fs-carousel-pagination {
320 
-  width: 100%;
321 
-  margin: 10px 0 0;
322 
-  padding: 0;
323 
-  text-align: center;
324 
-}
325 
-.fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible {
326 
-  display: block;
327 
-}
328 
-.fs-carousel-enabled .fs-carousel-page {
329 
-  border: 0;
330 
-  cursor: pointer;
331 
-  display: inline-block;
332 
-  padding: 0;
333 
-  width: 10px;
334 
-  height: 10px;
335 
-  background: #333333;
336 
-  border-radius: 100%;
337 
-  margin: 0 3px;
338 
-  opacity: 0.5;
339 
-  overflow: hidden;
340 
-  text-indent: 200%;
341 
-  white-space: nowrap;
342 
-}
343 
-.no-opacity .fs-carousel-enabled .fs-carousel-page {
344 
-  text-indent: -999px;
345 
-}
346 
-.fs-carousel-enabled .fs-carousel-page.fs-carousel-active {
347 
-  opacity: 1;
348 
-}
349 
-.fs-carousel-enabled.fs-carousel-rtl {
350 
-  direction: rtl;
351 
-}
352 
-.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-item {
353 
-  float: right;
354 
-}
Browse code

Update Formstone lib to version 0.8.29

Benjamin Roth authored on30/11/2015 14:21:19
Showing1 changed files
assets/lib/formstone/0.8.29/css/carousel.css
History View file @759c097
1 1 
new file mode 100755
... ... 
@@ -0,0 +1,354 @@
1 
+/*! formstone v0.8.29 [carousel.css] 2015-11-25 | MIT License | formstone.it */
2 
+
3 
+/**
4 
+	 * @class
5 
+	 * @name .fs-carousel-element
6 
+	 * @type element
7 
+	 * @description Target elmement
8 
+	 */
9 
+/**
10 
+	 * @class
11 
+	 * @name .fs-carousel
12 
+	 * @type element
13 
+	 * @description Base widget class
14 
+	 */
15 
+/**
16 
+	 * @class
17 
+	 * @name .fs-carousel.fs-enabled
18 
+	 * @type modifier
19 
+	 * @description Indicates enabled state
20 
+	 */
21 
+/**
22 
+	 * @class
23 
+	 * @name .fs-carousel.fs-rtl
24 
+	 * @type modifier
25 
+	 * @description Indicates right to left display
26 
+	 */
27 
+/**
28 
+	 * @class
29 
+	 * @name .fs-carousel.fs-carousel-auto_height
30 
+	 * @type modifier
31 
+	 * @description Indicates auto height sizing
32 
+	 */
33 
+/**
34 
+	 * @class
35 
+	 * @name .fs-carousel.fs-carousel-contained
36 
+	 * @type modifier
37 
+	 * @description Indicates overflow: hidden
38 
+	 */
39 
+/**
40 
+	 * @class
41 
+	 * @name .fs-carousel.fs-carousel-single
42 
+	 * @type modifier
43 
+	 * @description Indicates single item display
44 
+	 */
45 
+.fs-carousel {
46 
+  /**
47 
+		 * @class
48 
+		 * @name .fs-carousel-viewport
49 
+		 * @type element
50 
+		 * @description Carousel container
51 
+		 */
52 
+  /**
53 
+		 * @class
54 
+		 * @name .fs-carousel-wrapper
55 
+		 * @type element
56 
+		 * @description Carousel container
57 
+		 */
58 
+  /**
59 
+		 * @class
60 
+		 * @name .fs-carousel-container
61 
+		 * @type element
62 
+		 * @description Canister container
63 
+		 */
64 
+  /**
65 
+		 * @class
66 
+		 * @name .fs-carousel-canister
67 
+		 * @type element
68 
+		 * @description Item container
69 
+		 */
70 
+  /**
71 
+		 * @class
72 
+		 * @name .fs-carousel-canister
73 
+		 * @type element
74 
+		 * @description Item container
75 
+		 */
76 
+  /**
77 
+		 * @class
78 
+		 * @name .fs-carousel-item
79 
+		 * @type element
80 
+		 * @description Individual item
81 
+		 */
82 
+  /**
83 
+		 * @class
84 
+		 * @name .fs-carousel-controls
85 
+		 * @type element
86 
+		 * @description Controls container
87 
+		 */
88 
+  /**
89 
+		 * @class
90 
+		 * @name .fs-carousel-controls.fs-carousel-visible
91 
+		 * @type modifier
92 
+		 * @description Indicates visible state
93 
+		 */
94 
+  /**
95 
+		 * @class
96 
+		 * @name .fs-carousel-control
97 
+		 * @type element
98 
+		 * @description Control element
99 
+		 */
100 
+  /**
101 
+		 * @class
102 
+		 * @name .fs-carousel-control.fs-carousel-control_previous
103 
+		 * @type modifier
104 
+		 * @description Indicates previous control
105 
+		 */
106 
+  /**
107 
+		 * @class
108 
+		 * @name .fs-carousel-control.fs-carousel-control_next
109 
+		 * @type modifier
110 
+		 * @description Indicates next control
111 
+		 */
112 
+  /**
113 
+		 * @class
114 
+		 * @name .fs-carousel-control.fs-carousel-control_disabled
115 
+		 * @type modifier
116 
+		 * @description Indicates disbaled state
117 
+		 */
118 
+  /**
119 
+		 * @class
120 
+		 * @name .fs-carousel-pagination
121 
+		 * @type element
122 
+		 * @description Item element
123 
+		 */
124 
+  /**
125 
+		 * @class
126 
+		 * @name .fs-carousel-pagination.fs-carousel-visible
127 
+		 * @type modifier
128 
+		 * @description Indicates visible state
129 
+		 */
130 
+  /**
131 
+		 * @class
132 
+		 * @name .fs-carousel-page
133 
+		 * @type element
134 
+		 * @description Pagiantion item element
135 
+		 */
136 
+  /**
137 
+		 * @class
138 
+		 * @name .fs-carousel-page.fs-carousel-active
139 
+		 * @type modifier
140 
+		 * @description Indicates active state
141 
+		 */
142 
+}
143 
+.fs-carousel.fs-carousel-enabled {
144 
+  width: 100%;
145 
+  position: relative;
146 
+}
147 
+.fs-carousel.fs-carousel-enabled:after {
148 
+  clear: both;
149 
+  content: '';
150 
+  display: table;
151 
+}
152 
+.fs-carousel,
153 
+.fs-carousel:after,
154 
+.fs-carousel:before,
155 
+.fs-carousel *,
156 
+.fs-carousel *:after,
157 
+.fs-carousel *:before {
158 
+  box-sizing: border-box;
159 
+  -webkit-transition: none;
160 
+          transition: none;
161 
+  -webkit-user-select: none !important;
162 
+     -moz-user-select: none !important;
163 
+      -ms-user-select: none !important;
164 
+          user-select: none !important;
165 
+}
166 
+.fs-carousel-enabled.fs-carousel-contained,
167 
+.fs-carousel-enabled.fs-carousel-contained .fs-carousel-viewport,
168 
+.fs-carousel-enabled.fs-carousel-contained .fs-carousel-wrapper,
169 
+.fs-carousel-enabled.fs-carousel-contained .fs-carousel-container {
170 
+  overflow: hidden;
171 
+}
172 
+.fs-carousel-enabled .fs-carousel-viewport {
173 
+  position: relative;
174 
+}
175 
+.fs-carousel-enabled .fs-carousel-viewport:after {
176 
+  clear: both;
177 
+  content: '';
178 
+  display: table;
179 
+}
180 
+.fs-carousel-enabled .fs-carousel-wrapper {
181 
+  position: relative;
182 
+}
183 
+.fs-carousel-enabled .fs-carousel-wrapper:after {
184 
+  clear: both;
185 
+  content: '';
186 
+  display: table;
187 
+}
188 
+.fs-carousel-enabled .fs-carousel-container {
189 
+  position: relative;
190 
+}
191 
+.fs-carousel-enabled .fs-carousel-container:after {
192 
+  clear: both;
193 
+  content: '';
194 
+  display: table;
195 
+}
196 
+.fs-carousel-enabled .fs-carousel-canister {
197 
+  position: relative;
198 
+  -webkit-backface-visibility: hidden;
199 
+          backface-visibility: hidden;
200 
+  margin: 0;
201 
+  overflow: hidden;
202 
+  -webkit-transition: -webkit-transform 0.5s ease;
203 
+          transition: transform 0.5s ease;
204 
+  -webkit-transform: translate3d(0, 0, 0);
205 
+          transform: translate3d(0, 0, 0);
206 
+}
207 
+.fs-carousel-enabled.fs-carousel-auto_height .fs-carousel-canister {
208 
+  -webkit-transition: height 0.5s ease, -webkit-transform 0.5s ease;
209 
+          transition: height 0.5s ease, transform 0.5s ease;
210 
+}
211 
+.fs-carousel-enabled .fs-carousel-item {
212 
+  min-height: 1px;
213 
+  display: block;
214 
+  float: left;
215 
+}
216 
+.fs-carousel-enabled .fs-carousel-item img {
217 
+  -webkit-user-drag: none;
218 
+  -webkit-user-select: none;
219 
+     -moz-user-select: none;
220 
+      -ms-user-select: none;
221 
+          user-select: none;
222 
+}
223 
+.fs-carousel-single .fs-carousel-item {
224 
+  position: absolute;
225 
+  top: 0;
226 
+  left: 0;
227 
+  z-index: 1;
228 
+}
229 
+.fs-carousel-single .fs-carousel-item.fs-carousel-visible {
230 
+  position: relative;
231 
+  z-index: 2;
232 
+}
233 
+.fs-carousel-controls {
234 
+  display: none;
235 
+}
236 
+.fs-carousel-enabled .fs-carousel-controls {
237 
+  width: 100%;
238 
+  margin: 0;
239 
+  padding: 0;
240 
+}
241 
+.fs-carousel-enabled .fs-carousel-controls.fs-carousel-visible,
242 
+.fs-carousel-controls_custom.fs-carousel-visible {
243 
+  display: block;
244 
+}
245 
+.fs-carousel-enabled .fs-carousel-control {
246 
+  position: absolute;
247 
+  top: 0;
248 
+  bottom: 0;
249 
+  border: 0;
250 
+  cursor: pointer;
251 
+  display: block;
252 
+  padding: 0;
253 
+  visibility: hidden;
254 
+  width: 40px;
255 
+  height: 40px;
256 
+  background: #ffffff;
257 
+  border-radius: 100%;
258 
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
259 
+  margin: auto;
260 
+  opacity: 0;
261 
+  overflow: hidden;
262 
+  text-indent: 200%;
263 
+  -webkit-transition: opacity 0.15s ease, visibility 0.15s ease;
264 
+          transition: opacity 0.15s ease, visibility 0.15s ease;
265 
+  white-space: nowrap;
266 
+}
267 
+.fs-carousel-enabled .fs-carousel-control:before {
268 
+  width: 0;
269 
+  height: 0;
270 
+  position: absolute;
271 
+  top: 0;
272 
+  right: 0;
273 
+  bottom: 0;
274 
+  left: 0;
275 
+  content: '';
276 
+  margin: auto;
277 
+}
278 
+.no-opacity .fs-carousel-enabled .fs-carousel-control {
279 
+  text-indent: -999px;
280 
+}
281 
+.fs-carousel-enabled .fs-carousel-control.fs-carousel-visible {
282 
+  visibility: visible;
283 
+  opacity: 1;
284 
+}
285 
+.fs-carousel-enabled .fs-carousel-control_previous,
286 
+.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next {
287 
+  right: auto;
288 
+  left: 20px;
289 
+}
290 
+.fs-carousel-enabled .fs-carousel-control_previous:before,
291 
+.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_next:before {
292 
+  border-top: 7px solid transparent;
293 
+  border-bottom: 7px solid transparent;
294 
+  border-right: 10.5px solid #333333;
295 
+  border-left: none;
296 
+  margin-left: 13.7px;
297 
+  margin-right: auto;
298 
+}
299 
+.fs-carousel-enabled .fs-carousel-control_next,
300 
+.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous {
301 
+  right: 20px;
302 
+  left: auto;
303 
+}
304 
+.fs-carousel-enabled .fs-carousel-control_next:before,
305 
+.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-control_previous:before {
306 
+  border-top: 7px solid transparent;
307 
+  border-bottom: 7px solid transparent;
308 
+  border-left: 10.5px solid #333333;
309 
+  border-right: none;
310 
+  margin-right: 13.7px;
311 
+  margin-left: auto;
312 
+}
313 
+.fs-carousel-enabled .fs-carousel-control_disabled {
314 
+  opacity: 0;
315 
+}
316 
+.fs-carousel-pagination {
317 
+  display: none;
318 
+}
319 
+.fs-carousel-enabled .fs-carousel-pagination {
320 
+  width: 100%;
321 
+  margin: 10px 0 0;
322 
+  padding: 0;
323 
+  text-align: center;
324 
+}
325 
+.fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible {
326 
+  display: block;
327 
+}
328 
+.fs-carousel-enabled .fs-carousel-page {
329 
+  border: 0;
330 
+  cursor: pointer;
331 
+  display: inline-block;
332 
+  padding: 0;
333 
+  width: 10px;
334 
+  height: 10px;
335 
+  background: #333333;
336 
+  border-radius: 100%;
337 
+  margin: 0 3px;
338 
+  opacity: 0.5;
339 
+  overflow: hidden;
340 
+  text-indent: 200%;
341 
+  white-space: nowrap;
342 
+}
343 
+.no-opacity .fs-carousel-enabled .fs-carousel-page {
344 
+  text-indent: -999px;
345 
+}
346 
+.fs-carousel-enabled .fs-carousel-page.fs-carousel-active {
347 
+  opacity: 1;
348 
+}
349 
+.fs-carousel-enabled.fs-carousel-rtl {
350 
+  direction: rtl;
351 
+}
352 
+.fs-carousel-enabled.fs-carousel-rtl .fs-carousel-item {
353 
+  float: right;
354 
+}