metanorma-iso 2.1.8 → 2.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1088 @@
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, 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
+ p code, dt code, li code, label code, legend code, caption code, th code, td code,
79
+ p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
80
+ p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
81
+ p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
82
+ font-size: {{monospacefontsize}}; }
83
+
84
+ article, aside, details, figcaption, figure,
85
+ footer, header, hgroup, menu, nav, section {
86
+ display: block; }
87
+
88
+ table {
89
+ border-collapse: collapse;
90
+ border-spacing: 0; }
91
+
92
+ h1, h2, h3, h4, h5, h6 {
93
+ font-family: {{headerfont}}; }
94
+
95
+ .h1, .h2, .h3, .h4, .h5, .h6 {
96
+ font-family: {{headerfont}}; }
97
+
98
+ blockquote, q {
99
+ quotes: none; }
100
+ blockquote:before, blockquote:after, q:before, q:after {
101
+ content: '';
102
+ content: none; }
103
+
104
+ .h2Annex {
105
+ font-family: {{headerfont}}; }
106
+
107
+ dl {
108
+ display: grid;
109
+ grid-template-columns: max-content auto; }
110
+ dl dt p, dl dd p {
111
+ margin-top: 0; }
112
+ dl dt {
113
+ grid-column-start: 1; }
114
+ dl dd {
115
+ grid-column-start: 2; }
116
+
117
+ b, strong {
118
+ font-weight: bold; }
119
+
120
+ div.document-stage-band, div.document-type-band {
121
+ background-color: #333333; }
122
+
123
+ a.FootnoteRef + a.FootnoteRef:before {
124
+ content: ", ";
125
+ vertical-align: super; }
126
+
127
+ .addition {
128
+ color: blue; }
129
+
130
+ .deletion {
131
+ color: red;
132
+ text-decoration: line-through; }
133
+
134
+ #standard-band {
135
+ background-color: #0AC442; }
136
+
137
+ #standard {
138
+ border-bottom: solid 3px #0AC442; }
139
+
140
+ #directive-band {
141
+ background-color: #540D6E; }
142
+
143
+ #directive {
144
+ border-bottom: solid 3px #540D6E; }
145
+
146
+ #guide-band {
147
+ background-color: #D183C9; }
148
+
149
+ #guide {
150
+ border-bottom: solid 3px #D183C9; }
151
+
152
+ #specification-band {
153
+ background-color: #65AFFF; }
154
+
155
+ #specification {
156
+ border-bottom: solid 3px #65AFFF; }
157
+
158
+ #report-band {
159
+ background-color: #3A405A; }
160
+
161
+ #report {
162
+ border-bottom: solid 3px #3A405A; }
163
+
164
+ #amendment-band {
165
+ background-color: #F26430; }
166
+
167
+ #amendment {
168
+ border-bottom: solid 3px #F26430; }
169
+
170
+ #corrigendum-band {
171
+ background-color: #C84630; }
172
+
173
+ #corrigendum {
174
+ border-bottom: solid 3px #C84630; }
175
+
176
+ #administrative-band {
177
+ background-color: #BFAE48; }
178
+
179
+ #administrative {
180
+ border-bottom: solid 3px #BFAE48; }
181
+
182
+ #advisory-band {
183
+ background-color: #BD9391; }
184
+
185
+ #advisory {
186
+ border-bottom: solid 3px #BD9391; }
187
+
188
+ #proposal-band {
189
+ background-color: #39A0ED; }
190
+
191
+ #proposal {
192
+ border-bottom: solid 3px #39A0ED; }
193
+
194
+ #working-draft-band {
195
+ background-color: #2D7393; }
196
+
197
+ #working-draft {
198
+ border-bottom: solid 3px #2D7393; }
199
+
200
+ #committee-draft-band {
201
+ background-color: #2A6B7C; }
202
+
203
+ #committee-draft {
204
+ border-bottom: solid 3px #2A6B7C; }
205
+
206
+ #draft-standard-band {
207
+ background-color: #1C7F7A; }
208
+
209
+ #draft-standard {
210
+ border-bottom: solid 3px #1C7F7A; }
211
+
212
+ #final-draft-band {
213
+ background-color: #53C170; }
214
+
215
+ #final-draft {
216
+ border-bottom: solid 3px #53C170; }
217
+
218
+ #published-band {
219
+ background-color: #069E2D; }
220
+
221
+ #published {
222
+ border-bottom: solid 3px #069E2D; }
223
+
224
+ #withdrawn-band {
225
+ background-color: #004E64; }
226
+
227
+ #withdrawn {
228
+ border-bottom: solid 3px #004E64; }
229
+
230
+ #cancelled-band {
231
+ background-color: #2E382E; }
232
+
233
+ #cancelled {
234
+ border-bottom: solid 3px #2E382E; }
235
+
236
+ body {
237
+ margin-left: auto;
238
+ margin-right: auto;
239
+ max-width: 100%;
240
+ font-size: 16px;
241
+ font-weight: 300;
242
+ line-height: 1.4em;
243
+ color: -internal-root-color;
244
+ background-color: #ffffff; }
245
+ body main {
246
+ margin: 0 3em 0 6em; }
247
+ body main {
248
+ margin: 0; }
249
+
250
+ /* HTML5 display-role reset for older browsers */
251
+ article, aside, details, figcaption, figure,
252
+ footer, header, hgroup, menu, nav, section {
253
+ display: block; }
254
+
255
+ body {
256
+ line-height: 1.3; }
257
+
258
+ blockquote, q {
259
+ quotes: none; }
260
+
261
+ blockquote:before, blockquote:after,
262
+ q:before, q:after {
263
+ content: '';
264
+ content: none; }
265
+
266
+ /* New CSS */
267
+ body {
268
+ margin-left: 298px;
269
+ margin-right: 2em; }
270
+
271
+ main {
272
+ padding-left: 4em;
273
+ padding-right: 2em; }
274
+
275
+ .title-section, .prefatory-section {
276
+ padding-left: 4em;
277
+ padding-top: 2em; }
278
+
279
+ .coverpage_docnumber, .coverpage_techcommittee {
280
+ text-align: right;
281
+ font-size: 0.9em;
282
+ line-height: 0.5em; }
283
+
284
+ .doctitle-en, .doctitle-fr {
285
+ margin-top: 2em;
286
+ text-align: left; }
287
+
288
+ .doctitle-en {
289
+ padding-left: 3em;
290
+ margin-left: -3em;
291
+ /*padding-top: 2em;*/
292
+ padding-bottom: 2em; }
293
+
294
+ .doctitle-en span {
295
+ font-size: 2em;
296
+ line-height: 1.5em; }
297
+
298
+ .doctitle-fr span {
299
+ font-size: 1.5em;
300
+ line-height: 1.2em;
301
+ font-style: italic; }
302
+
303
+ .doctitle-part {
304
+ margin-top: 1em; }
305
+
306
+ span.title, span.subtitle, span.part {
307
+ font-weight: 800; }
308
+
309
+ span.partlabel {
310
+ display: block; }
311
+
312
+ .coverpage_docstage {
313
+ margin-top: 2em;
314
+ margin-bottom: 2em; }
315
+
316
+ .coverpage_warning {
317
+ font-size: 0.9em;
318
+ font-style: italic;
319
+ padding-bottom: 1em; }
320
+
321
+ .boilerplate-copyright p {
322
+ margin-top: 1em;
323
+ display: block;
324
+ font-size: 0.9em; }
325
+
326
+ /* TYPOGRAPHY */
327
+ h1, .h1 {
328
+ font-size: 1.5em;
329
+ line-height: 2em;
330
+ margin-top: 2em;
331
+ margin-bottom: 1em; }
332
+
333
+ h2, .h2 {
334
+ font-size: 1.2em;
335
+ line-height: 1.5em;
336
+ margin-top: 2em;
337
+ margin-bottom: 1em; }
338
+
339
+ h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
340
+ margin-bottom: 1em; }
341
+
342
+ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
343
+ line-height: 1.2; }
344
+
345
+ {% if doctype == "Amendment" or doctype == "Technical Corrigendum" %}
346
+ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
347
+ font-weight: normal;
348
+ font-size: initial;
349
+ font-style: italic; }
350
+
351
+ {% endif %}
352
+ p {
353
+ margin-top: 1em;
354
+ margin-bottom: 1em; }
355
+
356
+ p.zzSTDTitle1 {
357
+ font-weight: 700;
358
+ font-size: 1.5em; }
359
+
360
+ p.zzSTDTitle2 {
361
+ font-size: 1.5em; }
362
+
363
+ span.obligation {
364
+ font-weight: 400; }
365
+
366
+ a {
367
+ color: black;
368
+ text-decoration-color: black; }
369
+
370
+ h2 p, .h2 p {
371
+ display: inline; }
372
+
373
+ ul > li {
374
+ list-style: none; }
375
+
376
+ ul > li > p:first-child:before {
377
+ content: "\2014";
378
+ display: inline-block;
379
+ width: 1em;
380
+ margin-left: -1.5em;
381
+ margin-right: 0.5em; }
382
+
383
+ li p {
384
+ margin-bottom: 0.6em;
385
+ line-height: 1.2; }
386
+
387
+ p.AltTerms {
388
+ margin-bottom: 0;
389
+ margin-left: 2em; }
390
+
391
+ p.Terms {
392
+ margin-top: 0em; }
393
+
394
+ /* Navigation*/
395
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
396
+ font-family: {{bodyfont}};
397
+ font-weight: 400; }
398
+ #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
399
+ margin: 0;
400
+ padding: 0;
401
+ list-style: none; }
402
+ #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
403
+ padding: 5px 10px; }
404
+ #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
405
+ text-decoration: none;
406
+ display: block; }
407
+ #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
408
+ box-shadow: none;
409
+ color: black; }
410
+ #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
411
+ padding-left: 30px; }
412
+ #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
413
+ padding-left: 50px; }
414
+ #toc .toc-active, #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
415
+ background: #f7f7f7;
416
+ box-shadow: inset -5px 0px 10px -5px #f7f7f7 !important; }
417
+ #toc .toc-active a, #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
418
+ color: black; }
419
+ @media print {
420
+ #toc .toc-active, #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
421
+ background: white;
422
+ box-shadow: none !important; }
423
+ #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
424
+ color: black; } }
425
+ @media screen and (max-width: 768px) {
426
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
427
+ padding: 0 1.5em;
428
+ overflow: visible; } }
429
+ #toc .toc-active,
430
+ #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active,
431
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
432
+ box-shadow: 0px 1px 0px 0px black !important;
433
+ background: none; }
434
+ #toc li:before, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:before {
435
+ content: " ";
436
+ display: none; }
437
+
438
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
439
+ margin-top: 0;
440
+ margin-bottom: 0;
441
+ font-size: 100%; }
442
+
443
+ nav {
444
+ line-height: 1.2em; }
445
+ @media screen and (min-width: 768px) {
446
+ nav {
447
+ position: fixed;
448
+ top: 0;
449
+ bottom: 0;
450
+ left: 0;
451
+ width: 278px;
452
+ font-size: 0.9em;
453
+ overflow: auto;
454
+ padding: 0 0 0 20px;
455
+ background-color: #f7f7f7; } }
456
+ @media print {
457
+ nav {
458
+ position: relative;
459
+ width: auto;
460
+ font-size: 0.9em;
461
+ overflow: auto;
462
+ padding: 0;
463
+ margin-right: 0;
464
+ background-color: white; } }
465
+ #toggle {
466
+ border-right: solid black 1px;
467
+ margin-left: -4em;
468
+ margin-top: -2em; }
469
+ @media screen and (min-width: 768px) {
470
+ #toggle {
471
+ position: fixed;
472
+ height: 100%;
473
+ width: 30px;
474
+ background-color: #f7f7f7;
475
+ color: black !important;
476
+ cursor: pointer;
477
+ z-index: 100; }
478
+ #toggle span {
479
+ text-align: center;
480
+ width: 100%;
481
+ position: absolute;
482
+ top: 50%;
483
+ transform: translate(0, -50%); } }
484
+ @media screen and (max-width: 768px) {
485
+ #toggle {
486
+ display: none; } }
487
+ @media print {
488
+ #toggle {
489
+ display: none; } }
490
+ @media screen and (min-width: 768px) {
491
+ .container {
492
+ padding-left: 360px; }
493
+ .rule.toc {
494
+ display: none; }
495
+ h1.toc-contents {
496
+ margin-top: 1em; }
497
+ ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
498
+ padding: 0;
499
+ margin: 0; } }
500
+
501
+ @media screen and (max-width: 768px) {
502
+ body {
503
+ margin-left: 2em; }
504
+ main {
505
+ padding: 0; }
506
+ .title-section, .prefatory-section {
507
+ padding-left: 0;
508
+ padding-top: 0;
509
+ width: 100%; } }
510
+
511
+ .figure,
512
+ pre,
513
+ .pseudocode {
514
+ background-color: #f7f7f7;
515
+ font-size: {{monospacefontsize}};
516
+ line-height: 1.6em;
517
+ padding: 1.5em;
518
+ margin: 2em 0 1em 0;
519
+ overflow: auto;
520
+ font-size: {{normalfontsize}}; }
521
+ .figure .SourceTitle,
522
+ pre .SourceTitle,
523
+ .pseudocode .SourceTitle {
524
+ font-weight: 700;
525
+ font-size: 1em;
526
+ text-align: center; }
527
+
528
+ div.figure {
529
+ line-height: 1.6em;
530
+ padding: 1.5em;
531
+ margin: 2em 0 1em 0;
532
+ overflow: auto; }
533
+ div.figure .FigureTitle, div.figure .figure-title {
534
+ font-weight: 700;
535
+ font-size: 1em;
536
+ text-align: center; }
537
+ div.figure > img {
538
+ margin-left: auto;
539
+ margin-right: auto;
540
+ display: block;
541
+ max-width: 100%;
542
+ height: auto; }
543
+
544
+ /*
545
+ Document types + stages
546
+ */
547
+ .document-type-band {
548
+ left: 0;
549
+ top: 180px;
550
+ height: 100%;
551
+ position: fixed;
552
+ display: block;
553
+ z-index: 102; }
554
+ .document-type-band > :first-child {
555
+ position: relative;
556
+ width: 25px;
557
+ font-weight: 400;
558
+ color: white;
559
+ text-transform: uppercase;
560
+ font-size: 0.9em;
561
+ font-weight: 400;
562
+ letter-spacing: 0.05em;
563
+ margin: 0;
564
+ margin-left: 6px;
565
+ writing-mode: tb-rl;
566
+ -webkit-transform: rotate(180deg);
567
+ -moz-transform: rotate(180deg);
568
+ -o-transform: rotate(180deg);
569
+ white-space: nowrap;
570
+ display: block;
571
+ bottom: 0; }
572
+ @media print {
573
+ .document-type-band {
574
+ display: none; } }
575
+ .document-type-band .document-type {
576
+ top: 20px; }
577
+
578
+ .document-stage-band {
579
+ left: 0;
580
+ top: 0;
581
+ height: 100%;
582
+ position: fixed;
583
+ display: block;
584
+ z-index: 101;
585
+ box-shadow: -5px 0px 10px #1d1d1d; }
586
+ .document-stage-band > :first-child {
587
+ position: relative;
588
+ width: 25px;
589
+ font-weight: 400;
590
+ height: 100%;
591
+ color: white;
592
+ text-transform: uppercase;
593
+ font-size: 0.9em;
594
+ font-weight: 400;
595
+ letter-spacing: 0.05em;
596
+ margin: 0;
597
+ margin-left: 6px;
598
+ writing-mode: tb-rl;
599
+ -webkit-transform: rotate(180deg);
600
+ -moz-transform: rotate(180deg);
601
+ -o-transform: rotate(180deg);
602
+ white-space: nowrap;
603
+ display: block;
604
+ bottom: 0; }
605
+ @media print {
606
+ .document-stage-band {
607
+ display: none; } }
608
+ p.document-stage {
609
+ position: relative;
610
+ width: 25px;
611
+ font-weight: 400;
612
+ height: 210px;
613
+ color: white;
614
+ text-transform: uppercase;
615
+ font-size: 0.9em;
616
+ font-weight: 400;
617
+ letter-spacing: 0.05em;
618
+ margin: 0;
619
+ margin-left: 6px;
620
+ writing-mode: tb-rl;
621
+ -webkit-transform: rotate(180deg);
622
+ -moz-transform: rotate(180deg);
623
+ -o-transform: rotate(180deg);
624
+ white-space: nowrap;
625
+ display: block;
626
+ bottom: 0;
627
+ writing-mode: vertical-rl; }
628
+
629
+ #governance-band p.document-type {
630
+ font-weight: 400;
631
+ height: 230px !important; }
632
+
633
+ p.document-stage {
634
+ font-weight: 300;
635
+ height: 160px; }
636
+
637
+ #standard-band {
638
+ background-color: #0ac442; }
639
+
640
+ #standard {
641
+ border-bottom: solid 3px #0ac442; }
642
+
643
+ #governance {
644
+ border-bottom: solid 3px #750697; }
645
+
646
+ #governance-band {
647
+ background-color: #750697; }
648
+
649
+ #guide {
650
+ border-bottom: solid 3px #48a0e7; }
651
+
652
+ #guide-band {
653
+ background-color: #48a0e7; }
654
+
655
+ .coverpage-maturity {
656
+ font-family: 'Overpass', sans-serif;
657
+ font-weight: 400;
658
+ font-size: 1em;
659
+ margin: 0 0 2em 0;
660
+ text-transform: uppercase; }
661
+
662
+ #working-draft {
663
+ border-bottom: solid 3px #fda706; }
664
+
665
+ #working-draft-band {
666
+ background-color: #fda706; }
667
+
668
+ #committee-draft {
669
+ border-bottom: solid 3px #fd06fd; }
670
+
671
+ #committee-draft-band {
672
+ background-color: #fd06fd; }
673
+
674
+ #draft-standard {
675
+ border-bottom: solid 3px #fdf906; }
676
+
677
+ #draft-standard {
678
+ border-bottom: solid 3px #fdf906; }
679
+
680
+ #standard {
681
+ border-bottom: solid 3px #0ac442; }
682
+
683
+ #standard-band {
684
+ background-color: #0ac442; }
685
+
686
+ #obsolete {
687
+ border-bottom: solid 3px #7e0d13; }
688
+
689
+ #obsolete-band {
690
+ background-color: #7e0d13; }
691
+
692
+ /* 3 Other styles */
693
+ /*
694
+ 3.2 Links
695
+ */
696
+ a {
697
+ color: black;
698
+ text-decoration-color: black; }
699
+
700
+ /*
701
+ 3.3 Lists
702
+ */
703
+ ul, ol {
704
+ margin-left: 2em; }
705
+
706
+ #toc-list ul {
707
+ margin-bottom: 0.25em; }
708
+
709
+ #toc-list ol li {
710
+ list-style-type: none; }
711
+
712
+ /* https://github.com/metanorma/metanorma-iso/issues/319 : force a) parentheses for ordered lists */
713
+ ol[class="alphabet"] {
714
+ counter-reset: alphabet; }
715
+
716
+ ol[class="arabic"] {
717
+ counter-reset: arabic; }
718
+
719
+ ol[class="roman"] {
720
+ counter-reset: roman; }
721
+
722
+ ol[class="alphabet_upper"] {
723
+ counter-reset: alphabet_upper; }
724
+
725
+ ol[class="roman_upper"] {
726
+ counter-reset: roman_upper; }
727
+
728
+ ol[class="alphabet"] ol[class="alphabet"] {
729
+ counter-reset: alphabet2; }
730
+
731
+ ol[class="arabic"] ol[class="arabic"] {
732
+ counter-reset: arabic2; }
733
+
734
+ ol[class="roman"] ol[class="roman"] {
735
+ counter-reset: roman2; }
736
+
737
+ ol[class="alphabet_upper"] ol[class="alphabet_upper"] {
738
+ counter-reset: alphabet_upper2; }
739
+
740
+ ol[class="roman_upper"] ol[class="roman_upper"] {
741
+ counter-reset: roman_upper2; }
742
+
743
+ ol {
744
+ counter-reset: alphabet; }
745
+
746
+ ol > li {
747
+ list-style: none;
748
+ position: relative; }
749
+
750
+ ol > li:before {
751
+ position: absolute;
752
+ left: -1.4em; }
753
+
754
+ ol[class="roman"] > li:before {
755
+ left: -2.0em; }
756
+
757
+ ol[class="roman_upper"] > li:before {
758
+ left: -2.3em; }
759
+
760
+ ol[class="alphabet"] > li:before {
761
+ counter-increment: alphabet;
762
+ content: counter(alphabet, lower-alpha) ") "; }
763
+
764
+ ol[class="arabic"] > li:before {
765
+ counter-increment: arabic;
766
+ content: counter(arabic, decimal) ") "; }
767
+
768
+ ol[class="roman"] > li:before {
769
+ counter-increment: roman;
770
+ content: counter(roman, lower-roman) ") "; }
771
+
772
+ ol[class="alphabet_upper"] > li:before {
773
+ counter-increment: alphabet_upper;
774
+ content: counter(alphabet_upper, upper-alpha) ") "; }
775
+
776
+ ol[class="roman_upper"] > li:before {
777
+ counter-increment: roman_upper;
778
+ content: counter(roman_upper, upper-roman) ") "; }
779
+
780
+ ol > li:before {
781
+ counter-increment: alphabet;
782
+ content: counter(alphabet, lower-alpha) ") "; }
783
+
784
+ ol[class="alphabet"] ol[class="alphabet"] > li:before {
785
+ counter-increment: alphabet2;
786
+ content: counter(alphabet2, lower-alpha) ") "; }
787
+
788
+ ol[class="arabic"] ol[class="arabic"] > li:before {
789
+ counter-increment: arabic2;
790
+ content: counter(arabic2, decimal) ") "; }
791
+
792
+ ol[class="roman"] ol[class="roman"] > li:before {
793
+ counter-increment: roman2;
794
+ content: counter(roman2, lower-roman) ") "; }
795
+
796
+ ol[class="alphabet_upper"] ol[class="alphabet_upper"] > li:before {
797
+ counter-increment: alphabet_upper2;
798
+ content: counter(alphabet_upper2, upper-alpha) ") "; }
799
+
800
+ ol[class="roman_upper"] ol[class="roman_upper"] > li:before {
801
+ counter-increment: roman_upper2;
802
+ content: counter(roman_upper2, upper-roman) ") "; }
803
+
804
+ /*
805
+ 3.4 Rules
806
+ */
807
+ .rule {
808
+ width: 100%;
809
+ height: 1px;
810
+ background-color: #0e1a85;
811
+ margin: 2em 0; }
812
+
813
+ /*
814
+ 3.5 Bibliograhy
815
+ */
816
+ p.Biblio, p.NormRef {
817
+ margin-top: 1em;
818
+ margin-left: 2em; }
819
+
820
+ /*
821
+ 3.6 Source Code + figures
822
+ */
823
+ .figure,
824
+ pre,
825
+ .pseudocode {
826
+ background-color: #f7f7f7;
827
+ font-size: {{monospacefontsize}};
828
+ line-height: 1.6em;
829
+ padding: 1.5em;
830
+ margin: 2em 0 1em 0;
831
+ overflow: auto;
832
+ font-size: {{normalfontsize}}; }
833
+ .figure .SourceTitle,
834
+ pre .SourceTitle,
835
+ .pseudocode .SourceTitle {
836
+ font-weight: 700;
837
+ font-size: 1em;
838
+ text-align: center; }
839
+
840
+ pre {
841
+ font-family: {{monospacefont}};
842
+ font-variant-ligatures: none; }
843
+
844
+ .AdmonitionTitle {
845
+ font-weight: 700;
846
+ font-size: 1em;
847
+ text-align: center; }
848
+
849
+ .RecommendationTitle {
850
+ font-weight: 700;
851
+ font-size: 1em;
852
+ text-align: center; }
853
+
854
+ .ListTitle {
855
+ font-weight: 700;
856
+ font-size: 1em;
857
+ text-align: center;
858
+ text-align: left; }
859
+
860
+ .figure-title, .FigureTitle, .SourceTitle, .AdmonitionTitle, .RecommendationTitle {
861
+ font-weight: 700;
862
+ font-size: 1em;
863
+ text-align: center; }
864
+
865
+ /*
866
+ 3.7 Notes
867
+ */
868
+ .Note, .note {
869
+ background-color: #fff495;
870
+ color: #47430c;
871
+ padding: 0.5em;
872
+ margin: 1.5em 0 1.5em 0;
873
+ text-align: left; }
874
+
875
+ .Note p, .note p {
876
+ margin: 0; }
877
+
878
+ .Admonition {
879
+ background-color: #ffcccc;
880
+ color: #47430c;
881
+ padding: 0.5em;
882
+ margin: 1.5em 0 1.5em 0;
883
+ text-align: left; }
884
+
885
+ .Admonition p, .zzHelp p {
886
+ margin: 0; }
887
+
888
+ div.zzHelp {
889
+ color: green;
890
+ padding: 0.5em;
891
+ margin: 1.5em 0 1.5em 0;
892
+ text-align: left; }
893
+
894
+ /*
895
+ 3.8 Examples
896
+ */
897
+ .example {
898
+ background-color: #e1eef1;
899
+ padding: 0.5em;
900
+ margin: 2em 0 1em 0;
901
+ text-align: left;
902
+ color: #424242;
903
+ padding-left: 2em;
904
+ color: black;
905
+ padding-left: 0.5em; }
906
+ .example p {
907
+ margin: 0; }
908
+ .example .example-title {
909
+ font-weight: 700;
910
+ text-transform: uppercase;
911
+ margin-left: -1.5em; }
912
+ .example .example-title {
913
+ margin-top: 0; }
914
+ .example pre,
915
+ .example .pseudocode {
916
+ background: none; }
917
+
918
+ /*
919
+ 3.9 Tables
920
+ */
921
+ table {
922
+ width: 100%;
923
+ font-weight: 300;
924
+ margin: 1em 0 2em 0;
925
+ margin-left: auto;
926
+ margin-right: auto;
927
+ padding-right: 2em; }
928
+ table, table th, table td {
929
+ border: 1px solid black;
930
+ font-size: 0.95em; }
931
+ table th, table td {
932
+ padding: 1em; }
933
+ table td.header {
934
+ font-weigth: 400; }
935
+
936
+ td,
937
+ th {
938
+ padding: 1em !important; }
939
+
940
+ td > p:first-child, th > p:first-child {
941
+ margin-top: 0em; }
942
+
943
+ td > p:last-child, th > p:last-child {
944
+ margin-bottom: 0em; }
945
+
946
+ p.TableTitle {
947
+ text-align: center;
948
+ margin-top: 2.5em;
949
+ font-weight: 800;
950
+ font-size: 1.1em; }
951
+
952
+ .TableFootnote {
953
+ text-align: left !important; }
954
+
955
+ /*
956
+ table.modspec {
957
+ @include table($border: none !important);
958
+ text-align: left;
959
+
960
+ color: #010d16;
961
+
962
+ tr:nth-child(even) {
963
+ background: #ffffff
964
+ }
965
+ tr:nth-child(odd) {
966
+ background: #ffffff
967
+ }
968
+
969
+ thead tr th {
970
+ background-color: #5d99d6;
971
+ }
972
+
973
+ td, th {
974
+ padding: 1em;
975
+ }
976
+
977
+ td.header {
978
+ font-weight: 400;
979
+ }
980
+ }
981
+ */
982
+ /*
983
+ 3.10 Footnotes
984
+ */
985
+ a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {
986
+ vertical-align: super;
987
+ font-size: 0.8em; }
988
+
989
+ .footnote {
990
+ font-size: {{footnotefontsize}}; }
991
+
992
+ sup a {
993
+ vertical-align: super;
994
+ font-size: 0.8em; }
995
+
996
+ #footnote_box {
997
+ font-size: {{footnotefontsize}};
998
+ background: white;
999
+ padding: 0 10px;
1000
+ margin: 10px;
1001
+ border: 1px solid #888;
1002
+ -moz-box-shadow: 0px 0px 5px #888;
1003
+ -webkit-box-shadow: 0px 0px 5px #888;
1004
+ box-shadow: 0px 0px 5px #888; }
1005
+
1006
+ ol.footnotes-list, aside.footnote {
1007
+ margin-left: 1em; }
1008
+
1009
+ ol.footnotes-list li, aside.footnote {
1010
+ font-size: {{footnotefontsize}};
1011
+ vertical-align: top;
1012
+ list-style: decimal;
1013
+ margin-bottom: 1em; }
1014
+
1015
+ ol.footnotes-list:first-child {
1016
+ margin-top: 2em; }
1017
+
1018
+ ol.footnotes-list p, aside.footnote p {
1019
+ display: inline; }
1020
+
1021
+ ol > li > p:before {
1022
+ content: "";
1023
+ display: none; }
1024
+
1025
+ /*
1026
+ 3.11 Blockquotes
1027
+ */
1028
+ .Quote {
1029
+ background-color: #f7f7f7;
1030
+ font-style: italic;
1031
+ width: 80%;
1032
+ padding: 1.5em;
1033
+ margin-top: 2em;
1034
+ margin-left: auto;
1035
+ margin-right: auto; }
1036
+
1037
+ /*
1038
+ 3.12 Formulas
1039
+ */
1040
+ .formula {
1041
+ background-color: #f7f7f7;
1042
+ padding: 1.5em;
1043
+ margin-top: 2em;
1044
+ text-align: center;
1045
+ margin-left: 20%;
1046
+ margin-right: 20%; }
1047
+
1048
+ dl.formula_dl {
1049
+ background-color: #f7f7f7;
1050
+ margin-left: 20%;
1051
+ margin-right: 20%; }
1052
+
1053
+ /*
1054
+ Keywords
1055
+ */
1056
+ span.keyword {
1057
+ font-weight: 600; }
1058
+
1059
+ .Admonition, .admonition {
1060
+ background-color: #ffb3b3;
1061
+ /* color: #47430c;*/
1062
+ padding: 0.5em;
1063
+ margin: 1.5em 0 1.5em 0;
1064
+ text-align: left; }
1065
+
1066
+ .Admonition p, .admonition p {
1067
+ margin: 0; }
1068
+
1069
+ /* Collapse TOC */
1070
+ .collapse-group {
1071
+ display: flex;
1072
+ align-items: center;
1073
+ position: relative; }
1074
+
1075
+ .collapse-button {
1076
+ position: absolute;
1077
+ right: 0;
1078
+ display: inline-block;
1079
+ height: 20px;
1080
+ width: 20px;
1081
+ cursor: pointer;
1082
+ background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg>'); }
1083
+
1084
+ .collapse {
1085
+ display: none; }
1086
+
1087
+ .expand {
1088
+ transform: rotateZ(-180deg); }