Browse code

Removing old formstone libraries

Benjamin Roth authored on08/06/2016 14:32:18
Showing1 changed files
1 1
deleted file mode 100755
... ...
@@ -1,526 +0,0 @@
1
-/*! formstone v0.7.12 [navigation.css] 2015-08-12 | MIT License | formstone.it */
2
-
3
-/**
4
-	 * @class
5
-	 * @name .fs-navigation-element
6
-	 * @type element
7
-	 * @description Target elmement
8
-	 */
9
-/**
10
-	 * @class
11
-	 * @name .fs-navigation
12
-	 * @type element
13
-	 * @description Base widget class
14
-	 */
15
-.fs-navigation {
16
-  /**
17
-		 * @class
18
-		 * @name .fs-navigation-toggle-nav
19
-		 * @type element
20
-		 * @description Toggle navigation
21
-		 */
22
-  /**
23
-		 * @class
24
-		 * @name .fs-navigation-toggle-nav.fs-navigation-enabled
25
-		 * @type modifier
26
-		 * @description Indicates enabled state
27
-		 */
28
-  /**
29
-		 * @class
30
-		 * @name .fs-navigation-toggle-nav.fs-navigation-open
31
-		 * @type modifier
32
-		 * @description Indicates open state
33
-		 */
34
-  /**
35
-		 * @class
36
-		 * @name .fs-navigation-toggle-handle
37
-		 * @type element
38
-		 * @description Toggle handle
39
-		 */
40
-  /**
41
-		 * @class
42
-		 * @name .fs-navigation-toggle-handle.fs-navigation-enabled
43
-		 * @type modifier
44
-		 * @description Indicates enabled state
45
-		 */
46
-  /**
47
-		 * @class
48
-		 * @name .fs-navigation-toggle-handle.fs-navigation-open
49
-		 * @type modifier
50
-		 * @description Indicates open state
51
-		 */
52
-  /**
53
-		 * @class
54
-		 * @name .fs-navigation-overlay-nav
55
-		 * @type element
56
-		 * @description Overlay nav
57
-		 */
58
-  /**
59
-		 * @class
60
-		 * @name .fs-navigation-overlay-nav.fs-navigation-enabled
61
-		 * @type modifier
62
-		 * @description Indicates enabled state
63
-		 */
64
-  /**
65
-		 * @class
66
-		 * @name .fs-navigation-overlay-nav.fs-navigation-animated
67
-		 * @type modifier
68
-		 * @description Indicates animated state
69
-		 */
70
-  /**
71
-		 * @class
72
-		 * @name .fs-navigation-overlay-nav.fs-navigation-open
73
-		 * @type modifier
74
-		 * @description Indicates open state
75
-		 */
76
-  /**
77
-		 * @class
78
-		 * @name .fs-navigation-overlay-left-nav
79
-		 * @type modifier
80
-		 * @description Indicates left hand nav
81
-		 */
82
-  /**
83
-		 * @class
84
-		 * @name .fs-navigation-overlay-right-nav
85
-		 * @type modifier
86
-		 * @description Indicates right hand nav
87
-		 */
88
-  /**
89
-		 * @class
90
-		 * @name .fs-navigation-push-nav
91
-		 * @type element
92
-		 * @description Push nav
93
-		 */
94
-  /**
95
-		 * @class
96
-		 * @name .fs-navigation-push-nav.fs-navigation-enabled
97
-		 * @type modifier
98
-		 * @description Indicates enabled state
99
-		 */
100
-  /**
101
-		 * @class
102
-		 * @name .fs-navigation-push-nav.fs-navigation-animated
103
-		 * @type modifier
104
-		 * @description Indicates animated state
105
-		 */
106
-  /**
107
-		 * @class
108
-		 * @name .fs-navigation-push-nav.fs-navigation-open
109
-		 * @type modifier
110
-		 * @description Indicates open state
111
-		 */
112
-  /**
113
-		 * @class
114
-		 * @name .fs-navigation-push-left-nav
115
-		 * @type modifier
116
-		 * @description Indicates left hand nav
117
-		 */
118
-  /**
119
-		 * @class
120
-		 * @name .fs-navigation-push-right-nav
121
-		 * @type modifier
122
-		 * @description Indicates right hand nav
123
-		 */
124
-  /**
125
-		 * @class
126
-		 * @name .fs-navigation-reveal-nav
127
-		 * @type element
128
-		 * @description Reveal nav
129
-		 */
130
-  /**
131
-		 * @class
132
-		 * @name .fs-navigation-reveal-nav.fs-navigation-enabled
133
-		 * @type modifier
134
-		 * @description Indicates enabled state
135
-		 */
136
-  /**
137
-		 * @class
138
-		 * @name .fs-navigation-reveal-nav.fs-navigation-animated
139
-		 * @type modifier
140
-		 * @description Indicates animated state
141
-		 */
142
-  /**
143
-		 * @class
144
-		 * @name .fs-navigation-reveal-nav.fs-navigation-open
145
-		 * @type modifier
146
-		 * @description Indicates open state
147
-		 */
148
-  /**
149
-		 * @class
150
-		 * @name .fs-navigation-reveal-left-nav
151
-		 * @type modifier
152
-		 * @description Indicates left hand nav
153
-		 */
154
-  /**
155
-		 * @class
156
-		 * @name .fs-navigation-reveal-right-nav
157
-		 * @type modifier
158
-		 * @description Indicates right hand nav
159
-		 */
160
-  /**
161
-		 * @class
162
-		 * @name .fs-navigation-overlay-handle
163
-		 * @type element
164
-		 * @description Overlay handle
165
-		 */
166
-  /**
167
-		 * @class
168
-		 * @name .fs-navigation-overlay-handle.fs-navigation-enabled
169
-		 * @type modifier
170
-		 * @description Indicates enabled state
171
-		 */
172
-  /**
173
-		 * @class
174
-		 * @name .fs-navigation-push-handle
175
-		 * @type element
176
-		 * @description Push handle
177
-		 */
178
-  /**
179
-		 * @class
180
-		 * @name .fs-navigation-push-handle.fs-navigation-enabled
181
-		 * @type modifier
182
-		 * @description Indicates enabled state
183
-		 */
184
-  /**
185
-		 * @class
186
-		 * @name .fs-navigation-overlay-content:before
187
-		 * @type element
188
-		 * @description Overlay mask
189
-		 */
190
-  /**
191
-		 * @class
192
-		 * @name .fs-navigation-overlay-content.fs-navigation-open:before
193
-		 * @type modifier
194
-		 * @description Indicates open state
195
-		 */
196
-  /**
197
-		 * @class
198
-		 * @name .fs-navigation-push-content
199
-		 * @type element
200
-		 * @description Target page content
201
-		 */
202
-  /**
203
-		 * @class
204
-		 * @name .fs-navigation-push-content.fs-navigation-enabled
205
-		 * @type modifier
206
-		 * @description Indicates enabled state
207
-		 */
208
-  /**
209
-		 * @class
210
-		 * @name .fs-navigation-push-content.fs-navigation-animated
211
-		 * @type modifier
212
-		 * @description Indicates animted state
213
-		 */
214
-  /**
215
-		 * @class
216
-		 * @name .fs-navigation-push-content.fs-navigation-open
217
-		 * @type modifier
218
-		 * @description Indicates open state
219
-		 */
220
-  /**
221
-		 * @class
222
-		 * @name .fs-navigation-push-left-content
223
-		 * @type modifier
224
-		 * @description Indicates left hand nav
225
-		 */
226
-  /**
227
-		 * @class
228
-		 * @name .fs-navigation-push-right-content
229
-		 * @type modifier
230
-		 * @description Indicates right hand nav
231
-		 */
232
-  /**
233
-		 * @class
234
-		 * @name .fs-navigation-reveal-content
235
-		 * @type element
236
-		 * @description Target page content
237
-		 */
238
-  /**
239
-		 * @class
240
-		 * @name .fs-navigation-reveal-content.fs-navigation-enabled
241
-		 * @type modifier
242
-		 * @description Indicates enabled state
243
-		 */
244
-  /**
245
-		 * @class
246
-		 * @name .fs-navigation-reveal-content.fs-navigation-animated
247
-		 * @type modifier
248
-		 * @description Indicates animted state
249
-		 */
250
-  /**
251
-		 * @class
252
-		 * @name .fs-navigation-reveal-content.fs-navigation-open
253
-		 * @type modifier
254
-		 * @description Indicates open state
255
-		 */
256
-  /**
257
-		 * @class
258
-		 * @name .fs-navigation-reveal-left-content
259
-		 * @type modifier
260
-		 * @description Indicates left hand nav
261
-		 */
262
-  /**
263
-		 * @class
264
-		 * @name .fs-navigation-reveal-right-content
265
-		 * @type modifier
266
-		 * @description Indicates right hand nav
267
-		 */
268
-  /**
269
-		 * @class
270
-		 * @name .fs-navigation-handle
271
-		 * @type element
272
-		 * @description Click target to toggle navigation
273
-		 */
274
-  /**
275
-		 * @class
276
-		 * @name .fs-navigation-handle.fs-navigation-open
277
-		 * @type modifier
278
-		 * @description Indicates open state
279
-		 */
280
-  /**
281
-		 * @class
282
-		 * @name .fs-navigation-handle.fs-navigation-enabled
283
-		 * @type modifier
284
-		 * @description Indicates enabled state
285
-		 */
286
-  /**
287
-		 * @class
288
-		 * @name .fs-navigation-handle:after
289
-		 * @type element
290
-		 * @description Icon displayed in handle
291
-		 */
292
-  /**
293
-		 * @class
294
-		 * @name .fs-navigation-lock
295
-		 * @type modifier
296
-		 * @description Indicates locked state; Applied to body element
297
-		 */
298
-}
299
-.fs-navigation.fs-navigation-enabled {
300
-  margin: 0;
301
-}
302
-.fs-navigation,
303
-.fs-navigation:after,
304
-.fs-navigation:before,
305
-.fs-navigation *,
306
-.fs-navigation *:after,
307
-.fs-navigation *:before {
308
-  box-sizing: border-box;
309
-  -webkit-transition: none;
310
-          transition: none;
311
-  -webkit-user-select: none !important;
312
-     -moz-user-select: none !important;
313
-      -ms-user-select: none !important;
314
-          user-select: none !important;
315
-}
316
-.fs-navigation-toggle-nav.fs-navigation-enabled {
317
-  background: #ffffff;
318
-  border: 1px solid #cccccc;
319
-  border-width: 0 1px 1px;
320
-  border-radius: 0 0 3px 3px;
321
-  display: none;
322
-}
323
-.fs-navigation-toggle-nav.fs-navigation-open {
324
-  display: block;
325
-}
326
-.fs-navigation-toggle-handle.fs-navigation-enabled {
327
-  width: 100%;
328
-  background: #ffffff;
329
-  border: 1px solid #cccccc;
330
-  border-radius: 3px;
331
-  color: #111111;
332
-  cursor: pointer;
333
-  display: block;
334
-  font-size: 14px;
335
-  height: 40px;
336
-  line-height: 40px;
337
-  margin: 0;
338
-  padding: 0 45px 0 15px;
339
-  position: relative;
340
-  -webkit-user-select: none;
341
-     -moz-user-select: none;
342
-      -ms-user-select: none;
343
-          user-select: none;
344
-}
345
-.fs-navigation-toggle-handle.fs-navigation-open {
346
-  border-radius: 3px 3px 0 0;
347
-}
348
-.fs-navigation-push-nav.fs-navigation-enabled,
349
-.fs-navigation-reveal-nav.fs-navigation-enabled,
350
-.fs-navigation-overlay-nav.fs-navigation-enabled {
351
-  width: 270px;
352
-  height: 100%;
353
-  height: -webkit-calc(100% + 60px);
354
-  height: calc(100% + 60px);
355
-  position: fixed;
356
-  top: 0;
357
-  background: #ffffff;
358
-  display: block;
359
-  overflow: auto;
360
-  visibility: hidden;
361
-}
362
-.fs-navigation-reveal-nav.fs-navigation-animated {
363
-  -webkit-transition: visibility 0.001s linear 0.2s;
364
-          transition: visibility 0.001s linear 0.2s;
365
-}
366
-.fs-navigation-push-nav.fs-navigation-animated,
367
-.fs-navigation-overlay-nav.fs-navigation-animated {
368
-  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s linear 0.2s;
369
-          transition: transform 0.2s ease, visibility 0.001s linear 0.2s;
370
-}
371
-.fs-navigation-push-nav.fs-navigation-enabled,
372
-.fs-navigation-reveal-nav.fs-navigation-enabled {
373
-  z-index: 0;
374
-}
375
-.fs-navigation-push-left-nav.fs-navigation-enabled,
376
-.fs-navigation-reveal-left-nav.fs-navigation-enabled,
377
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
378
-  left: 0;
379
-}
380
-.fs-navigation-push-right-nav.fs-navigation-enabled,
381
-.fs-navigation-reveal-right-nav.fs-navigation-enabled,
382
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
383
-  right: 0;
384
-}
385
-.fs-navigation-push-left-nav.fs-navigation-enabled,
386
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
387
-  -webkit-transform: translate3D(-270px, 0, 0);
388
-      -ms-transform: translate3D(-270px, 0, 0);
389
-          transform: translate3D(-270px, 0, 0);
390
-}
391
-.fs-navigation-push-right-nav.fs-navigation-enabled,
392
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
393
-  -webkit-transform: translate3D(270px, 0, 0);
394
-      -ms-transform: translate3D(270px, 0, 0);
395
-          transform: translate3D(270px, 0, 0);
396
-}
397
-.fs-navigation-overlay-nav.fs-navigation-enabled {
398
-  z-index: 2;
399
-}
400
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
401
-  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
402
-}
403
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
404
-  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
405
-}
406
-.fs-navigation-reveal-nav.fs-navigation-open {
407
-  visibility: visible;
408
-  -webkit-transition: visibility 0.001s ease;
409
-          transition: visibility 0.001s ease;
410
-}
411
-.fs-navigation-push-nav.fs-navigation-open,
412
-.fs-navigation-overlay-nav.fs-navigation-open {
413
-  -webkit-transform: translate3D(0, 0, 0);
414
-      -ms-transform: translate3D(0, 0, 0);
415
-          transform: translate3D(0, 0, 0);
416
-  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s ease;
417
-          transition: transform 0.2s ease, visibility 0.001s ease;
418
-  visibility: visible;
419
-}
420
-.fs-navigation-push-handle.fs-navigation-enabled,
421
-.fs-navigation-overlay-handle.fs-navigation-enabled {
422
-  padding: 10px 40px 10px 15px;
423
-  background: #ffffff;
424
-  color: #111111;
425
-  cursor: pointer;
426
-  display: block;
427
-  font-size: 14px;
428
-  margin: 0;
429
-  padding: 0 45px 0 15px;
430
-  position: relative;
431
-  -webkit-user-select: none;
432
-     -moz-user-select: none;
433
-      -ms-user-select: none;
434
-          user-select: none;
435
-}
436
-.fs-navigation-overlay-content:before {
437
-  width: 100%;
438
-  height: 100%;
439
-  height: -webkit-calc(100% + 60px);
440
-  height: calc(100% + 60px);
441
-  position: fixed;
442
-  top: 0;
443
-  right: 0;
444
-  bottom: 0;
445
-  left: 0;
446
-  z-index: 1;
447
-  background: #ffffff;
448
-  background: rgba(255, 255, 255, 0.75);
449
-  content: '';
450
-  display: block;
451
-  opacity: 0;
452
-  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
453
-          transition: opacity 0.2s ease, visibility 0.2s ease;
454
-  visibility: hidden;
455
-}
456
-.fs-navigation-overlay-content.fs-navigation-open:before {
457
-  opacity: 1;
458
-  visibility: visible;
459
-}
460
-.fs-navigation-reveal-content.fs-navigation-enabled,
461
-.fs-navigation-push-content.fs-navigation-enabled {
462
-  position: relative;
463
-  z-index: 1;
464
-  display: block;
465
-  overflow: hidden;
466
-  -webkit-transform: translate3D(0, 0, 0);
467
-      -ms-transform: translate3D(0, 0, 0);
468
-          transform: translate3D(0, 0, 0);
469
-}
470
-.fs-navigation-reveal-content.fs-navigation-animated,
471
-.fs-navigation-push-content.fs-navigation-animated {
472
-  -webkit-transition: -webkit-transform 0.2s ease;
473
-          transition: transform 0.2s ease;
474
-}
475
-.fs-navigation-reveal-left-content.fs-navigation-enabled,
476
-.fs-navigation-push-left-content.fs-navigation-enabled {
477
-  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
478
-}
479
-.fs-navigation-reveal-right-content.fs-navigation-enabled,
480
-.fs-navigation-push-right-content.fs-navigation-enabled {
481
-  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
482
-}
483
-.fs-navigation-reveal-left-content.fs-navigation-open,
484
-.fs-navigation-push-left-content.fs-navigation-open {
485
-  -webkit-transform: translate3D(270px, 0, 0);
486
-      -ms-transform: translate3D(270px, 0, 0);
487
-          transform: translate3D(270px, 0, 0);
488
-}
489
-.fs-navigation-reveal-right-content.fs-navigation-open,
490
-.fs-navigation-push-right-content.fs-navigation-open {
491
-  -webkit-transform: translate3D(-270px, 0, 0);
492
-      -ms-transform: translate3D(-270px, 0, 0);
493
-          transform: translate3D(-270px, 0, 0);
494
-}
495
-.fs-navigation-handle.fs-navigation-enabled {
496
-  position: relative;
497
-}
498
-.fs-navigation-handle.fs-navigation-enabled:after {
499
-  height: 3px;
500
-  width: 15px;
501
-  position: absolute;
502
-  top: 0;
503
-  right: 15px;
504
-  bottom: 0;
505
-  background: #cccccc;
506
-  box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc;
507
-  content: '';
508
-  display: block;
509
-  margin: auto 0;
510
-}
511
-.fs-navigation-handle.fs-navigation-open:after {
512
-  width: 15px;
513
-  height: 15px;
514
-  background: transparent;
515
-  border: none;
516
-  box-shadow: none;
517
-  color: #cccccc;
518
-  content: "\00d7";
519
-  font-size: 22px;
520
-  font-weight: 700;
521
-  line-height: 13px;
522
-  text-align: center;
523
-}
524
-.fs-navigation-lock {
525
-  overflow: hidden !important;
526
-}
Browse code

