Browse code

Removing old formstone libraries

Benjamin Roth authored on08/06/2016 14:32:18
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,529 +0,0 @@
1
-/*! formstone v0.8.35 [navigation.css] 2015-12-28 | 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
-}
361
-.fs-navigation-push-nav.fs-navigation-enabled,
362
-.fs-navigation-reveal-nav.fs-navigation-enabled {
363
-  visibility: hidden;
364
-}
365
-.fs-navigation-reveal-nav.fs-navigation-animated {
366
-  -webkit-transition: visibility 0.001s linear 0.2s;
367
-          transition: visibility 0.001s linear 0.2s;
368
-}
369
-.fs-navigation-push-nav.fs-navigation-animated,
370
-.fs-navigation-overlay-nav.fs-navigation-animated {
371
-  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s linear 0.2s;
372
-          transition: transform 0.2s ease, visibility 0.001s linear 0.2s;
373
-}
374
-.fs-navigation-push-nav.fs-navigation-enabled,
375
-.fs-navigation-reveal-nav.fs-navigation-enabled {
376
-  z-index: 0;
377
-}
378
-.fs-navigation-push-left-nav.fs-navigation-enabled,
379
-.fs-navigation-reveal-left-nav.fs-navigation-enabled,
380
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
381
-  left: 0;
382
-}
383
-.fs-navigation-push-right-nav.fs-navigation-enabled,
384
-.fs-navigation-reveal-right-nav.fs-navigation-enabled,
385
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
386
-  right: 0;
387
-}
388
-.fs-navigation-push-left-nav.fs-navigation-enabled,
389
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
390
-  -webkit-transform: translate3D(-270px, 0, 0);
391
-      -ms-transform: translate3D(-270px, 0, 0);
392
-          transform: translate3D(-270px, 0, 0);
393
-}
394
-.fs-navigation-push-right-nav.fs-navigation-enabled,
395
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
396
-  -webkit-transform: translate3D(270px, 0, 0);
397
-      -ms-transform: translate3D(270px, 0, 0);
398
-          transform: translate3D(270px, 0, 0);
399
-}
400
-.fs-navigation-overlay-nav.fs-navigation-enabled {
401
-  z-index: 2;
402
-}
403
-.fs-navigation-overlay-left-nav.fs-navigation-enabled {
404
-  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
405
-}
406
-.fs-navigation-overlay-right-nav.fs-navigation-enabled {
407
-  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
408
-}
409
-.fs-navigation-reveal-nav.fs-navigation-open {
410
-  visibility: visible;
411
-  -webkit-transition: visibility 0.001s ease;
412
-          transition: visibility 0.001s ease;
413
-}
414
-.fs-navigation-push-nav.fs-navigation-open,
415
-.fs-navigation-overlay-nav.fs-navigation-open {
416
-  -webkit-transform: translate3D(0, 0, 0);
417
-      -ms-transform: translate3D(0, 0, 0);
418
-          transform: translate3D(0, 0, 0);
419
-  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s ease;
420
-          transition: transform 0.2s ease, visibility 0.001s ease;
421
-  visibility: visible;
422
-}
423
-.fs-navigation-push-handle.fs-navigation-enabled,
424
-.fs-navigation-overlay-handle.fs-navigation-enabled {
425
-  padding: 10px 40px 10px 15px;
426
-  background: #ffffff;
427
-  color: #111111;
428
-  cursor: pointer;
429
-  display: block;
430
-  font-size: 14px;
431
-  margin: 0;
432
-  padding: 0 45px 0 15px;
433
-  position: relative;
434
-  -webkit-user-select: none;
435
-     -moz-user-select: none;
436
-      -ms-user-select: none;
437
-          user-select: none;
438
-}
439
-.fs-navigation-overlay-content:before {
440
-  width: 100%;
441
-  height: 100%;
442
-  height: -webkit-calc(100% + 60px);
443
-  height: calc(100% + 60px);
444
-  position: fixed;
445
-  top: 0;
446
-  right: 0;
447
-  bottom: 0;
448
-  left: 0;
449
-  z-index: 1;
450
-  background: #ffffff;
451
-  background: rgba(255, 255, 255, 0.75);
452
-  content: '';
453
-  display: block;
454
-  opacity: 0;
455
-  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
456
-          transition: opacity 0.2s ease, visibility 0.2s ease;
457
-  visibility: hidden;
458
-}
459
-.fs-navigation-overlay-content.fs-navigation-open:before {
460
-  opacity: 1;
461
-  visibility: visible;
462
-}
463
-.fs-navigation-reveal-content.fs-navigation-enabled,
464
-.fs-navigation-push-content.fs-navigation-enabled {
465
-  position: relative;
466
-  z-index: 1;
467
-  display: block;
468
-  overflow: hidden;
469
-  -webkit-transform: translate3D(0, 0, 0);
470
-      -ms-transform: translate3D(0, 0, 0);
471
-          transform: translate3D(0, 0, 0);
472
-}
473
-.fs-navigation-reveal-content.fs-navigation-animated,
474
-.fs-navigation-push-content.fs-navigation-animated {
475
-  -webkit-transition: -webkit-transform 0.2s ease;
476
-          transition: transform 0.2s ease;
477
-}
478
-.fs-navigation-reveal-left-content.fs-navigation-enabled,
479
-.fs-navigation-push-left-content.fs-navigation-enabled {
480
-  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
481
-}
482
-.fs-navigation-reveal-right-content.fs-navigation-enabled,
483
-.fs-navigation-push-right-content.fs-navigation-enabled {
484
-  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
485
-}
486
-.fs-navigation-reveal-left-content.fs-navigation-open,
487
-.fs-navigation-push-left-content.fs-navigation-open {
488
-  -webkit-transform: translate3D(270px, 0, 0);
489
-      -ms-transform: translate3D(270px, 0, 0);
490
-          transform: translate3D(270px, 0, 0);
491
-}
492
-.fs-navigation-reveal-right-content.fs-navigation-open,
493
-.fs-navigation-push-right-content.fs-navigation-open {
494
-  -webkit-transform: translate3D(-270px, 0, 0);
495
-      -ms-transform: translate3D(-270px, 0, 0);
496
-          transform: translate3D(-270px, 0, 0);
497
-}
498
-.fs-navigation-handle.fs-navigation-enabled {
499
-  position: relative;
500
-}
501
-.fs-navigation-handle.fs-navigation-enabled:after {
502
-  height: 3px;
503
-  width: 15px;
504
-  position: absolute;
505
-  top: 0;
506
-  right: 15px;
507
-  bottom: 0;
508
-  background: #cccccc;
509
-  box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc;
510
-  content: '';
511
-  display: block;
512
-  margin: auto 0;
513
-}
514
-.fs-navigation-handle.fs-navigation-open:after {
515
-  width: 15px;
516
-  height: 15px;
517
-  background: transparent;
518
-  border: none;
519
-  box-shadow: none;
520
-  color: #cccccc;
521
-  content: "\00d7";
522
-  font-size: 22px;
523
-  font-weight: 700;
524
-  line-height: 13px;
525
-  text-align: center;
526
-}
527
-.fs-navigation-lock {
528
-  overflow: hidden !important;
529
-}
Browse code

Update Formstone lib to version 0.8.35

Benjamin Roth authored on06/01/2016 15:21:58
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,529 @@
1
+/*! formstone v0.8.35 [navigation.css] 2015-12-28 | 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
+}
361
+.fs-navigation-push-nav.fs-navigation-enabled,
362
+.fs-navigation-reveal-nav.fs-navigation-enabled {
363
+  visibility: hidden;
364
+}
365
+.fs-navigation-reveal-nav.fs-navigation-animated {
366
+  -webkit-transition: visibility 0.001s linear 0.2s;
367
+          transition: visibility 0.001s linear 0.2s;
368
+}
369
+.fs-navigation-push-nav.fs-navigation-animated,
370
+.fs-navigation-overlay-nav.fs-navigation-animated {
371
+  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s linear 0.2s;
372
+          transition: transform 0.2s ease, visibility 0.001s linear 0.2s;
373
+}
374
+.fs-navigation-push-nav.fs-navigation-enabled,
375
+.fs-navigation-reveal-nav.fs-navigation-enabled {
376
+  z-index: 0;
377
+}
378
+.fs-navigation-push-left-nav.fs-navigation-enabled,
379
+.fs-navigation-reveal-left-nav.fs-navigation-enabled,
380
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
381
+  left: 0;
382
+}
383
+.fs-navigation-push-right-nav.fs-navigation-enabled,
384
+.fs-navigation-reveal-right-nav.fs-navigation-enabled,
385
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
386
+  right: 0;
387
+}
388
+.fs-navigation-push-left-nav.fs-navigation-enabled,
389
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
390
+  -webkit-transform: translate3D(-270px, 0, 0);
391
+      -ms-transform: translate3D(-270px, 0, 0);
392
+          transform: translate3D(-270px, 0, 0);
393
+}
394
+.fs-navigation-push-right-nav.fs-navigation-enabled,
395
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
396
+  -webkit-transform: translate3D(270px, 0, 0);
397
+      -ms-transform: translate3D(270px, 0, 0);
398
+          transform: translate3D(270px, 0, 0);
399
+}
400
+.fs-navigation-overlay-nav.fs-navigation-enabled {
401
+  z-index: 2;
402
+}
403
+.fs-navigation-overlay-left-nav.fs-navigation-enabled {
404
+  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
405
+}
406
+.fs-navigation-overlay-right-nav.fs-navigation-enabled {
407
+  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
408
+}
409
+.fs-navigation-reveal-nav.fs-navigation-open {
410
+  visibility: visible;
411
+  -webkit-transition: visibility 0.001s ease;
412
+          transition: visibility 0.001s ease;
413
+}
414
+.fs-navigation-push-nav.fs-navigation-open,
415
+.fs-navigation-overlay-nav.fs-navigation-open {
416
+  -webkit-transform: translate3D(0, 0, 0);
417
+      -ms-transform: translate3D(0, 0, 0);
418
+          transform: translate3D(0, 0, 0);
419
+  -webkit-transition: -webkit-transform 0.2s ease, visibility 0.001s ease;
420
+          transition: transform 0.2s ease, visibility 0.001s ease;
421
+  visibility: visible;
422
+}
423
+.fs-navigation-push-handle.fs-navigation-enabled,
424
+.fs-navigation-overlay-handle.fs-navigation-enabled {
425
+  padding: 10px 40px 10px 15px;
426
+  background: #ffffff;
427
+  color: #111111;
428
+  cursor: pointer;
429
+  display: block;
430
+  font-size: 14px;
431
+  margin: 0;
432
+  padding: 0 45px 0 15px;
433
+  position: relative;
434
+  -webkit-user-select: none;
435
+     -moz-user-select: none;
436
+      -ms-user-select: none;
437
+          user-select: none;
438
+}
439
+.fs-navigation-overlay-content:before {
440
+  width: 100%;
441
+  height: 100%;
442
+  height: -webkit-calc(100% + 60px);
443
+  height: calc(100% + 60px);
444
+  position: fixed;
445
+  top: 0;
446
+  right: 0;
447
+  bottom: 0;
448
+  left: 0;
449
+  z-index: 1;
450
+  background: #ffffff;
451
+  background: rgba(255, 255, 255, 0.75);
452
+  content: '';
453
+  display: block;
454
+  opacity: 0;
455
+  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
456
+          transition: opacity 0.2s ease, visibility 0.2s ease;
457
+  visibility: hidden;
458
+}
459
+.fs-navigation-overlay-content.fs-navigation-open:before {
460
+  opacity: 1;
461
+  visibility: visible;
462
+}
463
+.fs-navigation-reveal-content.fs-navigation-enabled,
464
+.fs-navigation-push-content.fs-navigation-enabled {
465
+  position: relative;
466
+  z-index: 1;
467
+  display: block;
468
+  overflow: hidden;
469
+  -webkit-transform: translate3D(0, 0, 0);
470
+      -ms-transform: translate3D(0, 0, 0);
471
+          transform: translate3D(0, 0, 0);
472
+}
473
+.fs-navigation-reveal-content.fs-navigation-animated,
474
+.fs-navigation-push-content.fs-navigation-animated {
475
+  -webkit-transition: -webkit-transform 0.2s ease;
476
+          transition: transform 0.2s ease;
477
+}
478
+.fs-navigation-reveal-left-content.fs-navigation-enabled,
479
+.fs-navigation-push-left-content.fs-navigation-enabled {
480
+  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
481
+}
482
+.fs-navigation-reveal-right-content.fs-navigation-enabled,
483
+.fs-navigation-push-right-content.fs-navigation-enabled {
484
+  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15);
485
+}
486
+.fs-navigation-reveal-left-content.fs-navigation-open,
487
+.fs-navigation-push-left-content.fs-navigation-open {
488
+  -webkit-transform: translate3D(270px, 0, 0);
489
+      -ms-transform: translate3D(270px, 0, 0);
490
+          transform: translate3D(270px, 0, 0);
491
+}
492
+.fs-navigation-reveal-right-content.fs-navigation-open,
493
+.fs-navigation-push-right-content.fs-navigation-open {
494
+  -webkit-transform: translate3D(-270px, 0, 0);
495
+      -ms-transform: translate3D(-270px, 0, 0);
496
+          transform: translate3D(-270px, 0, 0);
497
+}
498
+.fs-navigation-handle.fs-navigation-enabled {
499
+  position: relative;
500
+}
501
+.fs-navigation-handle.fs-navigation-enabled:after {
502
+  height: 3px;
503
+  width: 15px;
504
+  position: absolute;
505
+  top: 0;
506
+  right: 15px;
507
+  bottom: 0;
508
+  background: #cccccc;
509
+  box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc;
510
+  content: '';
511
+  display: block;
512
+  margin: auto 0;
513
+}
514
+.fs-navigation-handle.fs-navigation-open:after {
515
+  width: 15px;
516
+  height: 15px;
517
+  background: transparent;
518
+  border: none;
519
+  box-shadow: none;
520
+  color: #cccccc;
521
+  content: "\00d7";
522
+  font-size: 22px;
523
+  font-weight: 700;
524
+  line-height: 13px;
525
+  text-align: center;
526
+}
527
+.fs-navigation-lock {
528
+  overflow: hidden !important;
529
+}