metanorma-csa 2.7.3 → 2.7.4.pre.alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1518 +0,0 @@
1
- @charset "UTF-8";
2
- /*
3
- 0 CSS RESET
4
- */
5
- /* http://meyerweb.com/eric/tools/css/reset/
6
- v2.0 | 20110126
7
- License: none (public domain)
8
- */
9
- html, body, div, span, applet, object, iframe,
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11
- a, abbr, acronym, address, big, cite, code,
12
- del, dfn, em, img, ins, kbd, q, s, samp,
13
- small, strike, strong, sub, sup, tt, var,
14
- b, u, i, center,
15
- ol, ul, li,
16
- fieldset, form, label, legend,
17
- table, caption, tbody, tfoot, thead, tr, th, td,
18
- article, aside, canvas, details, embed,
19
- figure, figcaption, footer, header, hgroup,
20
- menu, output, ruby, section, summary,
21
- time, mark, audio, video {
22
- margin: 0;
23
- padding: 0;
24
- }
25
-
26
- html, body, div, span, applet, object, iframe,
27
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
28
- a, abbr, acronym, address, big, cite, code,
29
- del, dfn, em, img, ins, kbd, q, s, samp,
30
- small, strike, strong, sub, sup, tt, var,
31
- b, u, i, center,
32
- dl, dt, dd, ol, ul, li,
33
- fieldset, form, label, legend,
34
- table, caption, tbody, tfoot, thead, tr, th, td,
35
- article, aside, canvas, details, embed,
36
- figure, figcaption, footer, header, hgroup,
37
- menu, nav, output, ruby, section, summary,
38
- time, mark, audio, video {
39
- border: 0;
40
- font-size: 100%;
41
- }
42
-
43
- html, body, div, span, applet, object, iframe,
44
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
45
- a, abbr, acronym, address, big, cite, code,
46
- del, dfn, em, img, ins, kbd, q, s, samp,
47
- small, strike, strong, tt, var,
48
- b, u, i, center,
49
- dl, dd, ol, ul, li,
50
- fieldset, form, label, legend,
51
- table, caption, tbody, tfoot, thead, tr, th, td,
52
- article, aside, canvas, details, embed,
53
- figure, figcaption, footer, header, hgroup,
54
- menu, nav, output, ruby, section, summary,
55
- time, mark, audio, video {
56
- vertical-align: baseline;
57
- }
58
-
59
- html, body, div, span, applet, object, iframe,
60
- p, blockquote,
61
- a, abbr, acronym, address, big, cite,
62
- del, dfn, em, img, ins, q, s,
63
- small, strike, strong, sub, sup, var,
64
- b, u, i, center,
65
- dl, dt, dd, ol, ul, li,
66
- fieldset, form, label, legend,
67
- table, caption, tbody, tfoot, thead, tr, th, td,
68
- article, aside, canvas, details, embed,
69
- figure, figcaption, footer, header, hgroup,
70
- menu, nav, output, ruby, section, summary,
71
- time, mark, audio, video {
72
- font-family: {{bodyfont}};
73
- }
74
-
75
- code, pre, tt, kbd, samp {
76
- font-family: {{monospacefont}};
77
- font-variant-ligatures: none;
78
- }
79
-
80
- code *, pre *, tt *, kbd *, samp * {
81
- font-family: {{monospacefont}} !important;
82
- font-variant-ligatures: none;
83
- }
84
-
85
- p code, dt code, li code, label code, legend code, caption code, th code, td code,
86
- p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
87
- p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
88
- p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
89
- font-size: {{monospacefontsize}};
90
- }
91
-
92
- sub, sup {
93
- font-size: 0.75em;
94
- }
95
-
96
- article, aside, details, figcaption, figure,
97
- footer, header, hgroup, menu, nav, section {
98
- display: block;
99
- }
100
-
101
- table {
102
- border-collapse: collapse;
103
- border-spacing: 0;
104
- }
105
-
106
- h1, h2, h3, h4, h5, h6 {
107
- font-family: {{headerfont}};
108
- }
109
-
110
- .h1, .h2, .h3, .h4, .h5, .h6 {
111
- font-family: {{headerfont}};
112
- }
113
-
114
- blockquote, q {
115
- quotes: none;
116
- }
117
- blockquote::before, blockquote::after, q::before, q::after {
118
- content: "";
119
- content: none;
120
- }
121
-
122
- .h2Annex {
123
- font-family: {{headerfont}};
124
- }
125
-
126
- dl {
127
- display: grid;
128
- grid-template-columns: max-content auto;
129
- }
130
- dl dt p, dl dd p {
131
- margin-top: 0;
132
- }
133
- dl dt {
134
- grid-column-start: 1;
135
- }
136
- dl dd {
137
- grid-column-start: 2;
138
- }
139
-
140
- b, strong {
141
- font-weight: bold;
142
- }
143
-
144
- div.document-stage-band, div.document-type-band {
145
- background-color: #333333;
146
- }
147
-
148
- a.FootnoteRef + a.FootnoteRef::before {
149
- content: ", ";
150
- vertical-align: super;
151
- }
152
-
153
- a.TableFootnoteRef + a.TableFootnoteRef::before {
154
- content: ", ";
155
- vertical-align: super;
156
- }
157
-
158
- a.TableFootnoteRef, span.TableFootnoteRef,
159
- a.FootnoteRef, span.FootnoteRef {
160
- vertical-align: super;
161
- }
162
-
163
- .addition {
164
- color: blue;
165
- }
166
-
167
- .deletion {
168
- color: red;
169
- text-decoration: line-through;
170
- }
171
-
172
- ruby {
173
- ruby-position: over;
174
- -webkit-ruby-position: before;
175
- }
176
-
177
- ruby ruby {
178
- ruby-position: under;
179
- -webkit-ruby-position: after;
180
- }
181
-
182
- /* code highlighting with line numbers */
183
- table.rouge-line-table td.rouge-gutter {
184
- -moz-user-select: none;
185
- -ms-user-select: none;
186
- -webkit-user-select: none;
187
- user-select: none;
188
- padding-right: 1em;
189
- }
190
-
191
- table.rouge-line-table td.rouge-code {
192
- -moz-user-select: all;
193
- -ms-user-select: all;
194
- -webkit-user-select: all;
195
- user-select: all;
196
- }
197
-
198
- table.rouge-line-table,
199
- table.rouge-line-table th,
200
- table.rouge-line-table td {
201
- width: auto;
202
- border: none;
203
- margin: 0;
204
- padding: 0;
205
- font-size: 100%;
206
- }
207
-
208
- table.rouge-line-table pre {
209
- margin: 0;
210
- padding: 0;
211
- overflow-x: visible;
212
- font-size: 100%;
213
- }
214
-
215
- /* header § links */
216
- a.header {
217
- color: inherit;
218
- text-decoration: none;
219
- }
220
-
221
- a.header:hover {
222
- color: #a53221 !important;
223
- background: inherit;
224
- box-shadow: none;
225
- }
226
-
227
- a.header:visited {
228
- color: inherit;
229
- text-decoration: none;
230
- }
231
-
232
- a.anchor {
233
- position: absolute;
234
- z-index: 1001;
235
- width: 1.5ex;
236
- margin-left: -1.5ex;
237
- display: block;
238
- text-decoration: none !important;
239
- visibility: hidden;
240
- text-align: center;
241
- font-weight: 400;
242
- }
243
-
244
- a.anchor::before {
245
- content: "§";
246
- font-size: 0.85em;
247
- display: block;
248
- padding-top: 0.1em;
249
- }
250
-
251
- a.anchor:hover {
252
- color: #a53221;
253
- background: inherit;
254
- box-shadow: none;
255
- }
256
-
257
- h1 > a.anchor:hover,
258
- h2 > a.anchor:hover,
259
- h3 > a.anchor:hover,
260
- h4 > a.anchor:hover,
261
- h5 > a.anchor:hover,
262
- h6 > a.anchor:hover,
263
- .inline-header > a.anchor:hover,
264
- h1:hover > a.anchor,
265
- h2:hover > a.anchor,
266
- h3:hover > a.anchor,
267
- h4:hover > a.anchor,
268
- h5:hover > a.anchor,
269
- h6:hover > a.anchor,
270
- .inline-header:hover > a.anchor {
271
- visibility: visible;
272
- }
273
-
274
- /* collapsible snippets: collapsible before hidable */
275
- .hidable {
276
- max-height: 0;
277
- overflow: hidden;
278
- transition: max-height 0.2s ease-out;
279
- }
280
-
281
- .collapsible {
282
- background-color: #777;
283
- color: white;
284
- cursor: pointer;
285
- padding: 3px 0;
286
- margin: 0;
287
- width: 100%;
288
- border: none;
289
- text-align: left;
290
- outline: none;
291
- font-size: 15px;
292
- }
293
-
294
- .active, .collapsible:hover {
295
- background-color: #555;
296
- }
297
-
298
- .collapsible:after {
299
- content: "▼";
300
- color: white;
301
- font-weight: bold;
302
- float: right;
303
- margin-left: 12px;
304
- margin-right: 12px;
305
- }
306
-
307
- .active:after {
308
- content: "▲";
309
- }
310
-
311
- /* collapsible: */
312
- .collapsible + .hidable {
313
- margin-top: 0;
314
- }
315
-
316
- .collapsible:not(.active) + .hidable {
317
- overflow: hidden;
318
- padding: 0;
319
- }
320
-
321
- .svg-container {
322
- width: 100%; /* or any desired width */
323
- display: block; /* ← removes unwanted inline spacing */
324
- }
325
-
326
- svg {
327
- width: 100%;
328
- height: auto; /* ← key to maintaining aspect ratio */
329
- display: block; /* ← removes unwanted inline spacing */
330
- }
331
-
332
- #standard-band {
333
- background-color: #0AC442;
334
- }
335
-
336
- #standard {
337
- border-bottom: solid 3px #0AC442;
338
- }
339
-
340
- #directive-band {
341
- background-color: #540D6E;
342
- }
343
-
344
- #directive {
345
- border-bottom: solid 3px #540D6E;
346
- }
347
-
348
- #guide-band {
349
- background-color: #D183C9;
350
- }
351
-
352
- #guide {
353
- border-bottom: solid 3px #D183C9;
354
- }
355
-
356
- #specification-band {
357
- background-color: #65AFFF;
358
- }
359
-
360
- #specification {
361
- border-bottom: solid 3px #65AFFF;
362
- }
363
-
364
- #report-band {
365
- background-color: #3A405A;
366
- }
367
-
368
- #report {
369
- border-bottom: solid 3px #3A405A;
370
- }
371
-
372
- #amendment-band {
373
- background-color: #F26430;
374
- }
375
-
376
- #amendment {
377
- border-bottom: solid 3px #F26430;
378
- }
379
-
380
- #corrigendum-band {
381
- background-color: #C84630;
382
- }
383
-
384
- #corrigendum {
385
- border-bottom: solid 3px #C84630;
386
- }
387
-
388
- #administrative-band {
389
- background-color: #BFAE48;
390
- }
391
-
392
- #administrative {
393
- border-bottom: solid 3px #BFAE48;
394
- }
395
-
396
- #advisory-band {
397
- background-color: #BD9391;
398
- }
399
-
400
- #advisory {
401
- border-bottom: solid 3px #BD9391;
402
- }
403
-
404
- #proposal-band {
405
- background-color: #39A0ED;
406
- }
407
-
408
- #proposal {
409
- border-bottom: solid 3px #39A0ED;
410
- }
411
-
412
- #working-draft-band {
413
- background-color: #2D7393;
414
- }
415
-
416
- #working-draft {
417
- border-bottom: solid 3px #2D7393;
418
- }
419
-
420
- #committee-draft-band {
421
- background-color: #2A6B7C;
422
- }
423
-
424
- #committee-draft {
425
- border-bottom: solid 3px #2A6B7C;
426
- }
427
-
428
- #draft-standard-band {
429
- background-color: #1C7F7A;
430
- }
431
-
432
- #draft-standard {
433
- border-bottom: solid 3px #1C7F7A;
434
- }
435
-
436
- #final-draft-band {
437
- background-color: #53C170;
438
- }
439
-
440
- #final-draft {
441
- border-bottom: solid 3px #53C170;
442
- }
443
-
444
- #published-band {
445
- background-color: #069E2D;
446
- }
447
-
448
- #published {
449
- border-bottom: solid 3px #069E2D;
450
- }
451
-
452
- #withdrawn-band {
453
- background-color: #004E64;
454
- }
455
-
456
- #withdrawn {
457
- border-bottom: solid 3px #004E64;
458
- }
459
-
460
- #cancelled-band {
461
- background-color: #2E382E;
462
- }
463
-
464
- #cancelled {
465
- border-bottom: solid 3px #2E382E;
466
- }
467
-
468
- body {
469
- margin-left: auto;
470
- margin-right: auto;
471
- max-width: 100%;
472
- font-size: 15px;
473
- font-weight: 300;
474
- line-height: 1.4em;
475
- color: #1d1d1d;
476
- background-color: #ffffff;
477
- }
478
- body main {
479
- margin: 0 3em 0 6em;
480
- }
481
-
482
- main {
483
- margin: 0 3em 0 6em;
484
- }
485
-
486
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
487
- font-family: {{bodyfont}};
488
- font-weight: 400;
489
- }
490
- #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
491
- margin: 0;
492
- padding: 0;
493
- list-style: none;
494
- }
495
- #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
496
- padding: 5px 10px;
497
- }
498
- #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
499
- color: #4D7EA5;
500
- text-decoration: none;
501
- display: block;
502
- }
503
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
504
- box-shadow: none;
505
- color: #4D7EA5;
506
- }
507
- #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
508
- padding-left: 30px;
509
- }
510
- #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
511
- padding-left: 50px;
512
- }
513
- #toc .h4, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h4 {
514
- padding-left: 70px;
515
- }
516
- #toc .h5, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h5 {
517
- padding-left: 90px;
518
- }
519
- #toc .h6, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h6 {
520
- padding-left: 110px;
521
- }
522
- #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 {
523
- background: #4D7EA5;
524
- box-shadow: inset -5px 0px 10px -5px #4D7EA5 !important;
525
- }
526
- #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 {
527
- color: #4D7EA5;
528
- }
529
- @media print {
530
- #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 {
531
- background: white;
532
- box-shadow: none !important;
533
- }
534
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
535
- color: #4D7EA5;
536
- }
537
- #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
538
- color: black;
539
- }
540
- }
541
- @media screen and (max-width: 768px) {
542
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
543
- padding: 0 1.5em;
544
- overflow: visible;
545
- }
546
- }
547
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
548
- color: white;
549
- }
550
- #toc li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li a {
551
- text-transform: none;
552
- }
553
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
554
- box-shadow: none;
555
- color: white;
556
- }
557
-
558
- #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
559
- margin-top: 0;
560
- margin-bottom: 0;
561
- font-size: 100%;
562
- }
563
-
564
- li {
565
- margin-left: 1em;
566
- list-style-position: outside;
567
- }
568
-
569
- @media screen and (min-width: 768px) {
570
- nav {
571
- position: fixed;
572
- top: 0;
573
- bottom: 0;
574
- left: 0;
575
- width: 323px;
576
- font-size: 0.9em;
577
- overflow: auto;
578
- padding: 0 0 0 30px;
579
- background-color: #f7f7f7;
580
- }
581
- }
582
- @media print {
583
- nav {
584
- position: relative;
585
- width: auto;
586
- font-size: 0.9em;
587
- overflow: auto;
588
- padding: 0;
589
- margin-right: 0;
590
- background-color: white;
591
- }
592
- }
593
-
594
- @media screen and (min-width: 768px) {
595
- #toggle {
596
- position: fixed;
597
- height: 100%;
598
- width: 30px;
599
- background-color: #4D7EA5;
600
- color: white !important;
601
- cursor: pointer;
602
- z-index: 100;
603
- }
604
- #toggle span {
605
- text-align: center;
606
- width: 100%;
607
- position: absolute;
608
- top: 50%;
609
- transform: translate(0, -50%);
610
- }
611
- }
612
- @media screen and (max-width: 768px) {
613
- #toggle {
614
- display: none;
615
- }
616
- }
617
- @media print {
618
- #toggle {
619
- display: none;
620
- }
621
- }
622
-
623
- /*
624
- 2. Responsive navigation layout
625
- */
626
- @media screen and (min-width: 768px) {
627
- .container {
628
- padding-left: 360px;
629
- }
630
- .rule.toc {
631
- display: none;
632
- }
633
- h1.toc-contents {
634
- margin-top: 1em;
635
- }
636
- ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
637
- padding: 0;
638
- margin: 0;
639
- }
640
- }
641
- /*
642
- Document types + stages
643
- */
644
- .document-type-band {
645
- left: 0;
646
- top: 180px;
647
- height: 100%;
648
- position: fixed;
649
- display: block;
650
- z-index: 102;
651
- }
652
- .document-type-band > :first-child {
653
- position: relative;
654
- width: 25px;
655
- font-weight: 400;
656
- color: white;
657
- text-transform: uppercase;
658
- font-size: 0.9em;
659
- font-weight: 400;
660
- letter-spacing: 0.05em;
661
- margin: 0;
662
- margin-left: 6px;
663
- writing-mode: tb-rl;
664
- -webkit-transform: rotate(180deg);
665
- -moz-transform: rotate(180deg);
666
- -o-transform: rotate(180deg);
667
- white-space: nowrap;
668
- display: block;
669
- bottom: 0;
670
- }
671
- @media print {
672
- .document-type-band {
673
- display: none;
674
- }
675
- }
676
- .document-type-band .document-type {
677
- top: 20px;
678
- }
679
-
680
- .document-stage-band {
681
- left: 0;
682
- top: 0;
683
- height: 100%;
684
- position: fixed;
685
- display: block;
686
- z-index: 101;
687
- box-shadow: -5px 0px 10px #1d1d1d;
688
- }
689
- .document-stage-band > :first-child {
690
- position: relative;
691
- width: 25px;
692
- font-weight: 400;
693
- height: 160px;
694
- color: white;
695
- text-transform: uppercase;
696
- font-size: 0.9em;
697
- font-weight: 400;
698
- letter-spacing: 0.05em;
699
- margin: 0;
700
- margin-left: 6px;
701
- writing-mode: tb-rl;
702
- -webkit-transform: rotate(180deg);
703
- -moz-transform: rotate(180deg);
704
- -o-transform: rotate(180deg);
705
- white-space: nowrap;
706
- display: block;
707
- bottom: 0;
708
- }
709
- @media print {
710
- .document-stage-band {
711
- display: none;
712
- }
713
- }
714
- .document-stage-band > :first-child {
715
- font-weight: 300;
716
- }
717
-
718
- p.document-stage {
719
- position: relative;
720
- width: 25px;
721
- font-weight: 400;
722
- height: 120px;
723
- color: white;
724
- text-transform: uppercase;
725
- font-size: 0.9em;
726
- font-weight: 400;
727
- letter-spacing: 0.05em;
728
- margin: 0;
729
- margin-left: 6px;
730
- writing-mode: tb-rl;
731
- -webkit-transform: rotate(180deg);
732
- -moz-transform: rotate(180deg);
733
- -o-transform: rotate(180deg);
734
- white-space: nowrap;
735
- display: block;
736
- bottom: 0;
737
- }
738
-
739
- #governance-band p.document-type {
740
- height: 230px !important;
741
- }
742
-
743
- p.document-stage {
744
- font-weight: 300;
745
- height: 160px;
746
- }
747
-
748
- dt {
749
- font-weight: 500;
750
- }
751
-
752
- #standard-band {
753
- color: #0ac442;
754
- background: none;
755
- }
756
-
757
- #standard {
758
- border-bottom: solid 3px #0ac442;
759
- }
760
-
761
- #governance {
762
- border-bottom: solid 3px #750697;
763
- }
764
-
765
- #governance-band {
766
- background-color: #750697;
767
- }
768
-
769
- #guide {
770
- border-bottom: solid 3px #48a0e7;
771
- }
772
-
773
- #guide-band {
774
- background-color: #48a0e7;
775
- }
776
-
777
- .coverpage-maturity {
778
- font-family: {{bodyfont}};
779
- font-weight: 400;
780
- font-size: 1em;
781
- margin: 0 0 2em 0;
782
- text-transform: uppercase;
783
- }
784
-
785
- #working-draft {
786
- border-bottom: solid 3px #fda706;
787
- }
788
-
789
- #working-draft-band {
790
- background: none;
791
- }
792
- #working-draft-band p {
793
- color: #fda706;
794
- }
795
-
796
- #committee-draft {
797
- border-bottom: solid 3px #fd06fd;
798
- }
799
-
800
- #committee-draft-band {
801
- background-color: #fd06fd;
802
- }
803
-
804
- #draft-standard {
805
- border-bottom: solid 3px #fdf906;
806
- }
807
-
808
- #draft-standard-band {
809
- background-color: #fdf906;
810
- }
811
-
812
- #standard {
813
- border-bottom: solid 3px #0ac442;
814
- }
815
-
816
- #obsolete {
817
- border-bottom: solid 3px #7e0d13;
818
- }
819
-
820
- #obsolete-band {
821
- background-color: #7e0d13;
822
- }
823
-
824
- /*
825
- 3. TYPOGRAPHY
826
- */
827
- /*
828
- 3.1 Titles
829
- */
830
- h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
831
- font-family: {{headerfont}};
832
- line-height: 1.2em;
833
- color: black;
834
- font-weight: 600;
835
- margin-top: 1.5em;
836
- margin-bottom: 0.3em;
837
- }
838
-
839
- h1, .h1 {
840
- font-size: 1.8em;
841
- text-transform: uppercase;
842
- /* margin-top: 2em;*/
843
- }
844
-
845
- h1#content, .h1#content {
846
- margin-top: 2em;
847
- }
848
-
849
- h2, .h2 {
850
- font-size: 1.6em;
851
- }
852
-
853
- h3, .h3 {
854
- font-size: 1.5em;
855
- }
856
-
857
- /*
858
- span[id^="toc"]::after {
859
- float: left;
860
- padding-right: 4px;
861
- margin-left: -20px;
862
- font-family: "Font Awesome 5 Free";
863
- font-weight: 900;
864
- font-size: 0.8em;
865
- color: #cfcfcf;
866
- content: "\f0c1";
867
- }
868
- */
869
- .TermNum, .Terms, .AltTerms {
870
- color: #00549f;
871
- font-weight: 400;
872
- }
873
-
874
- p.TermNum {
875
- font-size: 0.9em;
876
- line-height: 1em;
877
- margin: 0;
878
- margin-top: 2em;
879
- }
880
-
881
- p.Terms {
882
- font-size: 1.1em;
883
- line-height: 1.7em;
884
- margin: 0;
885
- }
886
-
887
- /*
888
- p.AltTerms {
889
- font-style: italic;
890
- margin: 0;
891
- }
892
- */
893
- span.obligation {
894
- font-weight: 400;
895
- }
896
-
897
- /*
898
- 3.2 Links
899
- */
900
- a, a:visited {
901
- text-decoration: none;
902
- color: #4D7EA5;
903
- }
904
-
905
- a:hover {
906
- color: white;
907
- background: #4D7EA5;
908
- box-shadow: 3px 0 0 #4D7EA5, -3px 0 0 #4D7EA5;
909
- }
910
-
911
- *::selection {
912
- background: #4D7EA5;
913
- color: white;
914
- }
915
-
916
- *::-moz-selection {
917
- background: #4D7EA5;
918
- color: white;
919
- }
920
-
921
- /*
922
- 3.3 Lists
923
- */
924
- ul, ol {
925
- margin-left: 1em;
926
- list-style-position: inside;
927
- }
928
-
929
- #toc ul {
930
- margin-bottom: 0.25em;
931
- }
932
-
933
- #toc li {
934
- list-style-type: none;
935
- }
936
-
937
- /*
938
- 3.4 Rules
939
- */
940
- .rule {
941
- width: 100%;
942
- height: 1px;
943
- background-color: #00427e;
944
- margin: 2em 0;
945
- }
946
-
947
- /*
948
- h2 p,.h2 p {
949
- display: inline;
950
- }
951
- */
952
- /*
953
- 3.5 Bibliograhy
954
- */
955
- p.Biblio, p.NormRef {
956
- margin-top: 1em;
957
- margin-left: 2em;
958
- text-indent: -2em;
959
- }
960
-
961
- /*
962
- 3.6 Source Code + figures
963
- */
964
- pre {
965
- font-family: {{monospacefont}};
966
- font-variant-ligatures: none;
967
- }
968
-
969
- .figure,
970
- pre,
971
- .pseudocode {
972
- color: rgb(91, 94, 95);
973
- background-color: #F5F6F6;
974
- font-size: {{monospacefontsize}};
975
- line-height: 1.6em;
976
- padding: 1.5em;
977
- margin: 2em 0 1em 0;
978
- overflow: auto;
979
- font-size: {{monospacefontsize}};
980
- border-left: solid 5px #B1B6B8;
981
- padding: 1.2em 1.2em 1.2em 2.2em;
982
- margin: 2em 0 2em -1em;
983
- }
984
- .figure .SourceTitle,
985
- pre .SourceTitle,
986
- .pseudocode .SourceTitle {
987
- font-weight: 700;
988
- font-size: 1em;
989
- text-align: center;
990
- }
991
-
992
- table div.figure {
993
- padding: 0;
994
- margin: 0;
995
- }
996
-
997
- .AdmonitionTitle {
998
- font-weight: 700;
999
- font-size: 1em;
1000
- text-align: center;
1001
- }
1002
-
1003
- .RecommendationTitle {
1004
- font-weight: 700;
1005
- font-size: 1em;
1006
- text-align: center;
1007
- }
1008
-
1009
- .ListTitle {
1010
- font-weight: 700;
1011
- font-size: 1em;
1012
- text-align: center;
1013
- text-align: left;
1014
- }
1015
-
1016
- .FigureTitle,
1017
- .SourceTitle {
1018
- font-weight: 700;
1019
- font-size: 1em;
1020
- text-align: center;
1021
- }
1022
-
1023
- /*
1024
- 3.7 Notes
1025
- */
1026
- .Note {
1027
- background-color: #F5F6F6;
1028
- border-left: solid 5px #B1B6B8;
1029
- color: rgb(91, 94, 95);
1030
- padding: 0.5em 1em;
1031
- }
1032
-
1033
- .Admonition {
1034
- background-color: #ffcccc;
1035
- border-left: solid 5px #B1B6B8;
1036
- color: rgb(91, 94, 95);
1037
- padding: 0.5em 1em;
1038
- }
1039
-
1040
- .note_label {
1041
- font-weight: 700;
1042
- }
1043
-
1044
- /*
1045
- 3.8 Examples
1046
- */
1047
- td.example,
1048
- td.example_label {
1049
- background-color: #F5F6F6;
1050
- color: rgb(91, 94, 95);
1051
- padding: 0;
1052
- }
1053
-
1054
- td > p.example {
1055
- margin: 0;
1056
- border-left: solid 5px #B1B6B8;
1057
- padding: 1em;
1058
- }
1059
-
1060
- td.example_label {
1061
- font-weight: 700;
1062
- font-size: {{normalfontsize}};
1063
- text-transform: uppercase;
1064
- text-align: center;
1065
- margin-top: 0;
1066
- }
1067
-
1068
- .example {
1069
- background-color: #F5F6F6;
1070
- padding: 0.5em;
1071
- margin: 2em 0 1em 0;
1072
- text-align: left;
1073
- color: #424242;
1074
- padding-left: 2em;
1075
- color: rgb(91, 94, 95);
1076
- }
1077
- .example p {
1078
- margin: 0;
1079
- }
1080
- .example .example-title {
1081
- font-weight: 700;
1082
- text-transform: uppercase;
1083
- margin-left: -1.5em;
1084
- }
1085
- .example .example-title {
1086
- margin-top: 0;
1087
- font-size: {{normalfontsize}};
1088
- }
1089
- .example pre,
1090
- .example .pseudocode {
1091
- background: none;
1092
- }
1093
-
1094
- /*
1095
- 3.9 Tables
1096
- */
1097
- table {
1098
- width: 100%;
1099
- font-weight: 300;
1100
- margin: 1em 0 2em 0;
1101
- margin-left: auto;
1102
- margin-right: auto;
1103
- padding-right: 2em;
1104
- }
1105
- table, table th, table td {
1106
- border: 1px solid black;
1107
- font-size: 0.95em;
1108
- }
1109
- table th, table td {
1110
- padding: 1em;
1111
- }
1112
- table td.header {
1113
- font-weight: 400;
1114
- }
1115
-
1116
- table,
1117
- th,
1118
- td {
1119
- border: none !important;
1120
- font-size: 1em;
1121
- }
1122
-
1123
- tr:nth-child(even) {
1124
- background-color: #FBF9F8;
1125
- }
1126
-
1127
- thead {
1128
- background-color: #4D7EA5;
1129
- color: white;
1130
- border: none;
1131
- }
1132
-
1133
- /*
1134
- 3.10 Footnotes
1135
- */
1136
- a.footnote-number {
1137
- vertical-align: super;
1138
- font-size: 0.8em;
1139
- }
1140
-
1141
- .footnote {
1142
- font-size: {{footnotefontsize}};
1143
- }
1144
-
1145
- /*
1146
- 3.11 Blockquotes
1147
- */
1148
- .Quote {
1149
- background-color: #F5F6F6;
1150
- font-style: italic;
1151
- width: 80%;
1152
- padding: 1.5em;
1153
- margin-top: 2em;
1154
- margin-left: auto;
1155
- margin-right: auto;
1156
- padding: 1.2em 1.2em 1.2em 2.2em;
1157
- margin: 2em 0 2em -1em;
1158
- border-left: solid 5px #B1B6B8;
1159
- }
1160
- .Quote .QuoteAttribution {
1161
- text-align: right;
1162
- }
1163
-
1164
- /*
1165
- 3.12 Formulas
1166
- */
1167
- .formula, .Formula {
1168
- background-color: #F5F6F6;
1169
- border-left: solid 5px #B1B6B8;
1170
- color: rgb(91, 94, 95);
1171
- padding: 1.2em 1.2em 1.2em 2.2em;
1172
- margin: 2em 0 2em -1em;
1173
- text-align: center;
1174
- }
1175
-
1176
- /*
1177
- 3.13 Contact Info
1178
- */
1179
- .contact-info {
1180
- background-color: #f7f7f7;
1181
- padding: 2em;
1182
- margin-top: 5em;
1183
- width: auto;
1184
- margin-left: auto;
1185
- margin-right: auto;
1186
- text-align: left;
1187
- }
1188
-
1189
- .contact-info p,
1190
- .contact-info a {
1191
- font-family: {{monospacefont}};
1192
- font-variant-ligatures: none;
1193
- font-weight: 400;
1194
- }
1195
-
1196
- .contact-info .name {
1197
- font-weight: 700;
1198
- font-size: 1.2em;
1199
- margin-bottom: 0;
1200
- }
1201
-
1202
- .contact-info .address {
1203
- font-size: 1em;
1204
- line-height: 1.3em;
1205
- margin-top: 0;
1206
- }
1207
-
1208
- /*
1209
- Keywords
1210
- */
1211
- span.keyword {
1212
- font-weight: 400;
1213
- }
1214
-
1215
- p {
1216
- font-size: {{normalfontsize}};
1217
- line-height: 1.5;
1218
- margin-top: 1em;
1219
- margin-bottom: 1em;
1220
- }
1221
-
1222
- /*
1223
- Paragraphs
1224
- */
1225
- p {
1226
- font-size: {{normalfontsize}};
1227
- line-height: 1.5;
1228
- margin-top: 1em;
1229
- margin-bottom: 1em;
1230
- }
1231
-
1232
- /* Admonitions */
1233
- .Admonition, .admonition {
1234
- background-color: #ffb3b3;
1235
- /* color: #47430c;*/
1236
- padding: 0.5em;
1237
- margin: 1.5em 0 1.5em 0;
1238
- text-align: left;
1239
- }
1240
-
1241
- .Admonition p, .admonition p {
1242
- margin: 0;
1243
- }
1244
-
1245
- /*
1246
- 4.0 Page header
1247
- */
1248
- /*
1249
- 4.1 Top Logo
1250
- */
1251
- /*
1252
- .wrapper-top {
1253
- background-color: #0e1a85;
1254
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAABYlAAAWJQFJUiTwAAADwUlEQVR4nO3YgQ2AMAwDwcAiWZ1NizrH30lIeIEq9nPOGSDqPgC7+93v/suy3Mmvhx+6VAAIcwFAmc4nyzYAIMgGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAIS5AKCs3oFk2QYAJNkAIMwFAGX1DiTLNgAgyQYAYS4AKKt3IFm2AQBJNgAIcwFAWb0DybINAEiyAUCYCwDK6h1Ilm0AQJINAMJcAFBW70CybAMAkmwAEOYCgLJ6B5JlGwCQZAOAMBcAlNU7kCzbAIAkGwCEuQCgrN6BZNkGACTZACDMBQBl9Q4kyzYAIMkGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAIS5AKCs3oFk2QYAJNkAIMwFAGX1DiTLNgAgyQYAYS4AKKt3IFm2AQBJNgAIcwFAWb0DybINAEiyAUCYCwDK6h1Ilm0AQJINAMJcAFBW70CybAMAkmwAEOYCgLJ6B5JlGwCQZAOAMBcAlNU7kCzbAIAkGwCEuQCgrN6BZNkGACTZACDMBQBl9Q4kyzYAIMkGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAFTNzA9ggAr9aahO8QAAAABJRU5ErkJggg==');
1255
- color: #ffffff;
1256
- padding: 2em 0;
1257
- }
1258
- */
1259
- .coverpage {
1260
- background: radial-gradient(#2D5D8E, #0D1E2B);
1261
- /*background-image: url("img/dots@2x.png");*/
1262
- color: #ffffff;
1263
- padding: 2em;
1264
- margin-left: 2em;
1265
- }
1266
-
1267
- .doc-number {
1268
- font-size: 1em;
1269
- font-family: {{bodyfont}};
1270
- }
1271
-
1272
- .coverpage-title {
1273
- padding-bottom: 0.5em;
1274
- font-family: {{headerfont}};
1275
- font-size: 1.5em;
1276
- font-weight: 900;
1277
- }
1278
-
1279
- .title-section1 {
1280
- padding: 0 2em 0 3em;
1281
- }
1282
-
1283
- .prefatory-section {
1284
- padding: 0 3em 0 3em;
1285
- }
1286
-
1287
- .zzSTDTitle1, .MsoCommentText {
1288
- display: none;
1289
- }
1290
-
1291
- .coverpage {
1292
- text-align: center;
1293
- }
1294
-
1295
- .coverpage-logo {
1296
- margin-bottom: 1em;
1297
- }
1298
-
1299
- .coverpage-logo span, .coverpage-tc-name span {
1300
- font-family: {{bodyfont}};
1301
- text-transform: uppercase;
1302
- font-weight: 300;
1303
- display: block;
1304
- }
1305
-
1306
- .coverpage-tc-name {
1307
- font-size: 1.2em;
1308
- line-height: 1.2em;
1309
- margin: 0.25em 0;
1310
- }
1311
-
1312
- .document-info {
1313
- padding: 2em;
1314
- text-align: center;
1315
- margin-left: 1em;
1316
- }
1317
-
1318
- /*
1319
- 4.2 Document Identity
1320
- */
1321
- .coverpage-doc-identity {
1322
- width: 100%;
1323
- height: 50px;
1324
- margin: 2em 0;
1325
- }
1326
-
1327
- .title-first {
1328
- font-size: 3em;
1329
- line-height: 1.5em;
1330
- font-weight: 900;
1331
- text-transform: uppercase;
1332
- text-decoration: underline solid #EE9C4F;
1333
- padding: 1em 0.5em;
1334
- }
1335
-
1336
- .title-second {
1337
- font-size: 2em;
1338
- line-height: 2em;
1339
- font-weight: 300;
1340
- letter-spacing: 1px;
1341
- }
1342
-
1343
- img.csa-logo {
1344
- height: 50px;
1345
- width: auto;
1346
- float: right;
1347
- margin-right: 2em;
1348
- }
1349
-
1350
- .coverpage-title .title-second {
1351
- display: none;
1352
- }
1353
-
1354
- .coverpage-stage-block {
1355
- font-family: {{bodyfont}};
1356
- font-weight: 700;
1357
- font-size: 1em;
1358
- margin: 1em 0em 1em 0em;
1359
- text-transform: uppercase;
1360
- }
1361
-
1362
- .section-title {
1363
- background: linear-gradient(#A5A8AB, #B1B6B8);
1364
- padding: 4em 2em 3em 5.5em;
1365
- margin: 4em -3em 3em -5em;
1366
- border-bottom: 8px solid #EE9C4F;
1367
- }
1368
-
1369
- .section-title .super-title {
1370
- font-size: 2em;
1371
- font-weight: 100;
1372
- line-height: 1em;
1373
- margin: 0;
1374
- color: white;
1375
- text-transform: uppercase;
1376
- }
1377
-
1378
- .section-title h1, .section-title .h1 {
1379
- font-size: 2em;
1380
- font-weight: 800;
1381
- line-height: 1em;
1382
- margin-top: 0.5em;
1383
- margin-bottom: 0;
1384
- color: white;
1385
- text-transform: none;
1386
- }
1387
-
1388
- h2, .h2 {
1389
- border-bottom: solid 1px #4D7EA5;
1390
- color: #4D7EA5;
1391
- }
1392
-
1393
- h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
1394
- color: #EE9C4F;
1395
- }
1396
-
1397
- /*
1398
- 4.3 Draft Warning
1399
- */
1400
- .coverpage-warning {
1401
- border-top: solid 1px #f36f36;
1402
- border-bottom: solid 1px #f36f36;
1403
- margin: 1em 2em;
1404
- color: #00549f;
1405
- padding: 1em;
1406
- }
1407
-
1408
- .coverpage-warning .title {
1409
- color: #f36f36;
1410
- font-family: {{headerfont}};
1411
- font-weight: 700;
1412
- text-transform: uppercase;
1413
- font-size: 1.2em;
1414
- }
1415
-
1416
- /*
1417
- 4.4 Copyright
1418
- */
1419
- .copyright {
1420
- padding: 1em;
1421
- font-size: 0.8em;
1422
- text-align: left;
1423
- }
1424
-
1425
- .copyright .name, .copyright .address {
1426
- color: #00549f;
1427
- }
1428
-
1429
- /*
1430
- 5.0 Other styles
1431
- */
1432
- /*
1433
- To top button
1434
- */
1435
- #myBtn {
1436
- font-family: {{monospacefont}};
1437
- font-variant-ligatures: none;
1438
- display: none;
1439
- position: fixed;
1440
- bottom: 20px;
1441
- right: 30px;
1442
- z-index: 99;
1443
- font-size: 12px;
1444
- border: none;
1445
- outline: none;
1446
- background-color: #1f8ca0;
1447
- opacity: 0.15;
1448
- color: white;
1449
- cursor: pointer;
1450
- padding: 10px 15px 10px 15px;
1451
- border-radius: 4px;
1452
- text-transform: uppercase;
1453
- }
1454
- #myBtn:hover {
1455
- opacity: 1;
1456
- }
1457
- @media print {
1458
- #myBtn {
1459
- display: none;
1460
- }
1461
- }
1462
- #myBtn a.anchorjs-link:hover {
1463
- background: none;
1464
- color: #4D7EA5;
1465
- box-shadow: none;
1466
- }
1467
-
1468
- nav h1:hover a::after {
1469
- display: none;
1470
- }
1471
-
1472
- .document-stage-band p {
1473
- color: #EE9C4F !important;
1474
- }
1475
-
1476
- .document-type-band p {
1477
- color: #4D7EA5 !important;
1478
- }
1479
-
1480
- .document-stage-band {
1481
- box-shadow: none;
1482
- }
1483
-
1484
- @page {
1485
- margin: 1cm;
1486
- }
1487
- @media print {
1488
- .section-title, .document-info, nav {
1489
- page-break-before: always;
1490
- }
1491
- .coverpage {
1492
- height: 23cm;
1493
- }
1494
- .coverpage-doc-identity {
1495
- position: absolute;
1496
- bottom: 1cm;
1497
- }
1498
- #toggle, .document-stage-band,
1499
- .document-type-band {
1500
- display: none;
1501
- }
1502
- .container {
1503
- padding-left: 0;
1504
- }
1505
- #toc .toc-active a {
1506
- color: #4D7EA5;
1507
- }
1508
- #toc .toc-active, #toc li:hover {
1509
- background: white;
1510
- box-shadow: none !important;
1511
- }
1512
- #toc li:hover a {
1513
- color: black;
1514
- }
1515
- h1.toc-contents {
1516
- margin-top: 2em;
1517
- }
1518
- }