jekyll-theme-rocket 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2114 @@
1
+ @import "rouge-base16-dark.scss";
2
+
3
+ @keyframes octocat-wave {
4
+ 0%,
5
+ to {
6
+ transform:rotate(0)
7
+ }
8
+ 20%,
9
+ 60% {
10
+ transform:rotate(-25deg)
11
+ }
12
+ 40%,
13
+ 80% {
14
+ transform:rotate(10deg)
15
+ }
16
+ }
17
+
18
+ html {
19
+ line-height:1.15;
20
+ -ms-text-size-adjust:100%;
21
+ -webkit-text-size-adjust:100%
22
+ }
23
+ .features .col.tight .button,
24
+ .features .col.tight button,
25
+ body {
26
+ margin:0
27
+ }
28
+ article,
29
+ aside,
30
+ details,
31
+ figcaption,
32
+ figure,
33
+ footer,
34
+ header,
35
+ header nav.version-select:hover options,
36
+ main,
37
+ menu,
38
+ nav,
39
+ section {
40
+ display:block;
41
+ }
42
+ h1 {
43
+ margin:.67em 0;
44
+ font-size:3em
45
+ }
46
+ figure {
47
+ margin:1em 40px
48
+ }
49
+ hr {
50
+ box-sizing:content-box;
51
+ overflow:visible;
52
+ border:0;
53
+ height:1px;
54
+ background-color:rgba(255,255,255,.25)
55
+ }
56
+ kbd,
57
+ pre,
58
+ samp {
59
+ font-family:monospace,monospace;
60
+ font-size:1em
61
+ }
62
+ a {
63
+ background-color:transparent;
64
+ -webkit-text-decoration-skip:objects;
65
+ color:#ffcc00;
66
+ text-decoration:none
67
+ }
68
+ a:active,
69
+ a:hover {
70
+ outline-width:0
71
+ }
72
+ abbr[title] {
73
+ border-bottom:none;
74
+ text-decoration:underline dotted
75
+ }
76
+ b,
77
+ strong {
78
+ font-weight:bolder
79
+ }
80
+ dfn {
81
+ font-style:italic
82
+ }
83
+ mark {
84
+ background-color:#ff0;
85
+ color:#000
86
+ }
87
+ small {
88
+ font-size:80%
89
+ }
90
+ sub,
91
+ sup {
92
+ font-size:75%;
93
+ line-height:0;
94
+ position:relative;
95
+ vertical-align:baseline
96
+ }
97
+ sub {
98
+ bottom:-.25em
99
+ }
100
+ sup {
101
+ top:-.5em
102
+ }
103
+ audio,
104
+ canvas,
105
+ video {
106
+ display:inline-block
107
+ }
108
+ audio:not([controls]) {
109
+ display:none;
110
+ height:0
111
+ }
112
+ img {
113
+ border-style:none;
114
+ /*! width: 80px; */
115
+ /*! height: 80px; */
116
+ }
117
+ svg:not(:root) {
118
+ overflow:hidden
119
+ }
120
+ button {
121
+ line-height:1.15
122
+ }
123
+ input,
124
+ optgroup,
125
+ select,
126
+ textarea {
127
+ font-family:sans-serif;
128
+ line-height:1.15;
129
+ margin:0
130
+ }
131
+ optgroup {
132
+ font-size:100%
133
+ }
134
+ button,
135
+ input {
136
+ overflow:visible
137
+ }
138
+ button,
139
+ select {
140
+ text-transform:none
141
+ }
142
+ [type=reset],
143
+ [type=submit],
144
+ button,
145
+ html [type=button] {
146
+ -webkit-appearance:button
147
+ }
148
+ [type=button]::-moz-focus-inner,
149
+ [type=reset]::-moz-focus-inner,
150
+ [type=submit]::-moz-focus-inner,
151
+ button::-moz-focus-inner {
152
+ border-style:none;
153
+ padding:0
154
+ }
155
+ [type=button]:-moz-focusring,
156
+ [type=reset]:-moz-focusring,
157
+ [type=submit]:-moz-focusring,
158
+ button:-moz-focusring {
159
+ outline:1px dotted ButtonText
160
+ }
161
+ fieldset {
162
+ border:1px solid silver;
163
+ margin:0 2px;
164
+ padding:.35em .625em .75em
165
+ }
166
+ legend {
167
+ color:inherit;
168
+ display:table;
169
+ max-width:100%;
170
+ white-space:normal
171
+ }
172
+ progress {
173
+ display:inline-block;
174
+ vertical-align:baseline
175
+ }
176
+ textarea {
177
+ overflow:auto
178
+ }
179
+ [type=checkbox],
180
+ [type=radio],
181
+ legend {
182
+ box-sizing:border-box;
183
+ padding:0
184
+ }
185
+ [type=number]::-webkit-inner-spin-button,
186
+ [type=number]::-webkit-outer-spin-button {
187
+ height:auto
188
+ }
189
+ [type=search] {
190
+ -webkit-appearance:textfield;
191
+ outline-offset:-2px
192
+ }
193
+ [type=search]::-webkit-search-cancel-button,
194
+ [type=search]::-webkit-search-decoration {
195
+ -webkit-appearance:none
196
+ }
197
+ ::-webkit-file-upload-button {
198
+ -webkit-appearance:button;
199
+ font:inherit
200
+ }
201
+ summary {
202
+ display:list-item
203
+ }
204
+ [hidden],
205
+ template {
206
+ display:none
207
+ }
208
+ body,
209
+ html {
210
+ -webkit-font-smoothing:antialiased
211
+ }
212
+ html {
213
+ color:#fff
214
+ }
215
+ a.button,
216
+ body,
217
+ button,
218
+ html {
219
+ font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
220
+ }
221
+ body {
222
+ font-size:16px
223
+ }
224
+ body,
225
+ input,
226
+ select,
227
+ textarea {
228
+ color:#fff
229
+ }
230
+ .code {
231
+ font-family:Consolas,"Liberation Mono",Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif
232
+ }
233
+ .container {
234
+ margin:0 20px;
235
+ display:inherit;
236
+ position:relative;
237
+ width:calc(100% - 40px);
238
+ }
239
+ @media (min-width:1310px) {
240
+ .container {
241
+ margin:auto;
242
+ width:1270px
243
+ }
244
+ }
245
+ h2 {
246
+ font-size:2.5em
247
+ }
248
+ h3 {
249
+ font-size:1.6em
250
+ }
251
+ h4 {
252
+ font-size:1.2em
253
+ }
254
+ .addon,
255
+ input,
256
+ select,
257
+ textarea {
258
+ outline:0;
259
+ font-size:14px
260
+ }
261
+ ul.columns {
262
+ list-style-position:inside;
263
+ columns:1
264
+ }
265
+ @media (min-width:650px) {
266
+ ul.columns {
267
+ columns:2
268
+ }
269
+ }
270
+ @media (min-width:800px) {
271
+ ul.columns {
272
+ columns:3
273
+ }
274
+ }
275
+ a.button,
276
+ button {
277
+ font-size:1.125em;
278
+ background:#999;
279
+ border-radius:5px;
280
+ border:0;
281
+ cursor:pointer;
282
+ display:inline-block;
283
+ padding:8px 34px;
284
+ background:#fff;
285
+ color:#f03b4d;
286
+ font-weight:500;
287
+ box-shadow:0 0 5px 0 rgba(0,0,0,.15);
288
+ margin:15px;
289
+ text-shadow:none
290
+ }
291
+ a.button.small,
292
+ button.small {
293
+ font-size:.875em;
294
+ padding:8px 26px
295
+ }
296
+ a.button:hover,
297
+ button:hover {
298
+ background:#ffd1d6;
299
+ background:linear-gradient(#fff,#ffd1d6);
300
+ border:0;
301
+ outline:0
302
+ }
303
+ a.button:active,
304
+ a.button:focus,
305
+ button:active,
306
+ button:focus {
307
+ background:#ffd1d6;
308
+ background:linear-gradient(#ffd1d6,#fff);
309
+ border:0;
310
+ outline:0
311
+ }
312
+ a.button.inverted,
313
+ button.inverted {
314
+ background:0 0;
315
+ color:#fff;
316
+ padding:6px 30px;
317
+ border:2px solid #fff;
318
+ font-weight:500
319
+ }
320
+ a.button.inverted.small,
321
+ button.inverted.small {
322
+ padding:6px 24px
323
+ }
324
+ a.button.inverted:hover,
325
+ button.inverted:hover {
326
+ background-color:rgba(255,255,255,.15)
327
+ }
328
+ a.button.inverted:active,
329
+ a.button.inverted:focus,
330
+ button.inverted:active,
331
+ button.inverted:focus {
332
+ background-color:rgba(0,0,0,.25)
333
+ }
334
+ a.button.inverted.blue,
335
+ button.inverted.blue {
336
+ border-color:#5daced
337
+ }
338
+ a.button.inverted.purple,
339
+ button.inverted.purple {
340
+ border-color:#df76ff
341
+ }
342
+ a.button.inverted.red,
343
+ button.inverted.red {
344
+ border-color:#ff6170
345
+ }
346
+ a.button.inverted.yellow,
347
+ button.inverted.yellow {
348
+ border-color:#fff776
349
+ }
350
+ a.button.inverted.orange,
351
+ button.inverted.orange {
352
+ border-color:#ff853e
353
+ }
354
+ a.button.inverted.green,
355
+ button.inverted.green {
356
+ border-color:#15dc98
357
+ }
358
+ .table-container {
359
+ overflow-x:auto
360
+ }
361
+ table:not(.code) {
362
+ border-collapse:collapse;
363
+ border-spacing:0;
364
+ font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
365
+ text-shadow:none;
366
+ box-shadow:0 2px 2px rgba(0,0,0,.25);
367
+ border-bottom:1px solid #111;
368
+ border-top:1px solid #111
369
+ }
370
+ table:not(.code) thead {
371
+ background-color:#131313;
372
+ text-align:left;
373
+ border-bottom:1px solid #111
374
+ }
375
+ table:not(.code) td,
376
+ table:not(.code) th {
377
+ border-left:1px solid #111;
378
+ padding:.5em 1.25em
379
+ }
380
+ table:not(.code) td:last-child,
381
+ table:not(.code) th:last-child {
382
+ border-right:1px solid #111
383
+ }
384
+ table:not(.code) tbody>tr {
385
+ background:#303133
386
+ }
387
+ table:not(.code) tbody>tr:nth-child(2n) {
388
+ background:#202020
389
+ }
390
+ .grid {
391
+ display:flex
392
+ }
393
+ @media (max-width:870px) {
394
+ .grid {
395
+ display:block
396
+ }
397
+ }
398
+ .col {
399
+ box-sizing:border-box;
400
+ flex:1
401
+ }
402
+ .col.center {
403
+ align-self:center
404
+ }
405
+ .hl,
406
+ .hl-dark {
407
+ color:#abb2bf
408
+ }
409
+ .hl .c,
410
+ .hl-dark .c {
411
+ color:#5c6370;
412
+ font-style:italic
413
+ }
414
+ .hl .err,
415
+ .hl-dark .err {
416
+ color:#960050;
417
+ background-color:#1e0010
418
+ }
419
+ .hl .k,
420
+ .hl-dark .k {
421
+ color:#c678dd
422
+ }
423
+ .hl .l,
424
+ .hl-dark .l {
425
+ color:#98c379
426
+ }
427
+ .hl .n,
428
+ .hl .o,
429
+ .hl .p,
430
+ .hl-dark .n,
431
+ .hl-dark .o,
432
+ .hl-dark .p {
433
+ color:#abb2bf
434
+ }
435
+ .hl .cm,
436
+ .hl-dark .cm {
437
+ color:#5c6370;
438
+ font-style:italic
439
+ }
440
+ .hl .cp,
441
+ .hl-dark .cp {
442
+ color:#61afef
443
+ }
444
+ .hl .c1,
445
+ .hl .cs,
446
+ .hl-dark .c1,
447
+ .hl-dark .cs {
448
+ color:#5c6370;
449
+ font-style:italic
450
+ }
451
+ .hl .ge,
452
+ .hl-dark .ge {
453
+ font-style:italic
454
+ }
455
+ .hl .gs,
456
+ .hl-dark .gs {
457
+ font-weight:700
458
+ }
459
+ .hl .kc,
460
+ .hl .kd,
461
+ .hl .kn,
462
+ .hl-dark .kc,
463
+ .hl-dark .kd,
464
+ .hl-dark .kn {
465
+ color:#c678dd
466
+ }
467
+ .hl .kp,
468
+ .hl-dark .kp {
469
+ color:#d19a66
470
+ }
471
+ .hl .kr,
472
+ .hl-dark .kr {
473
+ color:#c678dd
474
+ }
475
+ .hl .kt,
476
+ .hl-dark .kt {
477
+ color:#e06c75
478
+ }
479
+ .hl .ld,
480
+ .hl-dark .ld {
481
+ color:#98c379
482
+ }
483
+ .hl .m,
484
+ .hl-dark .m {
485
+ color:#d19a66
486
+ }
487
+ .hl .s,
488
+ .hl-dark .s {
489
+ color:#98c379
490
+ }
491
+ .hl .na,
492
+ .hl-dark .na {
493
+ color:#d19a66
494
+ }
495
+ .hl .nb,
496
+ .hl .nc,
497
+ .hl .nd,
498
+ .hl .ne,
499
+ .hl .ni,
500
+ .hl .no,
501
+ .hl-dark .nb,
502
+ .hl-dark .nc,
503
+ .hl-dark .nd,
504
+ .hl-dark .ne,
505
+ .hl-dark .ni,
506
+ .hl-dark .no {
507
+ color:#e5c07b
508
+ }
509
+ .hl .nf,
510
+ .hl-dark .nf {
511
+ color:#61afef
512
+ }
513
+ .hl .nl,
514
+ .hl-dark .nl {
515
+ color:#e5c07b
516
+ }
517
+ .hl .nn,
518
+ .hl .nx,
519
+ .hl-dark .nn,
520
+ .hl-dark .nx {
521
+ color:#abb2bf
522
+ }
523
+ .hl .py,
524
+ .hl-dark .py {
525
+ color:#e5c07b
526
+ }
527
+ .hl .nt,
528
+ .hl-dark .nt {
529
+ color:#e06c75
530
+ }
531
+ .hl .nv,
532
+ .hl-dark .nv {
533
+ color:#e5c07b
534
+ }
535
+ .hl .ow,
536
+ .hl-dark .ow {
537
+ font-weight:700
538
+ }
539
+ .hl .w,
540
+ .hl-dark .w {
541
+ color:#f8f8f2
542
+ }
543
+ .hl .mf,
544
+ .hl .mh,
545
+ .hl .mi,
546
+ .hl .mo,
547
+ .hl-dark .mf,
548
+ .hl-dark .mh,
549
+ .hl-dark .mi,
550
+ .hl-dark .mo {
551
+ color:#d19a66
552
+ }
553
+ .hl .s2,
554
+ .hl .sb,
555
+ .hl .sc,
556
+ .hl .sd,
557
+ .hl .se,
558
+ .hl .sh,
559
+ .hl .si,
560
+ .hl .sx,
561
+ .hl-dark .s2,
562
+ .hl-dark .sb,
563
+ .hl-dark .sc,
564
+ .hl-dark .sd,
565
+ .hl-dark .se,
566
+ .hl-dark .sh,
567
+ .hl-dark .si,
568
+ .hl-dark .sx {
569
+ color:#98c379
570
+ }
571
+ .hl .sr,
572
+ .hl-dark .sr {
573
+ color:#56b6c2
574
+ }
575
+ .hl .s1,
576
+ .hl-dark .s1 {
577
+ color:#98c379
578
+ }
579
+ .hl .ss,
580
+ .hl-dark .ss {
581
+ color:#56b6c2
582
+ }
583
+ .hl .bp,
584
+ .hl .vc,
585
+ .hl .vg,
586
+ .hl-dark .bp,
587
+ .hl-dark .vc,
588
+ .hl-dark .vg {
589
+ color:#e5c07b
590
+ }
591
+ .hl .vi,
592
+ .hl-dark .vi {
593
+ color:#e06c75
594
+ }
595
+ .hl .il,
596
+ .hl-dark .il {
597
+ color:#d19a66
598
+ }
599
+ .hl .gu,
600
+ .hl-dark .gu {
601
+ color:#75715e
602
+ }
603
+ .hl .gd,
604
+ .hl-dark .gd {
605
+ color:#f92672
606
+ }
607
+ .hl .gi,
608
+ .hl-dark .gi {
609
+ color:#a6e22e
610
+ }
611
+ .hl-light {
612
+ color:#383a42
613
+ }
614
+ .hl-light .c {
615
+ color:#a0a1a7;
616
+ font-style:italic
617
+ }
618
+ .hl-light .err {
619
+ color:#960050;
620
+ background-color:#1e0010
621
+ }
622
+ .hl-light .k {
623
+ color:#a626a4
624
+ }
625
+ .hl-light .l {
626
+ color:#50a14f
627
+ }
628
+ .hl-light .n,
629
+ .hl-light .o,
630
+ .hl-light .p {
631
+ color:#383a42
632
+ }
633
+ .hl-light .cm {
634
+ color:#a0a1a7;
635
+ font-style:italic
636
+ }
637
+ .hl-light .cp {
638
+ color:#4078f2
639
+ }
640
+ .hl-light .c1,
641
+ .hl-light .cs {
642
+ color:#a0a1a7;
643
+ font-style:italic
644
+ }
645
+ .hl-light .ge {
646
+ font-style:italic
647
+ }
648
+ .hl-light .gs {
649
+ font-weight:700
650
+ }
651
+ .hl-light .kc,
652
+ .hl-light .kd,
653
+ .hl-light .kn {
654
+ color:#a626a4
655
+ }
656
+ .hl-light .kp {
657
+ color:#986801
658
+ }
659
+ .hl-light .kr {
660
+ color:#a626a4
661
+ }
662
+ .hl-light .kt {
663
+ color:#e45649
664
+ }
665
+ .hl-light .ld {
666
+ color:#50a14f
667
+ }
668
+ .hl-light .m {
669
+ color:#986801
670
+ }
671
+ .hl-light .s {
672
+ color:#50a14f
673
+ }
674
+ .hl-light .na {
675
+ color:#986801
676
+ }
677
+ .hl-light .nb,
678
+ .hl-light .nc,
679
+ .hl-light .nd,
680
+ .hl-light .ne,
681
+ .hl-light .ni,
682
+ .hl-light .no {
683
+ color:#c18401
684
+ }
685
+ .hl-light .nf {
686
+ color:#4078f2
687
+ }
688
+ .hl-light .nl {
689
+ color:#c18401
690
+ }
691
+ .hl-light .nn,
692
+ .hl-light .nx {
693
+ color:#383a42
694
+ }
695
+ .hl-light .py {
696
+ color:#c18401
697
+ }
698
+ .hl-light .nt {
699
+ color:#e45649
700
+ }
701
+ .hl-light .nv {
702
+ color:#c18401
703
+ }
704
+ .hl-light .ow {
705
+ font-weight:700
706
+ }
707
+ .hl-light .w {
708
+ color:#f8f8f2
709
+ }
710
+ .hl-light .mf,
711
+ .hl-light .mh,
712
+ .hl-light .mi,
713
+ .hl-light .mo {
714
+ color:#986801
715
+ }
716
+ .hl-light .s2,
717
+ .hl-light .sb,
718
+ .hl-light .sc,
719
+ .hl-light .sd,
720
+ .hl-light .se,
721
+ .hl-light .sh,
722
+ .hl-light .si,
723
+ .hl-light .sx {
724
+ color:#50a14f
725
+ }
726
+ .hl-light .sr {
727
+ color:#0184bc
728
+ }
729
+ .hl-light .s1 {
730
+ color:#50a14f
731
+ }
732
+ .hl-light .ss {
733
+ color:#0184bc
734
+ }
735
+ .hl-light .bp,
736
+ .hl-light .vc,
737
+ .hl-light .vg {
738
+ color:#c18401
739
+ }
740
+ .hl-light .vi {
741
+ color:#e45649
742
+ }
743
+ .hl-light .il {
744
+ color:#986801
745
+ }
746
+ .hl-light .gu {
747
+ color:#75715e
748
+ }
749
+ .hl-light .gd {
750
+ color:#f92672
751
+ }
752
+ .hl-light .gi {
753
+ color:#a6e22e
754
+ }
755
+ body,
756
+ html {
757
+ background-color:#272727
758
+ }
759
+ header {
760
+ /*! background-color:#d33847; */
761
+ position:relative;
762
+ overflow:hidden;
763
+ background: url("../images/nav-bg.gif") #353535;
764
+ border-bottom: 4px solid #434343;
765
+ }
766
+ header :not(.cloud) {
767
+ position:relative;
768
+ z-index:10;
769
+ }
770
+ header h1,
771
+ header h2,
772
+ header h3,
773
+ header h4 {
774
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
775
+ text-shadow:0 2px 0 rgba(0,0,0,.25)
776
+ }
777
+ header h1 {
778
+ font-size:42px;
779
+ margin:10px 0px 20px 0px;
780
+ font-weight:600;
781
+ }
782
+ header h1 a:active,
783
+ header h1 a:focus,
784
+ header h1 a:hover {
785
+ color:#ffbec4;
786
+ border:0
787
+ }
788
+ header h4 {
789
+ font-size:16px;
790
+ line-height:18px;
791
+ font-weight:500;
792
+ margin:0;
793
+ padding:10px 0 70px;
794
+ color:#ffdada
795
+ }
796
+ header .banner {
797
+ margin:30px 0 50px
798
+ }
799
+ header .banner h1,
800
+ header .banner h2,
801
+ header .banner h3,
802
+ header .banner h4 {
803
+ font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
804
+ }
805
+ header .banner h1 {
806
+ font-size:36px;
807
+ font-weight:500;
808
+ margin:17px 0
809
+ }
810
+ header .banner h2 {
811
+ font-size:25px;
812
+ font-weight:300;
813
+ line-height:36px;
814
+ margin:10px auto 15px;
815
+ max-width:580px
816
+ }
817
+ .cloud {
818
+ position:absolute;
819
+ top:0;
820
+ left:0;
821
+ width:100%;
822
+ height:100%;
823
+ display:block;
824
+ -webkit-backface-visibility:hidden;
825
+ -moz-backface-visibility:hidden;
826
+ -ms-backface-visibility:hidden;
827
+ backface-visibility:hidden;
828
+ -webkit-perspective:1000;
829
+ -moz-perspective:1000;
830
+ -ms-perspective:1000;
831
+ perspective:1000;
832
+ transform:translateZ(0)
833
+ }
834
+ .cloud.back {
835
+ z-index:1;
836
+ opacity:.03
837
+ }
838
+ .cloud.front {
839
+ z-index:2;
840
+ opacity:.06
841
+ }
842
+ .features img {
843
+ margin-bottom:15px
844
+ }
845
+ .features h2 {
846
+ font-size:36px;
847
+ color:#fff;
848
+ text-shadow:0 2px 0 rgba(0,0,0,.15);
849
+ font-weight:500;
850
+ line-height:36px;
851
+ margin-top:0;
852
+ margin-bottom:10px
853
+ }
854
+ .features figcaption,
855
+ .features h2,
856
+ .features h3,
857
+ .features h4 {
858
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
859
+ }
860
+ .features h3 {
861
+ font-size:20px;
862
+ line-height:20px;
863
+ text-shadow:0 1px 0 rgba(0,0,0,.2);
864
+ margin:0 auto;
865
+ font-weight:500
866
+ }
867
+ .features h3.blue {
868
+ color:#5daced
869
+ }
870
+ .features h3.purple {
871
+ color:#df76ff
872
+ }
873
+ .features h3.red {
874
+ color:#ff6170
875
+ }
876
+ .features h3.yellow {
877
+ color:#fff776
878
+ }
879
+ .features h3.orange {
880
+ color:#ff853e
881
+ }
882
+ .features h3.green {
883
+ color:#15dc98
884
+ }
885
+ .features figcaption,
886
+ .features h4 {
887
+ font-weight:400
888
+ }
889
+ .features h4 {
890
+ margin-top:0;
891
+ margin-bottom:35px;
892
+ font-size:18px;
893
+ color:#a2a2a2;
894
+ line-height:24px
895
+ }
896
+ .features figcaption {
897
+ color:#ffd5d8;
898
+ font-size:15px;
899
+ line-height:25px;
900
+ max-width:220px;
901
+ margin:10px auto 0
902
+ }
903
+ .features figcaption.wide {
904
+ margin-bottom:15px;
905
+ max-width:300px;
906
+ font-weight:300;
907
+ color:#fff;
908
+ padding:0 10px
909
+ }
910
+ .features .col {
911
+ border-right:1px solid rgba(255,255,255,.25);
912
+ margin:40px 0
913
+ }
914
+ @media (max-width:870px) {
915
+ .features .col {
916
+ border-right:none
917
+ }
918
+ }
919
+ .features .col.tight:last-child,
920
+ .features .col:last-child {
921
+ border-right:none
922
+ }
923
+ @media (max-width:870px) {
924
+ .features .col:last-child {
925
+ margin-bottom:40px
926
+ }
927
+ }
928
+ .features .col.tight {
929
+ padding:35px 0;
930
+ margin:10px 0;
931
+ border-right:1px solid rgba(255,255,255,.1)
932
+ }
933
+ @media (max-width:870px) {
934
+ .features .col.tight {
935
+ border-right:none
936
+ }
937
+ }
938
+ @media (max-width:870px) {
939
+ .features .col.tight:last-child {
940
+ margin-bottom:0
941
+ }
942
+ }
943
+ .features hr {
944
+ background-color:rgba(255,255,255,.1);
945
+ margin:30px 0
946
+ }
947
+ a:hover {
948
+ border-bottom:1px dashed #fff
949
+ }
950
+ a:active,
951
+ a:focus {
952
+ border-bottom:1px solid #fff;
953
+ outline:0
954
+ }
955
+ #pagination ul,
956
+ .centered,
957
+ .circle-container h4 {
958
+ text-align:center
959
+ }
960
+ .pull-right {
961
+ float:right
962
+ }
963
+ .text-right {
964
+ text-align:right
965
+ }
966
+ table {
967
+ width:100%
968
+ }
969
+ table.code {
970
+ display:inline-block;
971
+ color:#a5abb8;
972
+ font-size:14px;
973
+ text-shadow:none;
974
+ padding:0;
975
+ border-spacing:0;
976
+ box-shadow:0 2px 5px 0 rgba(0,0,0,.5);
977
+ border-radius:5px;
978
+ width:100%;
979
+ overflow-x:auto
980
+ }
981
+ table.code * {
982
+ font-family:Consolas,"Liberation Mono",Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
983
+ line-height:18px;
984
+ margin:0;
985
+ -webkit-font-smoothing:subpixel-antialiased
986
+ }
987
+ table.code td.linenos {
988
+ background-color:#3a3a3a;
989
+ padding:15px 10px 15px 18px;
990
+ color:#666;
991
+ text-align:right;
992
+ border-top-left-radius:5px;
993
+ border-bottom-left-radius:5px;
994
+ border:1px solid #4b4b4b;
995
+ border-right:1px solid #1b1d22
996
+ }
997
+ table.code td.code {
998
+ padding-left:15px;
999
+ background:#323232;
1000
+ border-top-right-radius:5px;
1001
+ border-bottom-right-radius:5px;
1002
+ border:1px solid #4b4b4b;
1003
+ border-left:none;
1004
+ width:100%
1005
+ }
1006
+ footer,
1007
+ section {
1008
+ text-shadow:0 2px 0 rgba(0,0,0,.25);
1009
+ background-color:#272727
1010
+ }
1011
+ section {
1012
+ padding:70px 0
1013
+ }
1014
+ footer ::-webkit-scrollbar,
1015
+ section ::-webkit-scrollbar {
1016
+ width:10px
1017
+ }
1018
+ footer ::-webkit-scrollbar-thumb,
1019
+ section ::-webkit-scrollbar-thumb {
1020
+ background-color:rgba(255,255,255,.2)
1021
+ }
1022
+ footer.tight,
1023
+ section.tight {
1024
+ padding:0
1025
+ }
1026
+ footer.very-dark,
1027
+ section.very-dark {
1028
+ background-color:#1d1d1d
1029
+ }
1030
+ footer h3,
1031
+ section h3 {
1032
+ font-size:36px;
1033
+ font-weight:500;
1034
+ margin:20px 0 0;
1035
+ line-height:48px
1036
+ }
1037
+ footer .col.left-main,
1038
+ section .col.left-main {
1039
+ line-height:22px;
1040
+ align-self:center
1041
+ }
1042
+ footer .col.left-main h3,
1043
+ footer .col.left-main p,
1044
+ section .col.left-main h3,
1045
+ section .col.left-main p {
1046
+ padding:0 20px
1047
+ }
1048
+ footer .col.right-main,
1049
+ section .col.right-main {
1050
+ overflow-x:auto;
1051
+ align-self:center
1052
+ }
1053
+ @media (max-width:870px) {
1054
+ footer h3,
1055
+ section h3 {
1056
+ margin:-10px 0 0;
1057
+ text-align:center
1058
+ }
1059
+ footer span.callout,
1060
+ section span.callout {
1061
+ display:block;
1062
+ text-align:center
1063
+ }
1064
+ footer .col.left-main,
1065
+ section .col.left-main {
1066
+ padding-bottom:10px
1067
+ }
1068
+ }
1069
+ @media (min-width:870px) {
1070
+ footer.dark .col.left-main,
1071
+ section.dark .col.left-main {
1072
+ padding-left:20px
1073
+ }
1074
+ footer.dark .col.right-main,
1075
+ section.dark .col.right-main {
1076
+ padding-right:20px;
1077
+ order:-1
1078
+ }
1079
+ footer.light .col.left-main,
1080
+ section.light .col.left-main {
1081
+ padding-right:20px
1082
+ }
1083
+ footer.light .col.right-main,
1084
+ section.light .col.right-main {
1085
+ padding-left:20px
1086
+ }
1087
+ }
1088
+ footer.light,
1089
+ section.light {
1090
+ /*! background-color:#d33847; */
1091
+ background: url("../images/nav-bg.gif") #353535;
1092
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
1093
+ border-top: 4px solid #434343;
1094
+ }
1095
+ footer.light table.code,
1096
+ section.light table.code {
1097
+ border-color:#a0a0a0;
1098
+ color:#222
1099
+ }
1100
+ footer.light table.code td.linenos,
1101
+ section.light table.code td.linenos {
1102
+ background-color:#efefef;
1103
+ border:1px solid #a0a0a0;
1104
+ border-right:1px solid #d5d5d5;
1105
+ color:#a9a9a9
1106
+ }
1107
+ footer.light table.code td.code,
1108
+ section.light table.code td.code {
1109
+ background:#fff;
1110
+ border:1px solid #a0a0a0;
1111
+ border-left:none
1112
+ }
1113
+ footer #sidebar,
1114
+ section #sidebar {
1115
+ background-color:#1d1d1d;
1116
+ width:calc(280px + (100% - 1310px)/2);
1117
+ min-width:280px
1118
+ }
1119
+ @media (max-width:870px) {
1120
+ footer #sidebar,
1121
+ section #sidebar {
1122
+ width:100%;
1123
+ height:100%;
1124
+ overflow:hidden;
1125
+ background-color:#272727
1126
+ }
1127
+ }
1128
+ footer #sidebar nav,
1129
+ section #sidebar nav {
1130
+ position:sticky;
1131
+ top:0;
1132
+ max-height:100vh;
1133
+ overflow:auto
1134
+ }
1135
+ @media (max-width:870px) {
1136
+ footer #sidebar nav,
1137
+ section #sidebar nav {
1138
+ position:relative;
1139
+ width:100%;
1140
+ height:100%;
1141
+ padding:30px 20px 0
1142
+ }
1143
+ }
1144
+ footer #search-results,
1145
+ footer article,
1146
+ section #search-results,
1147
+ section article {
1148
+ width:calc(100% - 280px);
1149
+ max-width:1060px;
1150
+ padding:40px
1151
+ }
1152
+ @media (max-width:870px) {
1153
+ footer #search-results,
1154
+ footer article,
1155
+ section #search-results,
1156
+ section article {
1157
+ width:100%;
1158
+ padding:35px 30px
1159
+ }
1160
+ }
1161
+ footer nav,
1162
+ section nav {
1163
+ padding:35px;
1164
+ box-sizing:border-box;
1165
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1166
+ font-weight:500;
1167
+ position:relative;
1168
+ min-width:250px;
1169
+ float:right;
1170
+ display:inline-block;
1171
+ overflow:auto
1172
+ }
1173
+ footer nav .affix,
1174
+ section nav .affix {
1175
+ position:fixed;
1176
+ top:40px;
1177
+ overflow:auto;
1178
+ height:100%
1179
+ }
1180
+ footer nav .affix-bottom,
1181
+ section nav .affix-bottom {
1182
+ position:relative;
1183
+ bottom:40px;
1184
+ overflow:auto;
1185
+ height:100%
1186
+ }
1187
+ footer nav li,
1188
+ section nav li {
1189
+ list-style:none
1190
+ }
1191
+ footer nav .toc ul,
1192
+ section nav .toc ul {
1193
+ padding:10px 0 0
1194
+ }
1195
+ footer nav .toc ul:first-child,
1196
+ section nav .toc ul:first-child {
1197
+ padding:0;
1198
+ margin:0
1199
+ }
1200
+ footer nav .toc ul.small,
1201
+ section nav .toc ul.small {
1202
+ padding:0
1203
+ }
1204
+ footer nav .toc ul.small a,
1205
+ section nav .toc ul.small a {
1206
+ font-size:14px
1207
+ }
1208
+ footer nav .toc>ul>li,
1209
+ section nav .toc>ul>li {
1210
+ font-size:20px;
1211
+ line-height:20px;
1212
+ margin:20px 0
1213
+ }
1214
+ footer nav .toc>ul>li:first-child,
1215
+ section nav .toc>ul>li:first-child {
1216
+ margin:0
1217
+ }
1218
+ footer nav .toc>ul>li ul li,
1219
+ section nav .toc>ul>li ul li {
1220
+ border-left:1px solid #424242;
1221
+ padding:10px 0 10px 17px;
1222
+ font-size:14px;
1223
+ line-height:14px
1224
+ }
1225
+ footer nav .toc>ul>li ul li a,
1226
+ section nav .toc>ul>li ul li a {
1227
+ color:#c5c5c5
1228
+ }
1229
+ article.news a>h2,
1230
+ footer nav .toc>ul>li ul li a.active,
1231
+ footer nav .toc>ul>li ul li a:hover,
1232
+ section nav .toc>ul>li ul li a.active,
1233
+ section nav .toc>ul>li ul li a:hover {
1234
+ color:#fff
1235
+ }
1236
+ footer nav .toc>ul>li ul li a:active,
1237
+ footer nav .toc>ul>li ul li a:focus,
1238
+ section nav .toc>ul>li ul li a:active,
1239
+ section nav .toc>ul>li ul li a:focus {
1240
+ color:#444
1241
+ }
1242
+ footer nav a:hover,
1243
+ section nav a:hover {
1244
+ border:0;
1245
+ text-decoration:underline;
1246
+ color:#fff
1247
+ }
1248
+ footer nav a:active,
1249
+ footer nav a:focus,
1250
+ section nav a:active,
1251
+ section nav a:focus {
1252
+ border:0;
1253
+ color:#444
1254
+ }
1255
+ footer nav a.active,
1256
+ section nav a.active {
1257
+ font-weight:700
1258
+ }
1259
+ #search-results,
1260
+ article,
1261
+ main {
1262
+ box-sizing:border-box;
1263
+ padding:40px 10px;
1264
+ font-size:16px;
1265
+ font-family:Helvetica,Arial,"Lucida Grande",sans-serif;
1266
+ line-height:24px
1267
+ }
1268
+ #search-results p,
1269
+ article p,
1270
+ main p {
1271
+ margin:15px 0
1272
+ }
1273
+ #search-results h2,
1274
+ #search-results h3,
1275
+ #search-results h4,
1276
+ #search-results h5,
1277
+ article h2,
1278
+ article h3,
1279
+ article h4,
1280
+ article h5,
1281
+ main h2,
1282
+ main h3,
1283
+ main h4,
1284
+ main h5 {
1285
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1286
+ font-weight:600;
1287
+ text-align:left
1288
+ }
1289
+ #search-results h2+p,
1290
+ #search-results h3+p,
1291
+ #search-results h4+p,
1292
+ #search-results h5+p,
1293
+ article h2+p,
1294
+ article h3+p,
1295
+ article h4+p,
1296
+ article h5+p,
1297
+ main h2+p,
1298
+ main h3+p,
1299
+ main h4+p,
1300
+ main h5+p {
1301
+ margin-top:0
1302
+ }
1303
+ #search-results h2:first-child,
1304
+ #search-results h3:first-child,
1305
+ #search-results h4:first-child,
1306
+ #search-results h5:first-child,
1307
+ article h2:first-child,
1308
+ article h3:first-child,
1309
+ article h4:first-child,
1310
+ article h5:first-child,
1311
+ main h2:first-child,
1312
+ main h3:first-child,
1313
+ main h4:first-child,
1314
+ main h5:first-child {
1315
+ padding-top:0;
1316
+ margin-top:0
1317
+ }
1318
+ #pagination li,
1319
+ #search-results h2:hover>a,
1320
+ #search-results h3:hover>a,
1321
+ #search-results h4:hover>a,
1322
+ #search-results h5:hover>a,
1323
+ article h2:hover>a,
1324
+ article h3:hover>a,
1325
+ article h4:hover>a,
1326
+ article h5:hover>a,
1327
+ main h2:hover>a,
1328
+ main h3:hover>a,
1329
+ main h4:hover>a,
1330
+ main h5:hover>a {
1331
+ display:inline
1332
+ }
1333
+ #search-results h1,
1334
+ article h1,
1335
+ main h1 {
1336
+ padding: 20px 0 10px;
1337
+ margin: 15px 0;
1338
+ font-size: 38px;
1339
+ line-height: 40px;
1340
+ }
1341
+ #search-results h2,
1342
+ article h2,
1343
+ main h2 {
1344
+ padding:20px 0 10px;
1345
+ margin:15px 0;
1346
+ font-size:30px;
1347
+ line-height:32px
1348
+ }
1349
+ #search-results h3,
1350
+ article h3,
1351
+ main h3 {
1352
+ padding:10px 0;
1353
+ margin:20px 0 10px;
1354
+ font-size:22px;
1355
+ line-height:24px
1356
+ }
1357
+ #search-results h4,
1358
+ #search-results h5,
1359
+ article h4,
1360
+ article h5,
1361
+ main h4,
1362
+ main h5 {
1363
+ padding:10px 0;
1364
+ margin:10px 0 5px
1365
+ }
1366
+ #search-results h4,
1367
+ article h4,
1368
+ main h4 {
1369
+ font-size:18px;
1370
+ line-height:20px
1371
+ }
1372
+ #search-results h5,
1373
+ article h5,
1374
+ article.news h5,
1375
+ main h5 {
1376
+ font-size:16px;
1377
+ line-height:20px
1378
+ }
1379
+ #search-results a.headerlink,
1380
+ article a.headerlink,
1381
+ main a.headerlink {
1382
+ color:#5e5e5e;
1383
+ font-size:.8em;
1384
+ line-height:1em;
1385
+ margin-left:5px;
1386
+ border-bottom:none
1387
+ }
1388
+ @media (min-width:870px) {
1389
+ #search-results a.headerlink,
1390
+ article a.headerlink,
1391
+ main a.headerlink {
1392
+ display:none
1393
+ }
1394
+ }
1395
+ #search-results a.headerlink:active,
1396
+ #search-results a.headerlink:focus,
1397
+ #search-results a.headerlink:hover,
1398
+ article a.headerlink:active,
1399
+ article a.headerlink:focus,
1400
+ article a.headerlink:hover,
1401
+ main a.headerlink:active,
1402
+ main a.headerlink:focus,
1403
+ main a.headerlink:hover {
1404
+ border:0
1405
+ }
1406
+ #search-results a.headerlink:hover,
1407
+ article a.headerlink:hover,
1408
+ main a.headerlink:hover {
1409
+ color:#ccc
1410
+ }
1411
+ #search-results a.headerlink:active,
1412
+ #search-results a.headerlink:focus,
1413
+ article a.headerlink:active,
1414
+ article a.headerlink:focus,
1415
+ main a.headerlink:active,
1416
+ main a.headerlink:focus {
1417
+ color:#fff
1418
+ }
1419
+ #search-results blockquote,
1420
+ article blockquote,
1421
+ main blockquote {
1422
+ background-color:rgba(255,255,255,.05);
1423
+ margin:0;
1424
+ padding:5px 20px 5px 30px;
1425
+ border-left:10px solid rgba(255,255,255,.1);
1426
+ box-shadow:0 1px 2px 0 rgba(0,0,0,.5);
1427
+ text-shadow:0 2px 0 rgba(0,0,0,.25)
1428
+ }
1429
+ article.news {
1430
+ font-size:18px;
1431
+ font-family:Helvetica,Arial,"Lucida Grande",sans-serif;
1432
+ line-height:30px;
1433
+ max-width:900px;
1434
+ margin:0 auto;
1435
+ overflow-x:auto
1436
+ }
1437
+ @media (max-width:870px) {
1438
+ article.news {
1439
+ padding:10px 5px
1440
+ }
1441
+ }
1442
+ article.news p:not(:nth-child(2)) {
1443
+ margin-left:auto;
1444
+ margin-right:auto
1445
+ }
1446
+ article.news p.metadata {
1447
+ margin:-10px 0 20px;
1448
+ font-size:16px;
1449
+ color:#bbb
1450
+ }
1451
+ article.news blockquote p:not(:last-child) {
1452
+ color:#bbb
1453
+ }
1454
+ article.news a>h2:hover {
1455
+ text-decoration:none
1456
+ }
1457
+ #tabs-panel .panel,
1458
+ #tabs-panel input,
1459
+ article.news h2 a,
1460
+ article.news h2:hover>a {
1461
+ display:none
1462
+ }
1463
+ article.news h2 {
1464
+ margin-top:20px;
1465
+ font-size:30px;
1466
+ line-height:42px;
1467
+ padding:0
1468
+ }
1469
+ article.news h3 {
1470
+ font-size:22px;
1471
+ line-height:26px
1472
+ }
1473
+ article.news h4 {
1474
+ font-size:18px;
1475
+ line-height:22px
1476
+ }
1477
+ #search-results a,
1478
+ article a {
1479
+ font-weight:700;
1480
+ /*! color:#8ab4ff; */
1481
+ }
1482
+ #search-results a:hover,
1483
+ article a:hover {
1484
+ color:inherit;
1485
+ border-bottom:none;
1486
+ text-decoration:underline
1487
+ }
1488
+ #search-results a:hover code,
1489
+ article a:hover code {
1490
+ text-decoration:underline
1491
+ }
1492
+ #search-results a:active,
1493
+ #search-results a:focus,
1494
+ article a:active,
1495
+ article a:focus {
1496
+ border-bottom:none;
1497
+ text-decoration:underline
1498
+ }
1499
+ #search-results h1,
1500
+ article h1 {
1501
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
1502
+ }
1503
+ #search-results h2,
1504
+ article h2 {
1505
+ border-bottom:1px solid rgba(255,255,255,.15)
1506
+ }
1507
+ #search-results h3,
1508
+ article h3 {
1509
+ border-bottom:1px solid rgba(255,255,255,.07)
1510
+ }
1511
+ main h2,
1512
+ main h3 {
1513
+ margin-bottom:0
1514
+ }
1515
+ main h2:not(:first-child) {
1516
+ margin-top:30px
1517
+ }
1518
+ code,
1519
+ footer {
1520
+ text-shadow:none
1521
+ }
1522
+ code {
1523
+ display:inline-block;
1524
+ background:rgba(0,0,0,.4);
1525
+ font-size:.87em;
1526
+ border-radius:5px;
1527
+ font-family:Consolas,"Liberation Mono",Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
1528
+ -webkit-font-smoothing:subpixel-antialiased;
1529
+ padding:1px 4px;
1530
+ line-height:1.4em
1531
+ }
1532
+ span.orange,
1533
+ span.purple {
1534
+ color:#f68500;
1535
+ font-weight:400;
1536
+ font-size:.95em
1537
+ }
1538
+ span.purple {
1539
+ color:#9a64c0
1540
+ }
1541
+ span.callout {
1542
+ display:inline-block;
1543
+ background:#fff;
1544
+ color:#000;
1545
+ padding:2px 15px;
1546
+ font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1547
+ font-size:14px;
1548
+ font-weight:700;
1549
+ border-radius:5px;
1550
+ border:1px solid #000;
1551
+ box-shadow:0 2px 3px 0 rgba(0,0,0,.5);
1552
+ margin:0;
1553
+ text-shadow:none
1554
+ }
1555
+ footer {
1556
+ padding:40px 0 30px;
1557
+ line-height:32px;
1558
+ font-size: 14px;
1559
+ color: #ccc;
1560
+ }
1561
+ footer a {
1562
+ font-size:14px;
1563
+ color:#ffcc00;
1564
+ }
1565
+ footer h2 {
1566
+ font-size:36px;
1567
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
1568
+ }
1569
+ footer h4 {
1570
+ font-size:18px
1571
+ }
1572
+ #tabs-panel {
1573
+ border:1px solid #3d3d3d;
1574
+ text-shadow:none;
1575
+ box-shadow:0 2px 5px 0 rgba(0,0,0,.5)
1576
+ }
1577
+ #tabs-panel p:first-child {
1578
+ margin-top:0
1579
+ }
1580
+ #tabs-panel p:last-child {
1581
+ margin-bottom:0
1582
+ }
1583
+ #tabs-panel .tab {
1584
+ display:block;
1585
+ padding:17px 20px 17px 45px;
1586
+ font:500 18px "Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1587
+ cursor:pointer;
1588
+ color:#464646;
1589
+ background-color:#212121;
1590
+ border-right:1px solid #3d3d3d;
1591
+ position:relative;
1592
+ margin-right:-1px;
1593
+ box-shadow:inset -1px 1px 3px rgba(0,0,0,.25)
1594
+ }
1595
+ #tabs-panel .tab img {
1596
+ margin:auto 0;
1597
+ position:absolute;
1598
+ left:17px;
1599
+ bottom:0;
1600
+ right:0;
1601
+ top:0;
1602
+ opacity:.15;
1603
+ pointer-events:none
1604
+ }
1605
+ #tabs-panel .tab:not(:first-child) {
1606
+ border-top:1px solid #2f2f2f
1607
+ }
1608
+ #tabs-panel .tab:hover {
1609
+ background-color:#272727;
1610
+ color:#aaa
1611
+ }
1612
+ #tabs-panel .tab:hover img {
1613
+ opacity:.5
1614
+ }
1615
+ #tabs-panel .tab:focus {
1616
+ background-color:#111
1617
+ }
1618
+ #tabs-panel .tab:active {
1619
+ background-color:#2c2c2c
1620
+ }
1621
+ #tabs-panel .tabs {
1622
+ flex:1 1 300px;
1623
+ background-color:#212121;
1624
+ min-width:220px
1625
+ }
1626
+ #tabs-panel .panels {
1627
+ background-color:#323232;
1628
+ width:100%
1629
+ }
1630
+ #tabs-panel .panel {
1631
+ padding:15px 25px;
1632
+ font:16px Helvetica,Arial,"Lucida Grande",sans-serif;
1633
+ color:#e0e0e0;
1634
+ line-height:26px
1635
+ }
1636
+ #tabs-panel #dynamic-params-tab img {
1637
+ top:-1px
1638
+ }
1639
+ #tabs-panel #handling-data-tab img {
1640
+ left:18px;
1641
+ top:-1px
1642
+ }
1643
+ #tabs-panel #request-guards-tab img {
1644
+ left:19px;
1645
+ top:-3px
1646
+ }
1647
+ #tabs-panel #responders-tab img {
1648
+ top:-3px
1649
+ }
1650
+ #tabs-panel #launching-tab img {
1651
+ left:21px;
1652
+ top:-3px
1653
+ }
1654
+ #tabs-panel #dynamic-params:checked~.tabs #dynamic-params-tab,
1655
+ #tabs-panel #handling-data:checked~.tabs #handling-data-tab,
1656
+ #tabs-panel #launching:checked~.tabs #launching-tab,
1657
+ #tabs-panel #request-guards:checked~.tabs #request-guards-tab,
1658
+ #tabs-panel #responders:checked~.tabs #responders-tab,
1659
+ #tabs-panel #routing:checked~.tabs #routing-tab {
1660
+ text-shadow:0 2px 0 rgba(0,0,0,.25);
1661
+ background-color:#323232;
1662
+ cursor:default;
1663
+ color:#fff;
1664
+ border-right:none;
1665
+ box-shadow:none
1666
+ }
1667
+ #tabs-panel #dynamic-params:checked~.tabs #dynamic-params-tab img,
1668
+ #tabs-panel #handling-data:checked~.tabs #handling-data-tab img,
1669
+ #tabs-panel #launching:checked~.tabs #launching-tab img,
1670
+ #tabs-panel #request-guards:checked~.tabs #request-guards-tab img,
1671
+ #tabs-panel #responders:checked~.tabs #responders-tab img,
1672
+ #tabs-panel #routing:checked~.tabs #routing-tab img {
1673
+ opacity:1
1674
+ }
1675
+ #tabs-panel #dynamic-params:checked~.panels #dynamic-params-panel,
1676
+ #tabs-panel #handling-data:checked~.panels #handling-data-panel,
1677
+ #tabs-panel #launching:checked~.panels #launching-panel,
1678
+ #tabs-panel #request-guards:checked~.panels #request-guards-panel,
1679
+ #tabs-panel #responders:checked~.panels #responders-panel,
1680
+ #tabs-panel #routing:checked~.panels #routing-panel {
1681
+ display:block
1682
+ }
1683
+ #logo span,
1684
+ #toggle {
1685
+ display:none;
1686
+ }
1687
+ header .container {
1688
+ padding-top:35px;
1689
+ z-index:10
1690
+ }
1691
+ header nav.version-select {
1692
+ position:relative;
1693
+ display:inline-block;
1694
+ width:80px;
1695
+ height:35px;
1696
+ line-height:35px;
1697
+ text-align:center;
1698
+ font-size:15px;
1699
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1700
+ font-weight:700;
1701
+ z-index:20
1702
+ }
1703
+ header nav.version-select i {
1704
+ border:solid #fff;
1705
+ border-width:0 3px 3px 0;
1706
+ display:inline-block;
1707
+ padding:3px;
1708
+ transform:rotate(45deg);
1709
+ margin-left:3px;
1710
+ top:-2px
1711
+ }
1712
+ header nav.version-select options {
1713
+ display:none;
1714
+ position:absolute;
1715
+ box-shadow:0 2px 0 rgba(0,0,0,.25);
1716
+ left:-1px;
1717
+ top:35px;
1718
+ z-index:30
1719
+ }
1720
+ header nav.version-select options a,
1721
+ header nav.version-select options a:hover {
1722
+ border:1px solid rgba(255,255,255,.8)
1723
+ }
1724
+ header nav.version-select options a:hover:not(:first-child),
1725
+ header nav.version-select options a:not(:first-child) {
1726
+ border-top:none
1727
+ }
1728
+ header nav.version-select options a {
1729
+ color:#fff;
1730
+ font-size:15px;
1731
+ font-weight:700;
1732
+ display:block;
1733
+ background-color:rgba(255,255,255,.1);
1734
+ width:80px;
1735
+ height:35px
1736
+ }
1737
+ header nav.version-select options a:hover {
1738
+ background-color:rgba(255,255,255,.8);
1739
+ color:#d33847
1740
+ }
1741
+ @media (max-width:870px) {
1742
+ header nav.version-select options a {
1743
+ background-color:#d44756
1744
+ }
1745
+ header nav.version-select options a:hover {
1746
+ background-color:#dcdcdc
1747
+ }
1748
+ }
1749
+ header .hamburger,
1750
+ header nav.main {
1751
+ float:right
1752
+ }
1753
+ .circle-container .circle+h4,
1754
+ header nav a {
1755
+ font-family:"Proza Libre","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
1756
+ }
1757
+ header nav a {
1758
+ font-size:18px;
1759
+ font-weight:500
1760
+ }
1761
+ a#logo:active,
1762
+ a#logo:hover {
1763
+ border:0;
1764
+ text-decoration:none
1765
+ }
1766
+ @media (min-width:870px) {
1767
+ header nav.main {
1768
+ margin-top:20px
1769
+ }
1770
+ header nav.main a {
1771
+ margin-left:35px
1772
+ }
1773
+ #logo {
1774
+ /*! height:60px; */
1775
+ /*! width:180px; */
1776
+ background-repeat:no-repeat;
1777
+ display:inline-block;
1778
+ vertical-align:middle;
1779
+ /*! margin-top: 0px; */
1780
+ }
1781
+ }
1782
+ @media (max-width:870px) {
1783
+ @-webkit-keyframes bugfix {
1784
+ 0%,
1785
+ to {
1786
+ padding:0
1787
+ }
1788
+ }
1789
+ body {
1790
+ -webkit-animation:bugfix infinite 1s
1791
+ }
1792
+ #logo {
1793
+ height:30px;
1794
+ width:140px;
1795
+ background-repeat:no-repeat;
1796
+ display:inline-block;
1797
+ vertical-align:middle
1798
+ }
1799
+ header .banner {
1800
+ margin-top:20px
1801
+ }
1802
+ header .banner h1 {
1803
+ margin-top:0
1804
+ }
1805
+ header nav.main {
1806
+ display:block;
1807
+ color:#000;
1808
+ width:100%;
1809
+ background-color:rgba(0,0,0,.2);
1810
+ max-height:0;
1811
+ transition:max-height .25s ease-in-out;
1812
+ margin:20px 0 0;
1813
+ overflow:hidden;
1814
+ float:none
1815
+ }
1816
+ header nav.main a {
1817
+ display:block;
1818
+ margin:0;
1819
+ padding:15px 35px
1820
+ }
1821
+ header nav.main a:first-child {
1822
+ padding-top:30px
1823
+ }
1824
+ header nav.main a:last-child {
1825
+ padding-bottom:30px
1826
+ }
1827
+ header nav.main a:hover {
1828
+ border:0;
1829
+ background-color:rgba(0,0,0,.2)
1830
+ }
1831
+ header nav.main a:active,
1832
+ header nav.main a:focus {
1833
+ border:0;
1834
+ background-color:rgba(0,0,0,.4)
1835
+ }
1836
+ .hamburger,
1837
+ .hamburger span {
1838
+ display:block;
1839
+ transform:rotate(0deg)
1840
+ }
1841
+ .hamburger {
1842
+ float:right;
1843
+ cursor:pointer;
1844
+ user-select:none;
1845
+ background:rgba(0,0,0,.2);
1846
+ width:38px;
1847
+ height:30px;
1848
+ position:relative
1849
+ }
1850
+ .hamburger span {
1851
+ position:absolute;
1852
+ height:14%;
1853
+ width:60%;
1854
+ background:#fff;
1855
+ border-radius:9px;
1856
+ opacity:1;
1857
+ left:20%;
1858
+ transition:.25s ease-in-out
1859
+ }
1860
+ .hamburger span:nth-child(1) {
1861
+ top:20%
1862
+ }
1863
+ #toggle:checked~.hamburger span:nth-child(1) {
1864
+ top:43%;
1865
+ transform:rotate(135deg)
1866
+ }
1867
+ .hamburger span:nth-child(2) {
1868
+ top:43%
1869
+ }
1870
+ #toggle:checked~.hamburger span:nth-child(2) {
1871
+ opacity:0;
1872
+ left:-60px
1873
+ }
1874
+ .hamburger span:nth-child(3) {
1875
+ top:66%
1876
+ }
1877
+ #toggle:checked~.hamburger span:nth-child(3) {
1878
+ top:43%;
1879
+ transform:rotate(-135deg)
1880
+ }
1881
+ #toggle:checked~nav {
1882
+ max-height:300px
1883
+ }
1884
+ .mobile-hide {
1885
+ display:none
1886
+ }
1887
+ }
1888
+ .mobile-only {
1889
+ display:none
1890
+ }
1891
+ @media (max-width:870px) {
1892
+ .mobile-only {
1893
+ display:block
1894
+ }
1895
+ }
1896
+ .circle-container {
1897
+ flex:0 0 180px
1898
+ }
1899
+ .circle-container .circle {
1900
+ border-radius:50%;
1901
+ text-shadow:none;
1902
+ width:60px;
1903
+ height:60px;
1904
+ font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
1905
+ font-size:42px;
1906
+ font-weight:700;
1907
+ color:#1e1e1e;
1908
+ text-align:center;
1909
+ line-height:60px;
1910
+ margin:0 auto
1911
+ }
1912
+ .circle-container .circle.blue {
1913
+ background:#5daced
1914
+ }
1915
+ .circle-container .circle.purple {
1916
+ background:#da74f9
1917
+ }
1918
+ .circle-container .circle.red {
1919
+ background:#ff6170
1920
+ }
1921
+ .circle-container .circle+h4 {
1922
+ margin:12px 0 0
1923
+ }
1924
+ .work-step {
1925
+ border-top:1px solid #464646;
1926
+ padding:25px 0
1927
+ }
1928
+ .blocky-code table.code td.linenos {
1929
+ border-radius:0;
1930
+ border:1px solid #414141;
1931
+ border-right:none;
1932
+ background-color:#323232;
1933
+ padding-left:20px
1934
+ }
1935
+ .blocky-code table.code td.code {
1936
+ border-radius:0;
1937
+ border:1px solid #414141;
1938
+ border-left:none;
1939
+ background-color:#323232;
1940
+ padding-left:10px
1941
+ }
1942
+ .lighter-code table.code {
1943
+ box-shadow:0 1px 3px 0 rgba(0,0,0,.25)
1944
+ }
1945
+ .lighter-code table.code td.linenos {
1946
+ background-color:#434343;
1947
+ border:1px solid #494949;
1948
+ border-right:none;
1949
+ color:#8e8e8e;
1950
+ padding:12px
1951
+ }
1952
+ .lighter-code table.code td.code {
1953
+ border:1px solid #494949;
1954
+ border-left:none;
1955
+ background-color:#393939
1956
+ }
1957
+ @media (max-width:870px) {
1958
+ .github-corner {
1959
+ display:none
1960
+ }
1961
+ }
1962
+ .github-corner:hover .octo-arm {
1963
+ animation:octocat-wave 560ms ease-in-out
1964
+ }
1965
+ input#search-input {
1966
+ color:#fff;
1967
+ font-weight:600;
1968
+ border:0;
1969
+ margin-bottom:25px;
1970
+ box-sizing:border-box;
1971
+ padding:10px 10px 10px 35px;
1972
+ width:100%;
1973
+ background-color:#000;
1974
+ background-size:15px 15px;
1975
+ background-repeat:no-repeat;
1976
+ background-position:10px 11px
1977
+ }
1978
+ @media (max-width:870px) {
1979
+ input#search-input {
1980
+ padding:20px 0 20px 44px;
1981
+ margin:0;
1982
+ background-position:17px 20px;
1983
+ width:100%;
1984
+ height:100%
1985
+ }
1986
+ }
1987
+ #hits {
1988
+ color:inherit
1989
+ }
1990
+ #hits a {
1991
+ font-size:22px
1992
+ }
1993
+ #hits span {
1994
+ color:#ccc;
1995
+ font-weight:400;
1996
+ font-size:14px
1997
+ }
1998
+ #hits .hit {
1999
+ margin-bottom:30px
2000
+ }
2001
+ #hits hr {
2002
+ margin:5px 0
2003
+ }
2004
+ #hits p {
2005
+ font-weight:400;
2006
+ margin:5px 0 0
2007
+ }
2008
+ #hits em {
2009
+ background-color:rgba(117,97,0,.24);
2010
+ color:#ffc900;
2011
+ font-style:normal;
2012
+ font-weight:700
2013
+ }
2014
+ #pagination .ais-pagination--item__disabled {
2015
+ display:none
2016
+ }
2017
+ #hits p,
2018
+ #pagination .ais-pagination--item__active a {
2019
+ color:#fff
2020
+ }
2021
+ #pagination li a {
2022
+ padding:6px;
2023
+ background:rgba(0,0,0,.5);
2024
+ border:1px solid #000;
2025
+ margin:0 5px
2026
+ }
2027
+ #pagination li a:hover {
2028
+ background:rgba(0,0,0,.2);
2029
+ border-bottom:1px solid #000
2030
+ }
2031
+ .cancel-search {
2032
+ display:inline-block;
2033
+ width:20px;
2034
+ height:20px;
2035
+ cursor:pointer;
2036
+ margin-bottom:-4px;
2037
+ opacity:.6;
2038
+ margin-right:4px
2039
+ }
2040
+ .cancel-search:hover {
2041
+ opacity:1
2042
+ }
2043
+ .admonition {
2044
+ box-shadow:0 2px 5px 0 rgba(0,0,0,.5);
2045
+ margin:15px 0;
2046
+ padding:0 20px;
2047
+ border-radius:5px;
2048
+ overflow:auto;
2049
+ position:relative
2050
+ }
2051
+ .admonition .title {
2052
+ display:block;
2053
+ margin:0 -20px;
2054
+ padding:10px 20px 6px 43px;
2055
+ background-repeat:no-repeat;
2056
+ background-position:20px 55%;
2057
+ background-size:17px
2058
+ }
2059
+ @media (max-width:870px) {
2060
+ .admonition .title {
2061
+ padding-left:55px;
2062
+ background-position:20px 50%
2063
+ }
2064
+ }
2065
+ .admonition.note {
2066
+ border-left:8px solid #448aff;
2067
+ background-color:rgba(68,138,255,.05)
2068
+ }
2069
+ .admonition.note .title {
2070
+ background-color:rgba(68,138,255,.25);
2071
+ border-bottom:.1rem solid rgba(68,138,255,.1);
2072
+ background-position:20px 50%;
2073
+ background-image: url("../images/pencil-icon.svg");
2074
+ }
2075
+ .admonition.tip {
2076
+ border-left:8px solid #00bfa5;
2077
+ background-color:rgba(0,191,165,.05)
2078
+ }
2079
+ .admonition.tip .title {
2080
+ background-color:rgba(0,191,165,.25);
2081
+ border-bottom:.1rem solid rgba(0,191,165,.1);
2082
+ background-image: url("../images/star-icon.svg");
2083
+ }
2084
+ .admonition.warning {
2085
+ border-left:8px solid #ff9100;
2086
+ background-color:rgba(255,145,0,.05)
2087
+ }
2088
+ .admonition.warning .title {
2089
+ background-color:rgba(255,145,0,.25);
2090
+ border-bottom:.1rem solid rgba(255,145,0,.1);
2091
+ background-image: url("../images/warning-icon.svg");
2092
+ }
2093
+
2094
+ pre {
2095
+ padding: 8px 15px;
2096
+ background: #191919;
2097
+ border-radius: 2px;
2098
+ border: 1px solid #121212;
2099
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
2100
+ overflow: auto;
2101
+ overflow-y: hidden;
2102
+ }
2103
+
2104
+ pre code {
2105
+ color: #efefef;
2106
+ text-shadow: 0px 1px 0px #000;
2107
+ margin: 0;
2108
+ padding: 0;
2109
+ background: none;
2110
+ }
2111
+
2112
+ .toc ul li a {
2113
+ color: #fff;
2114
+ }