metanorma-vsd 0.3.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1028 @@
1
+ /*
2
+ 0 CSS RESET
3
+ */
4
+
5
+ /* http://meyerweb.com/eric/tools/css/reset/
6
+ v2.0 | 20110126
7
+ License: none (public domain)
8
+ */
9
+
10
+ html, body, div, span, applet, object, iframe,
11
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
12
+ a, abbr, acronym, address, big, cite, code,
13
+ del, dfn, em, img, ins, kbd, q, s, samp,
14
+ small, strike, strong, sub, sup, tt, var,
15
+ b, u, i, center,
16
+ ol, ul, li,
17
+ fieldset, form, label, legend,
18
+ table, caption, tbody, tfoot, thead, tr, th, td,
19
+ article, aside, canvas, details, embed,
20
+ figure, figcaption, footer, header, hgroup,
21
+ menu, nav, output, ruby, section, summary,
22
+ time, mark, audio, video {
23
+ margin: 0;
24
+ padding: 0;
25
+ }
26
+
27
+ html, body, div, span, applet, object, iframe,
28
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
29
+ a, abbr, acronym, address, big, cite, code,
30
+ del, dfn, em, img, ins, kbd, q, s, samp,
31
+ small, strike, strong, sub, sup, tt, var,
32
+ b, u, i, center,
33
+ dl, dt, dd, ol, ul, li,
34
+ fieldset, form, label, legend,
35
+ table, caption, tbody, tfoot, thead, tr, th, td,
36
+ article, aside, canvas, details, embed,
37
+ figure, figcaption, footer, header, hgroup,
38
+ menu, nav, output, ruby, section, summary,
39
+ time, mark, audio, video {
40
+ border: 0;
41
+ font-size: 100%;
42
+ }
43
+
44
+ html, body, div, span, applet, object, iframe,
45
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
46
+ a, abbr, acronym, address, big, cite, code,
47
+ del, dfn, em, img, ins, kbd, q, s, samp,
48
+ small, strike, strong, tt, var,
49
+ b, u, i, center,
50
+ dl, dd, ol, ul, li,
51
+ fieldset, form, label, legend,
52
+ table, caption, tbody, tfoot, thead, tr, th, td,
53
+ article, aside, canvas, details, embed,
54
+ figure, figcaption, footer, header, hgroup,
55
+ menu, nav, output, ruby, section, summary,
56
+ time, mark, audio, video {
57
+ vertical-align: baseline;
58
+ }
59
+
60
+
61
+ html, body, div, span, applet, object, iframe,
62
+ p, blockquote, pre,
63
+ a, abbr, acronym, address, big, cite, code,
64
+ del, dfn, em, img, ins, kbd, q, s, samp,
65
+ small, strike, strong, sub, sup, tt, var,
66
+ b, u, i, center,
67
+ dl, dt, dd, ol, ul, li,
68
+ fieldset, form, label, legend,
69
+ table, caption, tbody, tfoot, thead, tr, th, td,
70
+ article, aside, canvas, details, embed,
71
+ figure, figcaption, footer, header, hgroup,
72
+ menu, nav, output, ruby, section, summary,
73
+ time, mark, audio, video {
74
+ font-family: $bodyfont;
75
+ }
76
+
77
+ h1, h2, h3, h4, h5, h6, .h2Annex {
78
+ font-family: $headerfont;
79
+ }
80
+
81
+ dl {
82
+ display: grid;
83
+ grid-template-columns: max-content auto;
84
+ }
85
+
86
+ dt {
87
+ grid-column-start: 1;
88
+ }
89
+
90
+ dd {
91
+ grid-column-start: 2;
92
+ }
93
+
94
+ dd p, dt p {
95
+ margin-top: 0px;
96
+ }
97
+
98
+ /* HTML5 display-role reset for older browsers */
99
+ article, aside, details, figcaption, figure,
100
+ footer, header, hgroup, menu, nav, section {
101
+ display: block;
102
+ }
103
+ body {
104
+ line-height: 1;
105
+ }
106
+
107
+ blockquote, q {
108
+ quotes: none;
109
+ }
110
+ blockquote:before, blockquote:after,
111
+ q:before, q:after {
112
+ content: '';
113
+ content: none;
114
+ }
115
+ table {
116
+ border-collapse: collapse;
117
+ border-spacing: 0;
118
+ }
119
+
120
+
121
+ /*
122
+ 1. HTML & Body
123
+ */
124
+
125
+ body {
126
+ margin: 0;
127
+ margin-left: auto;
128
+ margin-right: auto;
129
+ max-width: 100%;
130
+ color: #1d1d1d;
131
+ font-weight: 300;
132
+ font-size: 15px;
133
+ line-height: 1.4em;
134
+ background-color: #ffffff;
135
+ }
136
+
137
+ main {margin: 0 3em 0 6em;}
138
+
139
+ #toc{
140
+ font-family: $bodyfont;
141
+ font-weight: 400;
142
+ }
143
+
144
+ /*
145
+ 2. Responsive navigation layout
146
+ */
147
+
148
+
149
+ @media (min-width: 768px) {
150
+ nav {
151
+ position: fixed;
152
+ top: 0;
153
+ bottom: 0;
154
+ left: 0;
155
+ width: 323px;
156
+ font-size: 0.9em;
157
+ overflow: auto;
158
+ padding: 0 0 0 45px;
159
+ margin-right: 30px;
160
+ background-color:#f7f7f7;
161
+ }
162
+
163
+ #toggle {
164
+ position: fixed;
165
+ height: 100%;
166
+ width: 30px;
167
+ background-color:#6C734A;
168
+ color: white!important;
169
+ cursor: pointer;
170
+ z-index: 100;
171
+ }
172
+
173
+ #toggle span {
174
+ text-align: center;
175
+ width: 100%;
176
+ position: absolute;
177
+ top: 50%;
178
+ transform: translate(0, -50%);
179
+
180
+ }
181
+
182
+ .container {
183
+ padding-left: 360px;
184
+ }
185
+
186
+ .rule.toc {
187
+ display: none;
188
+ }
189
+
190
+ h1.toc-contents {
191
+ margin-top: 1em;
192
+ }
193
+
194
+ ul#toc-list {
195
+ padding:0;
196
+ margin:0;
197
+ }
198
+ }
199
+
200
+ @media (max-width: 768px) {
201
+ #toc {
202
+ padding: 0 1.5em 0 1.5em;
203
+ overflow: visible;
204
+ }
205
+ }
206
+
207
+
208
+
209
+ #toc ul {
210
+ margin: 0;
211
+ padding: 0;
212
+ list-style: none;
213
+ }
214
+
215
+ #toc li {
216
+ padding: 5px 10px;
217
+ }
218
+
219
+ #toc a {
220
+ color: #485094;
221
+ text-decoration: none;
222
+ display: block;
223
+ }
224
+
225
+ #toc a:hover {
226
+ color: white;
227
+ }
228
+
229
+ #toc .h2 {
230
+ padding-left: 30px;
231
+ }
232
+
233
+ #toc .h3 {
234
+ padding-left: 50px;
235
+ }
236
+
237
+ #toc .toc-active a {
238
+ color: white;
239
+ }
240
+
241
+ #toc .toc-active, #toc li:hover {
242
+ background: #6C734A;
243
+ box-shadow: inset -5px 0px 10px -5px #6C734A!important;
244
+
245
+ }
246
+
247
+ #toc li:hover a {
248
+ color: white;
249
+ background: none;
250
+ box-shadow: none;
251
+ }
252
+
253
+ #toc li a {
254
+ text-transform: uppercase;
255
+ }
256
+
257
+ /*
258
+ Document types + stages
259
+ */
260
+
261
+ .document-type-band {
262
+ left:0;
263
+ top:180px;
264
+ height: 100%;
265
+ position: fixed;
266
+ display: block;
267
+ z-index: 99;
268
+ /*box-shadow: -5px 0px 10px #1d1d1d*/
269
+
270
+ }
271
+
272
+ .document-stage-band {
273
+ left:0;
274
+ top:0;
275
+ height: 100%;
276
+ position: fixed;
277
+ display: block;
278
+ z-index: 98;
279
+ box-shadow: -5px 0px 10px #1d1d1d
280
+ }
281
+
282
+ .document-type {
283
+ position: relative;
284
+ width: 25px;
285
+ }
286
+
287
+ .document-stage {
288
+ position: relative;
289
+ width: 25px;
290
+ }
291
+
292
+ p.document-type, p.document-stage {
293
+ color: white;
294
+ text-transform: uppercase;
295
+ font-size: 0.9em;
296
+ font-weight: 400;
297
+ letter-spacing: 0.05em;
298
+ margin:0;
299
+ margin-left: 6px;
300
+ writing-mode:tb-rl;
301
+ -webkit-transform:rotate(180deg);
302
+ -moz-transform:rotate(180deg);
303
+ -o-transform: rotate(180deg);
304
+ white-space:nowrap;
305
+ display:block;
306
+ bottom:0;
307
+ }
308
+
309
+ p.document-type {
310
+ font-weight: 400;
311
+ height: 150;
312
+ }
313
+
314
+ #governance-band p.document-type {
315
+ font-weight: 400;
316
+ height: 230px!important;
317
+ }
318
+
319
+ p.document-stage {
320
+ font-weight: 300;
321
+ height:160px;
322
+ }
323
+
324
+ #standard-band p{
325
+ height: 270px;
326
+ }
327
+
328
+ #proposal-band p {
329
+ height: 150px;
330
+ }
331
+
332
+
333
+ #standard-band, #published-band {
334
+ background-color: #007864;
335
+ }
336
+
337
+ #standard, #published {
338
+ border-bottom: solid 3px #007864;
339
+ }
340
+
341
+ #governance, #policy-and-procedures {
342
+ border-bottom: solid 3px #750697;
343
+ }
344
+
345
+ #governance-band, #policy-and-procedures-band {
346
+ background-color: #750697;
347
+ }
348
+
349
+ #guide {
350
+ border-bottom: solid 3px #48a0e7;
351
+ }
352
+
353
+ #guide-band {
354
+ background-color: #48a0e7;
355
+ }
356
+
357
+ .coverpage-maturity {
358
+ font-family: $bodyfont;
359
+ font-weight: 400;
360
+ font-size: 1em;
361
+ margin: 0 0 2em 0;
362
+ text-transform: uppercase;
363
+ }
364
+
365
+ #working-draft, #proposal {
366
+ border-bottom: solid 3px #F7803C;
367
+ }
368
+
369
+ #working-draft-band, #proposal-band {
370
+ background-color: #F7803C;
371
+ }
372
+
373
+ #committee-draft {
374
+ border-bottom: solid 3px #fd06fd;
375
+ }
376
+
377
+ #committee-draft-band {
378
+ background-color: #fd06fd;
379
+ }
380
+
381
+ #draft-standard {
382
+ border-bottom: solid 3px #fdf906;
383
+ }
384
+
385
+ #draft-standard-band {
386
+ background-color: #fdf906;
387
+ }
388
+
389
+ #standard {
390
+ border-bottom: solid 3px #007864;
391
+ }
392
+
393
+ #standard-band {
394
+ background-color: #007864;
395
+ }
396
+
397
+ #obsolete {
398
+ border-bottom: solid 3px #7e0d13;
399
+ }
400
+
401
+ #obsolete-band {
402
+ background-color: #7e0d13;
403
+ }
404
+
405
+ /*
406
+ 3. TYPOGRAPHY
407
+ */
408
+
409
+ /*
410
+ 3.1 Titles
411
+ */
412
+
413
+ h1,h2,h3,h4,h5,h6 {
414
+ font-family: $headerfont;
415
+ color: #6C734A;
416
+ font-weight: 300;
417
+ margin-top: 1.6em;
418
+ margin-bottom: 0.3em;
419
+ }
420
+
421
+ h1 {
422
+ font-size: 1.6em;
423
+ text-transform: uppercase;
424
+ margin-top: 2em;
425
+ }
426
+
427
+ h1#content {
428
+ margin-top: 2em;
429
+ }
430
+
431
+ h2 {
432
+ margin-top: 1.3em;
433
+ font-size: 1.3em;
434
+ font-weight: 400;
435
+ }
436
+
437
+ h3 {
438
+ margin-top: 1.1em;
439
+ font-size: 1.1em;
440
+ font-weight: 100;
441
+ }
442
+
443
+ .TermNum, .Terms, .AltTerms {
444
+ color: #6C734A;
445
+ font-weight: 100;
446
+ }
447
+
448
+ h2.TermNum {
449
+ margin-bottom: 0;
450
+ }
451
+
452
+ p.Terms {
453
+ font-size: 1.1em;
454
+ line-height: 1.5em;
455
+ margin: 0;
456
+ }
457
+
458
+ p.AltTerms {
459
+ /*
460
+ font-style: italic;
461
+ */
462
+ font-size: 1.1em;
463
+ margin: 0;
464
+ }
465
+
466
+ /*
467
+ 3.2 Links
468
+ */
469
+
470
+ a, a:visited{
471
+ text-decoration: none;
472
+ color: #485094;
473
+ }
474
+
475
+ a:hover {
476
+ color: white;
477
+ background: #6C734A;
478
+ box-shadow: 3px 0 0 #6C734A, -3px 0 0 #6C734A;
479
+ /* padding: 2px 0 2px 0; */
480
+ }
481
+
482
+ ::selection {
483
+ background: #6C734A; /* WebKit/Blink Browsers */
484
+ color: white;
485
+ }
486
+ ::-moz-selection {
487
+ background: #6C734A; /* Gecko Browsers */
488
+ color: white;
489
+ }
490
+
491
+ .contact-info a:hover {
492
+ color: #485094;
493
+ text-decoration: underline;
494
+ background: none;
495
+ box-shadow: 0 0 0 0;
496
+ }
497
+
498
+
499
+
500
+ /*
501
+ 3.3 Lists
502
+ */
503
+
504
+ ul, ol {margin-left: 1.2em;}
505
+
506
+ ul li {
507
+ list-style: none;
508
+ }
509
+
510
+ ul li:before {
511
+ content: "—";
512
+ display: inline-block; width: 1em;
513
+ margin-left: -1.2em;
514
+ }
515
+
516
+ ul li p {
517
+ display: inline;
518
+ }
519
+
520
+ ul li:first-child {
521
+ margin-top: 1em;
522
+ }
523
+
524
+ #toc-list ul {margin-bottom: 0.25em;}
525
+
526
+ #toc-list li {list-style-type: none;}
527
+
528
+ #toc li:before {
529
+ content: " ";
530
+ display: none;
531
+ }
532
+
533
+
534
+ /*
535
+ 3.4 Rules
536
+ */
537
+
538
+ .rule {
539
+ width: 100%;
540
+ height: 1px;
541
+ background-color: #0e1a85;
542
+ margin: 2em 0;
543
+ }
544
+
545
+ /*
546
+ 3.5 Bibliograhy
547
+ */
548
+
549
+ p.Biblio, p.NormRef {
550
+ margin-top: 1em;
551
+ margin-left: 2em;
552
+ }
553
+
554
+ /*
555
+ 3.6 Source Code + figures
556
+ */
557
+
558
+ .figure, .Sourcecode {
559
+ font-family: $monospacefont;
560
+ background-color: #f7f7f7;
561
+ font-size: 0.8em;
562
+ line-height: 1.6em;
563
+ padding: 1.5em;
564
+ margin: 2em 0 1em 0;
565
+ overflow: auto;
566
+ }
567
+
568
+ .FigureTitle {
569
+ font-weight: 700;
570
+ font-size: 1em;
571
+ text-align: center;
572
+ }
573
+
574
+ /*
575
+ 3.7 Notes
576
+ */
577
+
578
+ .Note {
579
+ background-color: #fff495;
580
+ color: #47430c;
581
+ padding: 1.2em;
582
+ margin: 1em 0 1em 0;
583
+
584
+ p {
585
+ margin: 0;
586
+ }
587
+ }
588
+
589
+ /*
590
+ 3.8 Examples
591
+ */
592
+
593
+ .example {
594
+ background-color: #e1eef1;
595
+ padding: 1.2em;
596
+ margin: 2em 0 1em 0;
597
+ }
598
+
599
+ .example .example-title {
600
+ font-weight: 700;
601
+ text-transform: uppercase;
602
+ text-align: center;
603
+ margin-top:0;
604
+ }
605
+
606
+ /*
607
+ 3.9 Tables
608
+ */
609
+
610
+ table {
611
+ border-collapse: collapse;
612
+ width: 100%;
613
+ font-weight: 300;
614
+ margin: 1em 0 2em 0;
615
+ margin-left: auto;
616
+ margin-right: auto;
617
+ padding-right: 2em;
618
+ }
619
+
620
+ table, th, td {
621
+ border: 1px solid black;
622
+ font-size: 0.95em;
623
+ }
624
+
625
+ td, th {
626
+ padding: 1em;
627
+ }
628
+
629
+ td.header {
630
+ font-weight: 400;
631
+ }
632
+
633
+ p.TableTitle {
634
+ text-align: center;
635
+ margin-top: 2.5em;
636
+ font-weight: 400;
637
+ }
638
+
639
+ /*
640
+ 3.10 Footnotes
641
+ */
642
+
643
+ a.footnote-number {
644
+ vertical-align: super;
645
+ font-size: 0.8em;
646
+ }
647
+
648
+ .footnote {
649
+ font-size: 0.9em;
650
+ }
651
+
652
+
653
+ /*
654
+ 3.11 Blockquotes
655
+ */
656
+
657
+ .Quote {
658
+ background-color: #f7f7f7;
659
+ font-style: italic;
660
+ width: 80%;
661
+ padding: 1.5em;
662
+ margin-top: 2em;
663
+ margin-left: auto;
664
+ margin-right: auto;
665
+ }
666
+
667
+
668
+ /*
669
+ 3.12 Formulas
670
+ */
671
+
672
+ .formula {
673
+ background-color: #f7f7f7;
674
+ padding: 1.5em;
675
+ margin-top: 2em;
676
+ text-align: center;
677
+ }
678
+
679
+ /*
680
+ 3.13 Contact Info
681
+ */
682
+
683
+ .contact-info {
684
+ padding: 2em;
685
+ margin-top: 5em;
686
+ width: 250px;
687
+
688
+ text-align: left;
689
+ border: #6C734A solid 2px;
690
+ color: #6C734A!important;
691
+ border-radius: 25px;
692
+
693
+ }
694
+
695
+ .contact-info a,
696
+ .contact-info a:hover {
697
+ color: #6C734A;
698
+ }
699
+
700
+ .contact-info p, .contact-info a {
701
+ font-family: $monospacefont;
702
+ font-weight: 400;
703
+ }
704
+
705
+ .contact-info .name {
706
+ font-weight: 700;
707
+ font-size: 1.2em;
708
+ margin-bottom:0;
709
+ }
710
+
711
+ .contact-info .address {
712
+ font-size: 1em;
713
+ line-height: 1.3em;
714
+ margin-top:0;
715
+ }
716
+
717
+ /*
718
+ Keywords
719
+ */
720
+
721
+ span.keyword {
722
+ font-weight: 600;
723
+ }
724
+
725
+ /*
726
+ Paragraphs
727
+ */
728
+
729
+ p {
730
+ margin-top: 1em;
731
+ margin-bottom: 1em;
732
+ }
733
+
734
+ h2 p {
735
+ display: inline;
736
+ }
737
+
738
+
739
+ /*
740
+ 4.0 Page header
741
+ */
742
+
743
+ /*
744
+ 4.1 Top Logo
745
+ */
746
+
747
+ .icon-svg {
748
+ width: 100%;
749
+ color: #5ecf86;
750
+ }
751
+
752
+ .wrapper-top {
753
+ background: linear-gradient(200deg, #007864, #6C734A);
754
+ color: #ffffff;
755
+ padding: 2em 0;
756
+ width: 100%;
757
+ }
758
+
759
+ .wrapper-top-bottom {
760
+ width: 0;
761
+ height: 0;
762
+ border-top: 100px solid #6C734A;
763
+ border-right: 100px solid transparent;
764
+ position: absolute;
765
+ }
766
+
767
+ .doc-number {
768
+ font-size: 0.5em;
769
+ font-family: $bodyfont;
770
+ }
771
+
772
+ .coverpage-title {
773
+ padding-bottom: 0.5em;
774
+ font-family: $headerfont;
775
+ font-size: 1.2em;
776
+ line-height: 1.5em;
777
+ font-weight: 100;
778
+ padding-left: 1em;
779
+ padding-right: 1em;
780
+ text-transform: uppercase;
781
+ }
782
+
783
+ .WordSection11 {
784
+ padding: 0 2em 0 3em;
785
+ }
786
+
787
+ .info-section {
788
+ padding: 0 2em 0 5em; }
789
+
790
+ .prefatory-section {
791
+ padding: 0 3em 0 6em;
792
+ }
793
+
794
+
795
+ .zzSTDTitle1, .MsoCommentText {
796
+ display: none;
797
+ }
798
+
799
+
800
+ .coverpage {
801
+ text-align: center;
802
+ padding-left: 1.5em;
803
+ }
804
+
805
+ .coverpage-logo span, .coverpage-tc-name span {
806
+ font-family: $bodyfont;
807
+ text-transform: none;
808
+ font-weight: 300;
809
+ }
810
+
811
+ .coverpage-tc-name {
812
+ font-size: 1.2em;
813
+ line-height: 1.2em;
814
+ margin: 0.25em 0;
815
+ }
816
+
817
+ /*
818
+ 4.2 Document Identity
819
+ */
820
+
821
+ .coverpage-doc-identity {
822
+ font-size: 2em;
823
+ line-height: 2em;
824
+ }
825
+
826
+ .coverpage-title .title-second {
827
+ display: none;
828
+ }
829
+
830
+ .coverpage-stage-block {
831
+ font-family: $bodyfont;
832
+ font-weight: 600;
833
+ font-size: 1.25em;
834
+ margin: 2em 0em 2em 0em;
835
+ text-transform: uppercase;
836
+ }
837
+
838
+ /*
839
+ 4.3 Draft Warning
840
+ */
841
+
842
+ .coverpage-warning {
843
+ border: #f36f36 solid 2px;
844
+ color: #f36f36!important;
845
+ margin: 1em 2em;
846
+ color: #485094;
847
+ padding: 2em 1em 1em 1em;
848
+ border-radius: 25px;
849
+ }
850
+
851
+ .coverpage-warning .title {
852
+ font-family: $headerfont;
853
+ font-weight: 300;
854
+ text-transform: uppercase;
855
+ font-size: 1.2em;
856
+ }
857
+
858
+
859
+ /*
860
+ 4.4 Copyright
861
+ */
862
+
863
+ .copyright {
864
+ padding: 1em;
865
+ font-size: 0.9em;
866
+ text-align: left;
867
+ }
868
+
869
+
870
+ /* .copyright .name, .copyright .address {color: #485094;} */
871
+
872
+
873
+
874
+ /*
875
+ 5.0 Other styles
876
+ */
877
+
878
+
879
+
880
+ /*
881
+ To top button
882
+ */
883
+
884
+ #myBtn {
885
+ font-family: $monospacefont;
886
+ display: none;
887
+ position: fixed;
888
+ bottom: 20px;
889
+ right: 30px;
890
+ z-index: 99;
891
+ font-size: 12px;
892
+ border: none;
893
+ outline: none;
894
+ background-color: #1f8ca0;
895
+ opacity: 0.15;
896
+ color: white;
897
+ cursor: pointer;
898
+ padding: 10px 15px 10px 15px;
899
+ border-radius: 4px;
900
+ text-transform: uppercase;
901
+ }
902
+
903
+ #myBtn:hover {
904
+ opacity: 1;
905
+ }
906
+
907
+ a.anchorjs-link:hover {
908
+ background: none;
909
+ color: #485094;
910
+ box-shadow: none;
911
+ }
912
+
913
+ @page {
914
+ margin: 2cm 1cm;
915
+ }
916
+
917
+ @media print {
918
+
919
+
920
+ .document-info, nav, .copyright {
921
+ page-break-before: always;
922
+ }
923
+
924
+ nav {
925
+ page-break-after: always;
926
+ }
927
+
928
+ h1, h2, h3, h4 {
929
+ page-break-after: avoid;
930
+ margin-top: 1.2em;
931
+ }
932
+
933
+ .note, .figure, .Sourcecode, table {
934
+ page-break-inside: avoid;
935
+ }
936
+
937
+ .info-section {
938
+ display: none;
939
+ }
940
+
941
+ .coverpage {
942
+ height: 23cm;
943
+ }
944
+
945
+ .wrapper-top {
946
+ top: 0;
947
+ padding-top: 4cm;
948
+ padding-bottom: 4cm;
949
+ }
950
+
951
+ .wrapper-top-bottom {
952
+ margin-top: -5px;
953
+ }
954
+
955
+
956
+ #toggle, .document-stage-band,
957
+ .document-type-band, button#myBtn {
958
+ display: none;
959
+ }
960
+
961
+ button#myBtn {
962
+ background-color: white;
963
+ }
964
+
965
+ .container {
966
+ padding-left: 0;
967
+ }
968
+
969
+ nav {
970
+ position: relative;
971
+ width: auto;
972
+ font-size: 0.9em;
973
+ overflow: auto;
974
+ padding: 0;
975
+ margin-right: 0;
976
+ background-color: white;
977
+ }
978
+
979
+ #toc .toc-active a {
980
+ color: #4D7EA5;
981
+ }
982
+
983
+ #toc .toc-active, #toc li:hover {
984
+ background: white;
985
+ box-shadow: none !important; }
986
+
987
+ #toc li:hover a {
988
+ color: black; }
989
+
990
+
991
+ h1.content {
992
+ margin-top: 2em;
993
+ line-height: 2.5em;
994
+ }
995
+
996
+ h1 {
997
+ font-size: 1.5em;
998
+ line-height: 1.5;
999
+ }
1000
+
1001
+ h2 {
1002
+ font-size: 1.2em
1003
+ }
1004
+
1005
+ h3 {
1006
+ font-size: 1em;
1007
+ }
1008
+
1009
+ .Note {
1010
+ background-color: #fff495;
1011
+ color: #47430c;
1012
+ padding: 5px;
1013
+ margin: 2em 0 1em 0; }
1014
+
1015
+ .Note p {
1016
+ padding: 0 5px 0 5px;
1017
+ }
1018
+
1019
+ nav {
1020
+ line-height: 1;
1021
+ }
1022
+
1023
+ .wrapper-top-bottom {
1024
+ display: none;
1025
+ }
1026
+
1027
+ }
1028
+