metanorma-gb 1.4.2 → 1.4.3

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