Initial commit

Benjamin Roth authored on13/08/2015 16:05:27
Showing1 changed files
1 1
new file mode 100755
... ...
@@ -0,0 +1,526 @@
1
+/*! formstone v0.7.12 [navigation.css] 2015-08-12 | MIT License | formstone.it */
2
+
3
+/**
4
+	 * @class
5
+	 * @name .fs-navigation-element
6
+	 * @type element
7
+	 * @description Target elmement
8
+	 */
9
+/**
10
+	 * @class
11
+	 * @name .fs-navigation
12
+	 * @type element
13
+	 * @description Base widget class
14
+	 */
15
+.fs-navigation {
16
+  /**
17
+		 * @class
18
+		 * @name .fs-navigation-toggle-nav
19
+		 * @type element
20
+		 * @description Toggle navigation
21
+		 */
22
+  /**
23
+		 * @class
24
+		 * @name .fs-navigation-toggle-nav.fs-navigation-enabled
25
+		 * @type modifier
26
+		 * @description Indicates enabled state
27
+		 */
28
+  /**
29
+		 * @class
30
+		 * @name .fs-navigation-toggle-nav.fs-navigation-open
31
+		 * @type modifier
32
+		 * @description Indicates open state
33
+		 */
34
+  /**
35
+		 * @class
36
+		 * @name .fs-navigation-toggle-handle
37
+		 * @type element
38
+		 * @description Toggle handle
39
+		 */
40
+  /**
41
+		 * @class
42
+		 * @name .fs-navigation-toggle-handle.fs-navigation-enabled
43
+		 * @type modifier
44
+		 * @description Indicates enabled state
45
+		 */
46
+  /**
47
+		 * @class
48
+		 * @name .fs-navigation-toggle-handle.fs-navigation-open
49
+		 * @type modifier
50
+		 * @description Indicates open state
51
+		 */
52
+  /**
53
+		 * @class
54
+		 * @name .fs-navigation-overlay-nav
55
+		 * @type element
56
+		 * @description Overlay nav
57
+		 */
58
+  /**
59
+		 * @class
60
+		 * @name .fs-navigation-overlay-nav.fs-navigation-enabled
61
+		 * @type modifier
62
+		 * @description Indicates enabled state
63
+		 */
64
+  /**
65
+		 * @class
66
+		 * @name .fs-navigation-overlay-nav.fs-navigation-animated
67
+		 * @type modifier
68
+		 * @description Indicates animated state
69
+		 */
70
+  /**
71
+		 * @class
72
+		 * @name .fs-navigation-overlay-nav.fs-navigation-open
73
+		 * @type modifier
74
+		 * @description Indicates open state
75
+		 */
76
+  /**
77
+		 * @class
78
+		 * @name .fs-navigation-overlay-left-nav
79
+		 * @type modifier
80
+		 * @description Indicates left hand nav
81
+		 */
82
+  /**
83
+		 * @class
84
+		 * @name .fs-navigation-overlay-right-nav
85
+		 * @type modifier
86
+		 * @description Indicates right hand nav
87
+		 */
88
+  /**
89
+		 * @class
90
+		 * @name .fs-navigation-push-nav
91
+		 * @type element
92
+		 * @description Push nav
93
+		 */
94
+  /**
95
+		 * @class
96
+		 * @name .fs-navigation-push-nav.fs-navigation-enabled
97
+		 * @type modifier
98
+		 * @description Indicates enabled state
99
+		 */
100
+  /**
101
+		 * @class
102
+		 * @name .fs-navigation-push-nav.fs-navigation-animated
103
+		 * @type modifier
104
+		 * @description Indicates animated state
105
+		 */
106
+  /**
107
+		 * @class
108
+		 * @name .fs-navigation-push-nav.fs-navigation-open
109
+		 * @type modifier
110
+		 * @description Indicates open state
111
+		 */
112
+  /**
113
+		 * @class
114
+		 * @name .fs-navigation-push-left-nav
115
+		 * @type modifier
116
+		 * @description Indicates left hand nav
117
+		 */
118
+  /**
119
+		 * @class
120
+		 * @name .fs-navigation-push-right-nav
121
+		 * @type modifier
122
+		 * @description Indicates right hand nav
123
+		 */
124
+  /**
125
+		 * @class
126
+		 * @name .fs-navigation-reveal-nav
127
+		 * @type element
128
+		 * @description Reveal nav
129
+		 */
130
+  /**
131
+		 * @class
132
+		 * @name .fs-navigation-reveal-nav.fs-navigation-enabled
133
+		 * @type modifier
134
+		 * @description Indicates enabled state
135
+		 */
136
+  /**
137
+		 * @class
138
+		 * @name .fs-navigation-reveal-nav.fs-navigation-animated
139
+		 * @type modifier
140
+		 * @description Indicates animated state
141
+		 */
142
+  /**
143
+		 * @class
144
+		 * @name .fs-navigation-reveal-nav.fs-navigation-open
145
+		 * @type modifier
146
+		 * @description Indicates open state
147
+		 */
148
+  /**
149
+		 * @class
150
+		 * @name .fs-navigation-reveal-left-nav
151
+		 * @type modifier
152
+		 * @description Indicates left hand nav
153
+		 */
154
+  /**
155
+		 * @class
156
+		 * @name .fs-navigation-reveal-right-nav
157
+		 * @type modifier
158
+		 * @description Indicates right hand nav
159
+		 */
160
+  /**
161
+		 * @class
162
+		 * @name .fs-navigation-overlay-handle
163
+		 * @type element
164
+		 * @description Overlay handle
165
+		 */
166
+  /**
167
+		 * @class
168
+		 * @name .fs-navigation-overlay-handle.fs-navigation-enabled
169
+		 * @type modifier
170
+		 * @description Indicates enabled state
171
+		 */
172
+  /**
173
+		 * @class
174
+		 * @name .fs-navigation-push-handle
175
+		 * @type element
176
+		 * @description Push handle
177
+		 */
178
+  /**
179
+		 * @class
180
+		 * @name .fs-navigation-push-handle.fs-navigation-enabled
181
+		 * @type modifier
182
+		 * @description Indicates enabled state
183
+		 */
184
+  /**
185
+		 * @class
186
+		 * @name .fs-navigation-overlay-content:before
187
+		 * @type element
188
+		 * @description Overlay mask
189
+		 */
190
+  /**
191
+		 * @class
192
+		 * @name .fs-navigation-overlay-content.fs-navigation-open:before
193
+		 * @type modifier
194
+		 * @description Indicates open state
195
+		 */
196
+  /**
197
+		 * @class
198
+		 * @name .fs-navigation-push-content
199
+		 * @type element
200
+		 * @description Target page content
201
+		 */
202
+  /**
203
+		 * @class
204
+		 * @name .fs-navigation-push-content.fs-navigation-enabled
205
+		 * @type modifier
206
+		 * @description Indicates enabled state
207
+		 */
208
+  /**
209
+		 * @class
210
+		 * @name .fs-navigation-push-content.fs-navigation-animated
211
+		 * @type modifier
212
+		 * @description Indicates animted state
213
+		 */
214
+  /**
215
+		 * @class
216
+		 * @name .fs-navigation-push-content.fs-navigation-open
217
+		 * @type modifier
218
+		 * @description Indicates open state
219
+		 */
220
+  /**
221
+		 * @class
222
+		 * @name .fs-navigation-push-left-content
223
+		 * @type modifier
224
+		 * @description Indicates left hand nav
225
+		 */
226
+  /**
227
+		 * @class
228
+		 * @name .fs-navigation-push-right-content
229
+		 * @type modifier
230
+		 * @description Indicates right hand nav
231
+		 */
232
+  /**
233
+		 * @class
234
+		 * @name .fs-navigation-reveal-content
235
+		 * @type element
236
+		 * @description Target page content
237
+		 */
238
+  /**
239
+		 * @class
240
+		 * @name .fs-navigation-reveal-content.fs-navigation-enabled
241
+		 * @type modifier
242
+		 * @description Indicates enabled state
243
+		 */
244
+  /**
245
+		 * @class
246
+		 * @name .fs-navigation-reveal-content.fs-navigation-animated
247
+		 * @type modifier
248
+		 * @description Indicates animted state
249
+		 */
250
+  /**
251
+		 * @class
252
+		 * @name .fs-navigation-reveal-content.fs-navigation-open
253
+		 * @type modifier
254
+		 * @description Indicates open state
255
+		 */
256
+  /**
257
+		 * @class
258
+		 * @name .fs-navigation-reveal-left-content
259
+		 * @type modifier
260
+		 * @description Indicates left hand nav
261
+		 */
262
+  /**
263
+		 * @class
264
+		 * @name .fs-navigation-reveal-right-content
265
+		 * @type modifier
266
+		 * @description Indicates right hand nav
267
+		 */
268
+  /**
269
+		 * @class
270
+		 * @name .fs-navigation-handle
271
+		 * @type element
272
+		 * @description Click target to toggle navigation
273
+		 */
274
+  /**
275
+		 * @class
276
+		 * @name .fs-navigation-handle.fs-navigation-open
277
+		 * @type modifier
278
+		 * @description Indicates open state
279
+		 */
280
+  /**
281
+		 * @class
282
+		 * @name .fs-navigation-handle.fs-navigation-enabled
283
+		 * @type modifier
284
+		 * @description Indicates enabled state
285
+		 */
286
+  /**
287
+		 * @class
288
+		 * @name .fs-navigation-handle:after
289
+		 * @type element
290
+		 * @description Icon displayed in handle
291
+		 */
292
+  /**
293
+		 * @class
294
+		 * @name .fs-navigation-lock
295
+		 * @type modifier
296
+		 * @description Indicates locked state; Applied to body element
297
+		 */
298
+}
299
+.fs-navigation.fs-navigation-enabled {
300
+  margin: 0;
301
+}
302
+.fs-navigation,
303
+.fs-navigation:after,
304
+.fs-navigation:before,
305
+.fs-navigation *,
306
+.fs-navigation *:after,
307
+.fs-navigation *:before {
308
+  box-sizing: border-box;
309
+  -webkit-transition: none;
310
+          transition: none;
311
+  -webkit-user-select: none !important;
312
+     -moz-user-select: none !important;
313
+      -ms-user-select: none !important;
314
+          user-select: none !important;
315
+}
316
+.fs-navigation-toggle-nav.fs-navigation-enabled {
317
+  background: #ffffff;
318
+  border: 1px solid #cccccc;
319
+  border-width: 0 1px 1px;
320
+  border-radius: 0 0 3px 3px;
321
+  display: none;
322
+}
323
+.fs-navigation-toggle-nav.fs-navigation-open {
324
+  display: block;
325
+}
326
+.fs-navigation-toggle-handle.fs-navigation-enabled {
327
+  width: 100%;
328
+  background: #ffffff;
329
+  border: 1px solid #cccccc;
330
+  border-radius: 3px;
331
+  color: #111111;
332
+  cursor: pointer;
333
+  display: block;
334
+  font-size: 14px;
335
+  height: 40px;
336
+  line-height: 40px;
337
+  margin: 0;
338
+  padding: 0 45px 0 15px;
339
+  position: relative;
340
+  -webkit-user-select: none;
341
+     -moz-user-select: none;
342
+      -ms-user-select: none;
343
+          user-select: none;
344
+}
345
+.fs-navigation-toggle-handle.fs-navigation-open {
346
+  border-radius: 3px 3px 0 0;
347
+}
348
+.fs-navigation-push-nav.fs-navigation-enabled,
349
+.fs-navigation-reveal-nav.fs-navigation-enabled,
350
+.fs-navigation-overlay-nav.fs-navigation-enabled {
351
+  width: 270px;
352
+  height: 100%;
353
+  height: -webkit-calc(100% + 60px);
354
+  height: calc(100% + 60px);
355
+  position: fixed;
356
+  top: 0;
357
+  background: #ffffff;
358
+  display: block;
359
+  overflow: auto;
360
+  visibility: hidden;
361
+}
362
+.fs-navigation-reveal-nav.fs-navigation-animated {
363
+  -webkit-transition: visibility 0.001s linear 0.2s;
364
+          transition: visibility 0.001s linear 0.2s;
365
+}
366
+.fs-navigation-push-nav.fs-navigation-animated,
367
+.fs-navigation-overlay-nav.fs-navigation-animated {
368
+  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s linear 0.2s;
369
+          transition: transform 0.2s ease, visibility 0.001s linear 0.2s;
370
+}
371
+.fs-navigation-push-nav.fs-navigation-enabled,
372
+.fs-navigation-reveal-nav.fs-navigation-enabled {
373
+  z-index: 0;
374
+}
375
+.fs-navigation-push-left-nav.fs-navigation-enabled,
376
+.fs-navigation-reveal-left-nav.fs-navigation-enabled,
377
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
378
+  left: 0;
379
+}
380
+.fs-navigation-push-right-nav.fs-navigation-enabled,
381
+.fs-navigation-reveal-right-nav.fs-navigation-enabled,
382
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
383
+  right: 0;
384
+}
385
+.fs-navigation-push-left-nav.fs-navigation-enabled,
386
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
387
+  -webkit-transform: translate3D(-270px, 0, 0);
388
+      -ms-transform: translate3D(-270px, 0, 0);
389
+          transform: translate3D(-270px, 0, 0);
390
+}
391
+.fs-navigation-push-right-nav.fs-navigation-enabled,
392
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
393
+  -webkit-transform: translate3D(270px, 0, 0);
394
+      -ms-transform: translate3D(270px, 0, 0);
395
+          transform: translate3D(270px, 0, 0);
396
+}
397
+.fs-navigation-overlay-nav.fs-navigation-enabled {
398
+  z-index: 2;
399
+}
400
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
401
+  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
402
+}
403
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
404
+  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
405
+}
406
+.fs-navigation-reveal-nav.fs-navigation-open {
407
+  visibility: visible;
408
+  -webkit-transition: visibility 0.001s ease;
409
+          transition: visibility 0.001s ease;
410
+}
411
+.fs-navigation-push-nav.fs-navigation-open,
412
+.fs-navigation-overlay-nav.fs-navigation-open {
413
+  -webkit-transform: translate3D(0, 0, 0);
414
+      -ms-transform: translate3D(0, 0, 0);
415
+          transform: translate3D(0, 0, 0);
416
+  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s ease;
417
+          transition: transform 0.2s ease, visibility 0.001s ease;
418
+  visibility: visible;
419
+}
420
+.fs-navigation-push-handle.fs-navigation-enabled,
421
+.fs-navigation-overlay-handle.fs-navigation-enabled {
422
+  padding: 10px 40px 10px 15px;
423
+  background: #ffffff;
424
+  color: #111111;
425
+  cursor: pointer;
426
+  display: block;
427
+  font-size: 14px;
428
+  margin: 0;
429
+  padding: 0 45px 0 15px;
430
+  position: relative;
431
+  -webkit-user-select: none;
432
+     -moz-user-select: none;
433
+      -ms-user-select: none;
434
+          user-select: none;
435
+}
436
+.fs-navigation-overlay-content:before {
437
+  width: 100%;
438
+  height: 100%;
439
+  height: -webkit-calc(100% + 60px);
440
+  height: calc(100% + 60px);
441
+  position: fixed;
442
+  top: 0;
443
+  right: 0;
444
+  bottom: 0;
445
+  left: 0;
446
+  z-index: 1;
447
+  background: #ffffff;
448
+  background: rgba(255, 255, 255, 0.75);
449
+  content: '';
450
+  display: block;
451
+  opacity: 0;
452
+  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
453
+          transition: opacity 0.2s ease, visibility 0.2s ease;
454
+  visibility: hidden;
455
+}
456
+.fs-navigation-overlay-content.fs-navigation-open:before {
457
+  opacity: 1;
458
+  visibility: visible;
459
+}
460
+.fs-navigation-reveal-content.fs-navigation-enabled,
461
+.fs-navigation-push-content.fs-navigation-enabled {
462
+  position: relative;
463
+  z-index: 1;
464
+  display: block;
465
+  overflow: hidden;
466
+  -webkit-transform: translate3D(0, 0, 0);
467
+      -ms-transform: translate3D(0, 0, 0);
468
+          transform: translate3D(0, 0, 0);
469
+}
470
+.fs-navigation-reveal-content.fs-navigation-animated,
471
+.fs-navigation-push-content.fs-navigation-animated {
472
+  -webkit-transition: -webkit-transform 0.2s ease;
473
+          transition: transform 0.2s ease;
474
+}
475
+.fs-navigation-reveal-left-content.fs-navigation-enabled,
476
+.fs-navigation-push-left-content.fs-navigation-enabled {
477
+  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
478
+}
479
+.fs-navigation-reveal-right-content.fs-navigation-enabled,
480
+.fs-navigation-push-right-content.fs-navigation-enabled {
481
+  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
482
+}
483
+.fs-navigation-reveal-left-content.fs-navigation-open,
484
+.fs-navigation-push-left-content.fs-navigation-open {
485
+  -webkit-transform: translate3D(270px, 0, 0);
486
+      -ms-transform: translate3D(270px, 0, 0);
487
+          transform: translate3D(270px, 0, 0);
488
+}
489
+.fs-navigation-reveal-right-content.fs-navigation-open,
490
+.fs-navigation-push-right-content.fs-navigation-open {
491
+  -webkit-transform: translate3D(-270px, 0, 0);
492
+      -ms-transform: translate3D(-270px, 0, 0);
493
+          transform: translate3D(-270px, 0, 0);
494
+}
495
+.fs-navigation-handle.fs-navigation-enabled {
496
+  position: relative;
497
+}
498
+.fs-navigation-handle.fs-navigation-enabled:after {
499
+  height: 3px;
500
+  width: 15px;
501
+  position: absolute;
502
+  top: 0;
503
+  right: 15px;
504
+  bottom: 0;
505
+  background: #cccccc;
506
+  box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc;
507
+  content: '';
508
+  display: block;
509
+  margin: auto 0;
510
+}
511
+.fs-navigation-handle.fs-navigation-open:after {
512
+  width: 15px;
513
+  height: 15px;
514
+  background: transparent;
515
+  border: none;
516
+  box-shadow: none;
517
+  color: #cccccc;
518
+  content: "\00d7";
519
+  font-size: 22px;
520
+  font-weight: 700;
521
+  line-height: 13px;
522
+  text-align: center;
523
+}
524
+.fs-navigation-lock {
525
+  overflow: hidden !important;
526
+}