asciidoctor-gb 0.3.2 → 0.3.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1220 @@
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
+ margin-top: 1.5em;
79
+ margin-bottom: 0.3em;
80
+ color: #000000;
81
+ font-family: $headerfont;
82
+ }
83
+
84
+ dl {
85
+ display: grid;
86
+ grid-template-columns: max-content auto;
87
+ }
88
+
89
+ dt {
90
+ grid-column-start: 1;
91
+ }
92
+
93
+ dd {
94
+ grid-column-start: 2;
95
+ }
96
+
97
+ dd p, dt p {
98
+ margin-top: 0px;
99
+ }
100
+
101
+ /* HTML5 display-role reset for older browsers */
102
+ article, aside, details, figcaption, figure,
103
+ footer, header, hgroup, menu, nav, section {
104
+ display: block;
105
+ }
106
+ body {
107
+ line-height: 1;
108
+ margin: 0;
109
+ }
110
+
111
+ body {
112
+ margin-left: 298px;
113
+ margin-right: 2em;
114
+ }
115
+
116
+ blockquote, q {
117
+ quotes: none;
118
+ }
119
+ blockquote:before, blockquote:after,
120
+ q:before, q:after {
121
+ content: '';
122
+ content: none;
123
+ }
124
+ table {
125
+ border-collapse: collapse;
126
+ border-spacing: 0;
127
+ }
128
+
129
+ /* Setting of the page size and margins */
130
+
131
+ @page {
132
+ size: 210mm 297mm;
133
+ margin: 10mm 15mm 20mm 25mm;
134
+ }
135
+
136
+ .title-section {
137
+ padding-left: 4em;
138
+ padding-top: 10mm;
139
+ }
140
+
141
+ .prefatory-section {
142
+ padding: 0 3em 0 6em;
143
+ }
144
+
145
+
146
+ .prefatory-section, main {
147
+ margin: 0 1.5em;
148
+ }
149
+
150
+ main {
151
+ padding-left: 4em;
152
+ padding-right: 2em;
153
+ }
154
+
155
+ .zzSTDTitle1, .MsoCommentText {
156
+ display: none; }
157
+
158
+
159
+
160
+ .doctitle-en, .doctitle-fr {
161
+ margin-top: 2em;
162
+ text-align: left;
163
+ }
164
+
165
+ .doctitle-en {
166
+ padding-left: 3em;
167
+ margin-left: -3em;
168
+ padding-top: 2em;
169
+ padding-bottom: 2em;
170
+
171
+ }
172
+
173
+ .doctitle-en span {
174
+ font-size: 2em;
175
+ line-height: 1.5em;
176
+ display: block;
177
+ }
178
+
179
+
180
+ .doctitle-fr span {
181
+ font-size: 1.5em;
182
+ line-height: 1.2em;
183
+ font-style: italic;
184
+ display: block;
185
+ }
186
+
187
+ span.title {
188
+ text-transform: uppercase;
189
+ font-size: 1em;
190
+ font-weight: 800;
191
+ }
192
+
193
+ .coverpage_docstage {
194
+ margin-top: 2em;
195
+ margin-bottom: 2em;
196
+ }
197
+
198
+ /*
199
+ .coverpage_warning {
200
+ border-top: solid 1px #f36f36;
201
+ border-bottom: solid 1px #f36f36;
202
+ margin: 1em 2em;
203
+ color: #485094;
204
+ padding: 1em;
205
+ }
206
+ */
207
+
208
+ .coverpage_warning {
209
+ font-size: 0.9em;
210
+ font-style: italic;
211
+ padding-bottom: 1em;
212
+ }
213
+
214
+ /*
215
+ .coverpage_warning .title {
216
+ color: #f36f36;
217
+ font-weight: 500;
218
+ }
219
+
220
+ .coverpage_warning .content {
221
+ font-style: italic;
222
+ }
223
+
224
+ .coverpage_docnumber, .coverpage_techcommittee {
225
+ text-align: right;
226
+ font-size:0.9em;
227
+ line-height: 0.5em;
228
+ }
229
+ */
230
+
231
+ .coverpage {
232
+ text-align: center;
233
+ /* margin: 2em 0; */
234
+ }
235
+
236
+ /* NEW */
237
+ .coverpage-header {
238
+ height: 55mm;
239
+ }
240
+
241
+ /* NEW */
242
+ .coverpage-category {
243
+ float: left;
244
+ text-align: left;
245
+ }
246
+
247
+ /* NEW */
248
+ .coverpage-category span {
249
+ font-size: 0.9em;
250
+ font-family: $headerfont;
251
+ display: block;
252
+ }
253
+
254
+
255
+ .coverpage-logo {
256
+ display: flex;
257
+ flex-wrap: wrap;
258
+ justify-content: flex-end;
259
+ /* flex-direction: column; */
260
+ }
261
+
262
+ /* NEW */
263
+ .coverpage-logo-gb-img {
264
+ float: right;
265
+ padding-right: 0mm;
266
+ }
267
+
268
+ /* NEW */
269
+ .coverpage-logo-gb-img img {
270
+ margin-bottom: 9mm;
271
+ float: right;
272
+ }
273
+
274
+ /* NEW */
275
+ .coverpage-logo-header {
276
+ height: 42mm;
277
+ display: flex;
278
+ flex-direction: column;
279
+ }
280
+
281
+
282
+
283
+
284
+ .coverpage-tc-name {
285
+ font-size: 1.2em;
286
+ line-height: 1.2em;
287
+ margin: 0.25em 0;
288
+ }
289
+
290
+ /*
291
+ .coverpage-doc-identity {
292
+ background-color: #485094;
293
+ color: white;
294
+ font-size: 2em;
295
+ line-height: 2em;
296
+ margin: 0.5em 0;
297
+ }
298
+ */
299
+
300
+ .coverpage-title {
301
+ font-weight: 400;
302
+ }
303
+
304
+ .coverpage-title .title-second {
305
+ display: none;
306
+ }
307
+
308
+ span.coverpage-logo-text {
309
+ font-size: 5mm;
310
+ text-align: right;
311
+ float: right;
312
+ padding-bottom: 9mm;
313
+ font-weight: bold;
314
+ }
315
+
316
+ /* NEW */
317
+ .coverpage-doc-identity-first {
318
+ font-size: 5mm;
319
+ text-align: right;
320
+ padding-right: 5mm;
321
+ /*font-weight: bold; */
322
+ padding-bottom: 1em;
323
+ border-bottom: solid black 1px;
324
+ }
325
+
326
+ /* NEW */
327
+ .title-first, .title-second, .title-third, .stage, .date-publish,
328
+ .date-active, .coverpage_footer {
329
+ font-family: $headerfont;
330
+ }
331
+
332
+ /* NEW */
333
+ /*
334
+ span.title-second, span.title-third {
335
+ font-size: 5mm;
336
+ }
337
+ */
338
+
339
+ .coverpage-stage-block {
340
+ font-size: 1.25em;
341
+ text-align: center;
342
+ width:100%;
343
+ margin-top:2em;
344
+ /* display: none; */
345
+ }
346
+
347
+ /* NEW */
348
+ .coverpage-stage-block .stage {
349
+ display: block;
350
+ margin-top:1em;
351
+ }
352
+
353
+ /* NEW */
354
+ .coverpage-stage-block .coverpage-warning{
355
+ display: block;
356
+ margin-top:1em;
357
+ }
358
+
359
+ /* NEW */
360
+ .coverpage-warning {
361
+ font-size: 0.8em;
362
+ font-style: italic;
363
+ }
364
+
365
+ /* NEW */
366
+ span.date-publish {
367
+ float:left;
368
+ }
369
+
370
+ /* NEW */
371
+ span.date-active {
372
+ float:right;
373
+ }
374
+
375
+
376
+ .coverpage-doc-relations {
377
+ font-size:10.5pt;
378
+ }
379
+
380
+ .coverpage-title-zh {
381
+ font-size: 8mm;
382
+ display: flex;
383
+ flex-wrap: wrap;
384
+ justify-content: center;
385
+ /* flex-direction: column; */
386
+ font-family:$headerfont;
387
+ }
388
+
389
+ .coverpage-title-zh span {
390
+ padding-top: 2mm;
391
+ font-size: 8mm;
392
+ }
393
+
394
+ .coverpage-title-en {
395
+ margin-top: 10mm;
396
+ font-size: 5mm;
397
+ display: flex;
398
+ flex-wrap: wrap;
399
+ justify-content: center;
400
+ font-family:$headerfont;
401
+ }
402
+
403
+ .coverpage-title-en span {
404
+ display: block;
405
+ }
406
+
407
+ .coverpage-title-en .title-first {
408
+ text-transform: uppercase;
409
+ }
410
+
411
+ /* NEW */
412
+ .coverpage-warning {
413
+ border-top: solid 1px #f36f36;
414
+ border-bottom: solid 1px #f36f36;
415
+ margin: 1em 2em;
416
+ color: #485094;
417
+ padding: 1em; }
418
+
419
+ /* NEW */
420
+ .coverpage-warning .title {
421
+ color: #f36f36;
422
+ font-weight: 500; }
423
+
424
+ /* NEW */
425
+ .coverpage-warning .content {
426
+ font-style: italic; }
427
+
428
+
429
+
430
+ .coverpage-iso-relation {
431
+ font-size:14pt;
432
+ margin-top: 10mm;
433
+ text-align: center;
434
+ }
435
+
436
+
437
+ .coverpage-dates {
438
+ width:100%;
439
+ margin-top: 25mm;
440
+ border-bottom: 1px solid #000;
441
+ font-size: 4.5mm;
442
+ font-family:$headerfont;
443
+ }
444
+
445
+ .coverpage_footer {
446
+ text-align:center;
447
+ font-size: 1em;
448
+ font-weight: 600;
449
+ width: 100%;
450
+ margin-top: 10mm;
451
+ }
452
+
453
+ /* NEW */
454
+ .coverpage_footer table, .coverpage_footer th, .coverpage_footer td {
455
+ border: 0;
456
+ }
457
+
458
+ /* NEW */
459
+ .coverpage_footer th, .coverpage_footer td {
460
+ padding: 5px;
461
+ font-size: 1.1em;
462
+ font-weight: 600;
463
+ }
464
+
465
+ /* NEW */
466
+ .coverpage_footer .publish {
467
+ vertical-align: middle;
468
+ }
469
+
470
+
471
+ /* NEW */
472
+ .coverpage-banner {
473
+ padding-top: 5mm;
474
+ margin-left:auto;
475
+ margin-right:auto;
476
+ width:auto;
477
+ display:flex;
478
+ flex-wrap: wrap;
479
+ justify-content: center;
480
+ height: 177.5mm;
481
+ }
482
+
483
+ .copyright {
484
+ padding: 1em; }
485
+
486
+
487
+ /*
488
+ .copyright .name {
489
+ font-weight: 900;
490
+ padding-top: 1em;
491
+ }
492
+ */
493
+
494
+ .copyright .year, .copyright .message,
495
+ .copyright .name, .copyright .address {
496
+ margin-top: 1em;
497
+ /* line-height: 1.1em; */
498
+ display: block;
499
+ }
500
+
501
+ .copyright .message, .copyright .name,
502
+ .copyright .address {
503
+ font-size: 0.9em;
504
+ }
505
+
506
+ .copyright .name {
507
+ color: #485094;
508
+ font-weight: 600;
509
+ }
510
+
511
+ .copyright .address {
512
+ color: #485094;
513
+ }
514
+
515
+
516
+ p.MsoCommentText, li.MsoCommentText, div.MsoCommentText {
517
+ margin-top: 0cm;
518
+ margin-right: 0cm;
519
+ margin-bottom: 12.0pt;
520
+ margin-left: 0cm;
521
+ text-align: justify;
522
+ line-height: 12.0pt;
523
+ /* tab-stops: 20.15pt; */
524
+ font-size: 12.0pt;
525
+ font-family: $bodyfont;
526
+ }
527
+
528
+ p.MsoCommentSubject, li.MsoCommentSubject, div.MsoCommentSubject {
529
+ margin-top: 0cm;
530
+ margin-right: 0cm;
531
+ margin-bottom: 12.0pt;
532
+ margin-left: 0cm;
533
+ text-align: justify;
534
+ line-height: 12.0pt;
535
+ tab-stops: 20.15pt;
536
+ font-size: 10.0pt;
537
+ font-family: $headerfont;
538
+ font-weight: bold; }
539
+
540
+
541
+
542
+
543
+ /* TYPOGRAPHY */
544
+
545
+ a {
546
+ color: #000;
547
+ text-decoration: underline;
548
+ text-decoration-color: black;
549
+ }
550
+
551
+ h1 {
552
+ font-size: 1.5em;
553
+ font-weight: 400;
554
+ }
555
+
556
+ h2 {
557
+ font-size: 1.3em;
558
+ font-weight: 300;
559
+ }
560
+
561
+ h3 {
562
+ font-size: 1.1em;
563
+ font-weight: 300;
564
+ }
565
+
566
+ h1 {
567
+ margin-top: 2em;
568
+ margin-bottom: 1em;
569
+ }
570
+
571
+ h2 {
572
+ margin-top: 2em;
573
+ margin-bottom: 1em;
574
+ }
575
+
576
+ h1, h2, h3, h4, h5, h6 {
577
+ line-height: 1.2;
578
+ }
579
+
580
+ h2 p {
581
+ display: inline;
582
+ }
583
+
584
+ p {
585
+ font-size: 1em;
586
+ line-height:1.4em;
587
+ margin-left:2em;
588
+ margin-top: 1em;
589
+ margin-bottom:1em;
590
+ }
591
+
592
+ p.zzSTDTitle1 {
593
+ font-weight: 700;
594
+ font-size: 1.5em;
595
+ }
596
+
597
+ span.obligation {
598
+ font-weight: 400;
599
+ }
600
+
601
+ a:visited {
602
+ text-decoration: none;
603
+ }
604
+
605
+ /*
606
+ a:hover {
607
+ text-style: italic;
608
+ color: #485094;
609
+ }
610
+ */
611
+
612
+ nav a {
613
+ color: black;
614
+ /* line-height: 1.2em; */
615
+ }
616
+
617
+ p.TermNum {
618
+ font-size: 1.3em;
619
+ font-weight: 300;
620
+ margin: 1em 0 0 0;
621
+ }
622
+
623
+ p.Terms {
624
+ font-size: 1.3em;
625
+ font-weight: 300;
626
+ margin: 0 0 1em 0;
627
+ }
628
+
629
+ p.AltTerms {
630
+ font-weight: 400;
631
+ font-style: italic;
632
+ margin: 0;
633
+ margin-left: 2em;
634
+ }
635
+
636
+ p.DeprecatedTerms {
637
+ font-weight: 400;
638
+ font-style: italic;
639
+ margin: 0;
640
+ }
641
+
642
+ /* Navigation*/
643
+
644
+ @media (min-width: 768px) {
645
+ nav {
646
+ position: fixed;
647
+ top: 0;
648
+ bottom: 0;
649
+ left: 0;
650
+ width: 278px;
651
+ font-size: 0.9em;
652
+ overflow: auto;
653
+ padding: 0 0 0 45px;
654
+ background-color:#f7f7f7;
655
+ line-height: 1.2em;
656
+ }
657
+
658
+ #toggle {
659
+ position: fixed;
660
+ height: 100%;
661
+ width: 30px;
662
+ border-right: solid black 1px;
663
+ background-color:black;
664
+ color: white!important;
665
+ cursor: pointer;
666
+ margin-left: -4em;
667
+ margin-top: -2em;
668
+ }
669
+
670
+ #toggle span {
671
+ text-align: center;
672
+ width: 100%;
673
+ position: absolute;
674
+ top: 50%;
675
+ transform: translate(0, -50%);
676
+
677
+ }
678
+
679
+
680
+ .container {
681
+ padding-left: 360px;
682
+ }
683
+
684
+ .rule.toc {
685
+ display: none;
686
+ }
687
+
688
+ h1.toc-contents {
689
+ margin-top: 1em;
690
+ }
691
+
692
+ ul#toc-list {
693
+ padding:0;
694
+ margin:0;
695
+ }
696
+ }
697
+
698
+ @media (max-width: 768px) {
699
+ #toc {
700
+ padding: 0 1.5em 0 1.5em;
701
+ overflow: visible;
702
+ }
703
+
704
+ #toggle {
705
+ display: none;
706
+ margin-left: -4em;
707
+ margin-top: -2em;
708
+ }
709
+
710
+ body {
711
+ margin-left: 2em;
712
+ }
713
+
714
+ main {
715
+ padding: 0;
716
+ }
717
+
718
+ .title-section, .prefatory-section {
719
+ padding-left: 0;
720
+ padding-top: 0;
721
+ width: 100%;
722
+ }
723
+ }
724
+
725
+
726
+ #toc ul {
727
+ margin: 0;
728
+ padding: 0;
729
+ list-style: none;
730
+ }
731
+
732
+ #toc li {
733
+ padding: 5px 10px;
734
+ }
735
+
736
+ #toc a {
737
+ color: #000000;
738
+ text-decoration: none!important;
739
+ display: block;
740
+ font-family: $bodyfont;
741
+ }
742
+
743
+ #toc a:hover {
744
+ color: black;
745
+ }
746
+
747
+ #toc .h2 {
748
+ padding-left: 30px;
749
+ }
750
+
751
+ #toc .h3 {
752
+ padding-left: 50px;
753
+ }
754
+
755
+ nav a {
756
+ text-decoration: none!important;
757
+ }
758
+
759
+ #toc .toc-active a {
760
+ color: black;
761
+ }
762
+
763
+ /*
764
+ #toc .toc-active, #toc li:hover {
765
+ background: #1d1d1d;
766
+ box-shadow: inset -5px 0px 10px -5px #1d1d1d!important;
767
+
768
+ }
769
+ */
770
+ #toc li:hover a {
771
+ color: black;
772
+ }
773
+
774
+
775
+ #toc li:before {
776
+ content: " ";
777
+ display: none;
778
+ }
779
+
780
+ ::selection {
781
+ background: #1d1d1d; /* WebKit/Blink Browsers */
782
+ color: white;
783
+ }
784
+ ::-moz-selection {
785
+ background: #1d1d1d; /* Gecko Browsers */
786
+ color: white;
787
+ }
788
+
789
+
790
+ /*
791
+ Document types + stages
792
+ */
793
+
794
+
795
+ .document-type-band {
796
+ left:0;
797
+ top:180px;
798
+ height: 100%;
799
+ position: fixed;
800
+ display: block;
801
+ z-index: 99;
802
+
803
+ }
804
+
805
+ .document-stage-band {
806
+ left:0;
807
+ top:0;
808
+ height: 100%;
809
+ position: fixed;
810
+ display: block;
811
+ z-index: 98;
812
+ box-shadow: -5px 0px 10px #1d1d1d;
813
+ }
814
+
815
+ .document-type {
816
+ position: relative;
817
+ width: 25px;
818
+ }
819
+
820
+ .document-stage {
821
+ position: relative;
822
+ width: 25px;
823
+ }
824
+
825
+ p.document-type, p.document-stage {
826
+ color: white;
827
+ text-transform: uppercase;
828
+ font-size: 0.9em;
829
+ font-weight: 400;
830
+ letter-spacing: 0.05em;
831
+ /*
832
+ margin-top: 0px;
833
+ margin-bottom: 10px;
834
+ margin-right: 5px;
835
+ margin-left: 5px;
836
+ */
837
+ margin:0;
838
+ margin-left: 6px;
839
+ writing-mode:tb-rl;
840
+ -webkit-transform:rotate(180deg);
841
+ -moz-transform:rotate(180deg);
842
+ -o-transform: rotate(180deg);
843
+ white-space:nowrap;
844
+ display:block;
845
+ bottom:0;
846
+ }
847
+
848
+ p.document-type.zh, p.document-stage.zh {
849
+ -webkit-transform:rotate(0deg);
850
+ -moz-transform:rotate(0deg);
851
+ -o-transform: rotate(0deg);
852
+ margin-top: 10px;
853
+ letter-spacing: 0.1em;
854
+ font-size: 1em;
855
+ }
856
+
857
+ p.document-type {
858
+ font-weight: 400;
859
+ height: 210px;
860
+ }
861
+
862
+ #governance-band p.document-type {
863
+ font-weight: 400;
864
+ height: 230px!important;
865
+ }
866
+
867
+ p.document-stage {
868
+ font-weight: 300;
869
+ height:160px;
870
+ }
871
+
872
+ #standard-band {
873
+ background-color: #0ac442;
874
+ }
875
+
876
+ #standard {
877
+ border-bottom: solid 3px #0ac442;
878
+ }
879
+
880
+ #governance {
881
+ border-bottom: solid 3px #750697;
882
+ }
883
+
884
+ #governance-band {
885
+ background-color: #750697;
886
+ }
887
+
888
+ #guide {
889
+ border-bottom: solid 3px #48a0e7;
890
+ }
891
+
892
+ #guide-band {
893
+ background-color: #48a0e7;
894
+ }
895
+
896
+ .coverpage-maturity {
897
+ font-weight: 400;
898
+ font-size: 1em;
899
+ margin: 0 0 2em 0;
900
+ text-transform: uppercase;
901
+ }
902
+
903
+ #working-draft {
904
+ border-bottom: solid 3px #fda706;
905
+ }
906
+
907
+ #working-draft-band {
908
+ background-color: #fda706;
909
+ }
910
+
911
+ #committee-draft {
912
+ border-bottom: solid 3px #fd06fd;
913
+ }
914
+
915
+ #committee-draft-band {
916
+ background-color: #fd06fd;
917
+ }
918
+
919
+ #draft-standard {
920
+ border-bottom: solid 3px #fdf906;
921
+ }
922
+
923
+ #draft-standard {
924
+ border-bottom: solid 3px #fdf906;
925
+ }
926
+
927
+ #standard {
928
+ border-bottom: solid 3px #0ac442;
929
+ }
930
+
931
+ #standard-band {
932
+ background-color: #0ac442;
933
+ }
934
+
935
+ #obsolete {
936
+ border-bottom: solid 3px #7e0d13;
937
+ }
938
+
939
+ #obsolete-band {
940
+ background-color: #7e0d13;
941
+ }
942
+
943
+
944
+
945
+
946
+ /* 3 Other styles */
947
+
948
+ /*
949
+ 3.3 Lists
950
+ */
951
+
952
+ ul, ol {margin-left: 2em;}
953
+
954
+ ul {
955
+ padding-left: 1em; }
956
+
957
+ #toc-list ul {margin-bottom: 0.25em;}
958
+
959
+ #toc-list ul li {list-style-type: none;}
960
+
961
+ ul > li {
962
+ list-style: none;
963
+ }
964
+
965
+ ul > li p:before {
966
+ content: "—";
967
+ display: inline-block;
968
+ width: 1em;
969
+ margin-left: -1.5em;
970
+ margin-right: 0.5em;
971
+ }
972
+
973
+ li p {
974
+ display: inline-block;
975
+ margin-bottom: 0.6em;
976
+ line-height: 1.2;
977
+ }
978
+
979
+
980
+
981
+ /*
982
+ 3.4 Rules
983
+ */
984
+
985
+ /*
986
+ div.rule {
987
+ width: 100%;
988
+ height: 1px;
989
+ background-color: #485094;
990
+ margin: 2em 0; }
991
+ */
992
+
993
+ .rule {
994
+ width: 100%;
995
+ height: 1px;
996
+ background-color: #0e1a85;
997
+ margin: 2em 0;
998
+ }
999
+
1000
+ /*
1001
+ 3.5 Bibliograhy
1002
+ */
1003
+
1004
+ p.Biblio, p.NormRef {
1005
+ margin-top: 1em;
1006
+ margin-left: 2em;
1007
+ }
1008
+
1009
+ /*
1010
+ 3.6 Source Code + figures
1011
+ */
1012
+
1013
+ .Sourcecode, .figure {
1014
+ font-family: $monospacefont;
1015
+ font-size:0.9em;
1016
+ line-height: 1.6em;
1017
+ padding: 1.5em;
1018
+ background-color: #f7f7f7;
1019
+ margin: 2em 0 1em 0;
1020
+ overflow: auto;
1021
+ }
1022
+
1023
+ .figure-title, .FigureTitle {
1024
+ font-weight: 700;
1025
+ font-size: 1em;
1026
+ text-align: center;
1027
+ font-family: $headerfont;
1028
+ }
1029
+
1030
+ /*
1031
+ 3.7 Notes
1032
+ */
1033
+
1034
+ .Note, .note {
1035
+ background-color: #fff495;
1036
+ color: #47430c;
1037
+ padding: 1.2em;
1038
+ /*margin: 2em 0 1em 0;*/
1039
+ margin: 1.5em 0 1.5em 0;
1040
+ /* text-align: left; */
1041
+ }
1042
+
1043
+ /*
1044
+ .Note p, .note p {
1045
+ margin: 0;
1046
+ }
1047
+
1048
+ */
1049
+ /*
1050
+ 3.8 Examples
1051
+ */
1052
+
1053
+ .example {
1054
+ background-color: #e1eef1;
1055
+ /*padding: 1.2em; */
1056
+ padding: 0.5em;
1057
+ margin: 2em 0 1em 0;
1058
+ text-align: left;
1059
+ }
1060
+
1061
+ .example p {
1062
+ margin: 0;
1063
+ }
1064
+
1065
+ .example .example-title {
1066
+ font-weight: 700;
1067
+ text-transform: uppercase;
1068
+ text-align: center;
1069
+ margin-top:0;
1070
+ }
1071
+
1072
+ .example-title {
1073
+ font-family: $headerfont;
1074
+ }
1075
+
1076
+ /*
1077
+ 3.9 Tables
1078
+ */
1079
+
1080
+ table {
1081
+ border-collapse: collapse;
1082
+ width: 100%;
1083
+ font-weight: 300;
1084
+ margin: 1em 0 2em 0;
1085
+ margin-left: auto;
1086
+ margin-right: auto;
1087
+ padding-right: 2em;
1088
+ text-align: center;
1089
+ }
1090
+
1091
+ table, th, td {
1092
+ border: 1px solid black;
1093
+ font-size: 0.95em;
1094
+ }
1095
+
1096
+ td, th {
1097
+ padding: 1em!important;
1098
+ }
1099
+
1100
+ td.header {
1101
+ font-weight: 400;
1102
+ }
1103
+
1104
+ p.TableTitle {
1105
+ text-align: center;
1106
+ margin-top: 2.5em;
1107
+ font-weight: 400;
1108
+ font-size: 1.1em;
1109
+ font-family: $headerfont;
1110
+ }
1111
+
1112
+ .TableFootnote {
1113
+ text-align: left!important;
1114
+ list-style: lower-alpha;
1115
+ }
1116
+
1117
+ /*
1118
+ 3.10 Footnotes
1119
+ */
1120
+
1121
+ a.footnote-number, a.TableFootnoteRef {
1122
+ vertical-align: super;
1123
+ font-size: 0.8em;
1124
+ text-decoration: none;
1125
+ }
1126
+
1127
+ .footnote, .footnote a, a.TableFootnoteRef a {
1128
+ font-size: 0.9em;
1129
+ text-decoration: none;
1130
+ }
1131
+
1132
+ sup a {
1133
+ vertical-align: super;
1134
+ font-size: 0.8em;
1135
+ }
1136
+ #footnote_box {
1137
+ font-size: 14px;
1138
+ background: white;
1139
+ padding: 0 10px;
1140
+ margin: 10px;
1141
+ border: 1px solid #888;
1142
+ -moz-box-shadow: 0px 0px 5px #888;
1143
+ -webkit-box-shadow: 0px 0px 5px #888;
1144
+ box-shadow: 0px 0px 5px #888;
1145
+ }
1146
+
1147
+ ol.footnotes-list, aside.footnote {
1148
+ margin-left: 1em;
1149
+
1150
+ }
1151
+
1152
+ ol.footnotes-list li, aside.footnote {
1153
+ font-size: 0.9em;
1154
+ vertical-align: top;
1155
+ list-style:decimal;
1156
+ margin-bottom: 1em;
1157
+ }
1158
+
1159
+ ol.footnotes-list:first-child {
1160
+ margin-top: 2em;
1161
+ }
1162
+
1163
+ ol.footnotes-list p, aside.footnote {
1164
+ display: inline;
1165
+ }
1166
+
1167
+ ol li p:before {
1168
+ content: "";
1169
+ display: none;
1170
+ }
1171
+
1172
+ /*
1173
+ 3.11 Blockquotes
1174
+ */
1175
+
1176
+ .blockquote, .Quote {
1177
+ background-color: #f7f7f7;
1178
+ font-style: italic;
1179
+ width: 80%;
1180
+ padding: 1.5em;
1181
+ margin-top: 2em;
1182
+ margin-left: auto;
1183
+ margin-right: auto;
1184
+ }
1185
+
1186
+ /*
1187
+ 3.12 Formulas
1188
+ */
1189
+
1190
+ .formula {
1191
+ /* background-color: #f1f1f1; */
1192
+ background-color: #f7f7f7;
1193
+ padding: 1.5em;
1194
+ margin-top: 2em;
1195
+ margin-bottom: 1em;
1196
+ text-align: center;
1197
+ margin-left: 20%;
1198
+ margin-right: 20%;
1199
+ }
1200
+
1201
+ /*
1202
+ Keywords
1203
+ */
1204
+
1205
+ span.keyword {
1206
+ font-weight: 600;
1207
+ }
1208
+
1209
+
1210
+ .Admonition, .admonition {
1211
+ background-color: #ffb3b3;
1212
+ padding: 0.5em;
1213
+ margin: 1.5em 0 1.5em 0;
1214
+ text-align: left;
1215
+ }
1216
+
1217
+ .Admonition p, .admonition p {
1218
+ margin: 0;
1219
+ }
1220
+