metanorma-csa 2.1.7 → 2.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,1101 +0,0 @@
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: 15px;
241
- font-weight: 300;
242
- line-height: 1.4em;
243
- color: #1d1d1d;
244
- background-color: #ffffff; }
245
- body main {
246
- margin: 0 3em 0 6em; }
247
-
248
- main {
249
- margin: 0 3em 0 6em; }
250
-
251
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
252
- font-family: {{bodyfont}};
253
- font-weight: 400; }
254
- #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
255
- margin: 0;
256
- padding: 0;
257
- list-style: none; }
258
- #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
259
- padding: 5px 10px; }
260
- #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
261
- color: #4D7EA5;
262
- text-decoration: none;
263
- display: block; }
264
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
265
- box-shadow: none;
266
- color: #4D7EA5; }
267
- #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
268
- padding-left: 30px; }
269
- #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
270
- padding-left: 50px; }
271
- #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 {
272
- background: #4D7EA5;
273
- box-shadow: inset -5px 0px 10px -5px #4D7EA5 !important; }
274
- #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 {
275
- color: #4D7EA5; }
276
- @media print {
277
- #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 {
278
- background: white;
279
- box-shadow: none !important; }
280
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
281
- color: #4D7EA5; }
282
- #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
283
- color: black; } }
284
- @media screen and (max-width: 768px) {
285
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
286
- padding: 0 1.5em;
287
- overflow: visible; } }
288
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
289
- color: white; }
290
- #toc li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li a {
291
- text-transform: none; }
292
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
293
- box-shadow: none;
294
- color: white; }
295
-
296
- #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
297
- margin-top: 0;
298
- margin-bottom: 0;
299
- font-size: 100%; }
300
-
301
- li {
302
- margin-left: 1em;
303
- list-style-position: outside; }
304
-
305
- @media screen and (min-width: 768px) {
306
- nav {
307
- position: fixed;
308
- top: 0;
309
- bottom: 0;
310
- left: 0;
311
- width: 323px;
312
- font-size: 0.9em;
313
- overflow: auto;
314
- padding: 0 0 0 45px;
315
- background-color: #f7f7f7; } }
316
-
317
- @media print {
318
- nav {
319
- position: relative;
320
- width: auto;
321
- font-size: 0.9em;
322
- overflow: auto;
323
- padding: 0;
324
- margin-right: 0;
325
- background-color: white; } }
326
-
327
- @media screen and (min-width: 768px) {
328
- #toggle {
329
- position: fixed;
330
- height: 100%;
331
- width: 30px;
332
- background-color: #4D7EA5;
333
- color: white !important;
334
- cursor: pointer;
335
- z-index: 100; }
336
- #toggle span {
337
- text-align: center;
338
- width: 100%;
339
- position: absolute;
340
- top: 50%;
341
- transform: translate(0, -50%); } }
342
-
343
- @media screen and (max-width: 768px) {
344
- #toggle {
345
- display: none; } }
346
-
347
- @media print {
348
- #toggle {
349
- display: none; } }
350
-
351
- /*
352
- 2. Responsive navigation layout
353
- */
354
- @media screen and (min-width: 768px) {
355
- .container {
356
- padding-left: 360px; }
357
- .rule.toc {
358
- display: none; }
359
- h1.toc-contents {
360
- margin-top: 1em; }
361
- ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
362
- padding: 0;
363
- margin: 0; } }
364
-
365
- /*
366
- Document types + stages
367
- */
368
- .document-type-band {
369
- left: 0;
370
- top: 180px;
371
- height: 100%;
372
- position: fixed;
373
- display: block;
374
- z-index: 102; }
375
- .document-type-band > :first-child {
376
- position: relative;
377
- width: 25px;
378
- font-weight: 400;
379
- color: white;
380
- text-transform: uppercase;
381
- font-size: 0.9em;
382
- font-weight: 400;
383
- letter-spacing: 0.05em;
384
- margin: 0;
385
- margin-left: 6px;
386
- writing-mode: tb-rl;
387
- -webkit-transform: rotate(180deg);
388
- -moz-transform: rotate(180deg);
389
- -o-transform: rotate(180deg);
390
- white-space: nowrap;
391
- display: block;
392
- bottom: 0; }
393
- @media print {
394
- .document-type-band {
395
- display: none; } }
396
- .document-type-band .document-type {
397
- top: 20px; }
398
-
399
- .document-stage-band {
400
- left: 0;
401
- top: 0;
402
- height: 100%;
403
- position: fixed;
404
- display: block;
405
- z-index: 101;
406
- box-shadow: -5px 0px 10px #1d1d1d; }
407
- .document-stage-band > :first-child {
408
- position: relative;
409
- width: 25px;
410
- font-weight: 400;
411
- height: 160px;
412
- color: white;
413
- text-transform: uppercase;
414
- font-size: 0.9em;
415
- font-weight: 400;
416
- letter-spacing: 0.05em;
417
- margin: 0;
418
- margin-left: 6px;
419
- writing-mode: tb-rl;
420
- -webkit-transform: rotate(180deg);
421
- -moz-transform: rotate(180deg);
422
- -o-transform: rotate(180deg);
423
- white-space: nowrap;
424
- display: block;
425
- bottom: 0; }
426
- @media print {
427
- .document-stage-band {
428
- display: none; } }
429
- .document-stage-band > :first-child {
430
- font-weight: 300; }
431
-
432
- p.document-stage {
433
- position: relative;
434
- width: 25px;
435
- font-weight: 400;
436
- height: 120px;
437
- color: white;
438
- text-transform: uppercase;
439
- font-size: 0.9em;
440
- font-weight: 400;
441
- letter-spacing: 0.05em;
442
- margin: 0;
443
- margin-left: 6px;
444
- writing-mode: tb-rl;
445
- -webkit-transform: rotate(180deg);
446
- -moz-transform: rotate(180deg);
447
- -o-transform: rotate(180deg);
448
- white-space: nowrap;
449
- display: block;
450
- bottom: 0; }
451
-
452
- #governance-band p.document-type {
453
- height: 230px !important; }
454
-
455
- p.document-stage {
456
- font-weight: 300;
457
- height: 160px; }
458
-
459
- dt {
460
- font-weight: 500; }
461
-
462
- #standard-band {
463
- color: #0ac442;
464
- background: none; }
465
-
466
- #standard {
467
- border-bottom: solid 3px #0ac442; }
468
-
469
- #governance {
470
- border-bottom: solid 3px #750697; }
471
-
472
- #governance-band {
473
- background-color: #750697; }
474
-
475
- #guide {
476
- border-bottom: solid 3px #48a0e7; }
477
-
478
- #guide-band {
479
- background-color: #48a0e7; }
480
-
481
- .coverpage-maturity {
482
- font-family: {{bodyfont}};
483
- font-weight: 400;
484
- font-size: 1em;
485
- margin: 0 0 2em 0;
486
- text-transform: uppercase; }
487
-
488
- #working-draft {
489
- border-bottom: solid 3px #fda706; }
490
-
491
- #working-draft-band {
492
- background: none; }
493
- #working-draft-band p {
494
- color: #fda706; }
495
-
496
- #committee-draft {
497
- border-bottom: solid 3px #fd06fd; }
498
-
499
- #committee-draft-band {
500
- background-color: #fd06fd; }
501
-
502
- #draft-standard {
503
- border-bottom: solid 3px #fdf906; }
504
-
505
- #draft-standard-band {
506
- background-color: #fdf906; }
507
-
508
- #standard {
509
- border-bottom: solid 3px #0ac442; }
510
-
511
- #obsolete {
512
- border-bottom: solid 3px #7e0d13; }
513
-
514
- #obsolete-band {
515
- background-color: #7e0d13; }
516
-
517
- /*
518
- 3. TYPOGRAPHY
519
- */
520
- /*
521
- 3.1 Titles
522
- */
523
- h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
524
- font-family: {{headerfont}};
525
- line-height: 1.2em;
526
- color: black;
527
- font-weight: 600;
528
- margin-top: 1.5em;
529
- margin-bottom: 0.3em; }
530
-
531
- h1, .h1 {
532
- font-size: 1.8em;
533
- text-transform: uppercase;
534
- /* margin-top: 2em;*/ }
535
-
536
- h1#content, #content.h1 {
537
- margin-top: 2em; }
538
-
539
- h2, .h2 {
540
- font-size: 1.6em; }
541
-
542
- h3, .h3 {
543
- font-size: 1.5em; }
544
-
545
- /*
546
- span[id^="toc"]:after {
547
- float: left;
548
- padding-right: 4px;
549
- margin-left: -20px;
550
- font-family: "Font Awesome 5 Free";
551
- font-weight: 900;
552
- font-size: 0.8em;
553
- color: #cfcfcf;
554
- content: "\f0c1";
555
- }
556
- */
557
- .TermNum, .Terms, .AltTerms {
558
- color: #00549f;
559
- font-weight: 400; }
560
-
561
- p.TermNum {
562
- font-size: 0.9em;
563
- line-height: 1em;
564
- margin: 0;
565
- margin-top: 2em; }
566
-
567
- p.Terms {
568
- font-size: 1.1em;
569
- line-height: 1.7em;
570
- margin: 0; }
571
-
572
- /*
573
- p.AltTerms {
574
- font-style: italic;
575
- margin: 0;
576
- }
577
- */
578
- span.obligation {
579
- font-weight: 400; }
580
-
581
- /*
582
- 3.2 Links
583
- */
584
- a, a:visited {
585
- text-decoration: none;
586
- color: #4D7EA5; }
587
-
588
- a:hover {
589
- color: white;
590
- background: #4D7EA5;
591
- box-shadow: 3px 0 0 #4D7EA5, -3px 0 0 #4D7EA5; }
592
-
593
- ::selection,
594
- ::-moz-selection {
595
- background: #4D7EA5;
596
- color: white; }
597
-
598
- /*
599
- 3.3 Lists
600
- */
601
- ul, ol {
602
- margin-left: 1em;
603
- list-style-position: inside; }
604
-
605
- #toc ul {
606
- margin-bottom: 0.25em; }
607
-
608
- #toc li {
609
- list-style-type: none; }
610
-
611
- /*
612
- 3.4 Rules
613
- */
614
- .rule {
615
- width: 100%;
616
- height: 1px;
617
- background-color: #00427e;
618
- margin: 2em 0; }
619
-
620
- /*
621
- h2 p,.h2 p {
622
- display: inline;
623
- }
624
- */
625
- /*
626
- 3.5 Bibliograhy
627
- */
628
- p.Biblio, p.NormRef {
629
- margin-top: 1em;
630
- margin-left: 2em;
631
- text-indent: -2em; }
632
-
633
- /*
634
- 3.6 Source Code + figures
635
- */
636
- pre {
637
- font-family: {{monospacefont}};
638
- font-variant-ligatures: none; }
639
-
640
- .figure,
641
- pre,
642
- .pseudocode {
643
- color: #5b5e5f;
644
- background-color: #F5F6F6;
645
- font-size: {{monospacefontsize}};
646
- line-height: 1.6em;
647
- padding: 1.5em;
648
- margin: 2em 0 1em 0;
649
- overflow: auto;
650
- font-size: {{monospacefontsize}};
651
- border-left: solid 5px #B1B6B8;
652
- padding: 1.2em 1.2em 1.2em 2.2em;
653
- margin: 2em 0 2em -1em; }
654
- .figure .SourceTitle,
655
- pre .SourceTitle,
656
- .pseudocode .SourceTitle {
657
- font-weight: 700;
658
- font-size: 1em;
659
- text-align: center; }
660
-
661
- .AdmonitionTitle {
662
- font-weight: 700;
663
- font-size: 1em;
664
- text-align: center; }
665
-
666
- .RecommendationTitle {
667
- font-weight: 700;
668
- font-size: 1em;
669
- text-align: center; }
670
-
671
- .ListTitle {
672
- font-weight: 700;
673
- font-size: 1em;
674
- text-align: center;
675
- text-align: left; }
676
-
677
- .FigureTitle,
678
- .SourceTitle {
679
- font-weight: 700;
680
- font-size: 1em;
681
- text-align: center; }
682
-
683
- /*
684
- 3.7 Notes
685
- */
686
- .Note {
687
- background-color: #F5F6F6;
688
- border-left: solid 5px #B1B6B8;
689
- color: #5b5e5f;
690
- padding: 0.5em 1em; }
691
-
692
- .Admonition {
693
- background-color: #ffcccc;
694
- border-left: solid 5px #B1B6B8;
695
- color: #5b5e5f;
696
- padding: 0.5em 1em; }
697
-
698
- .note_label {
699
- font-weight: 700; }
700
-
701
- /*
702
- 3.8 Examples
703
- */
704
- td.example,
705
- td.example_label {
706
- background-color: #F5F6F6;
707
- color: #5b5e5f;
708
- padding: 0; }
709
-
710
- td > p.example {
711
- margin: 0;
712
- border-left: solid 5px #B1B6B8;
713
- padding: 1em; }
714
-
715
- td.example_label {
716
- font-weight: 700;
717
- font-size: {{normalfontsize}};
718
- text-transform: uppercase;
719
- text-align: center;
720
- margin-top: 0; }
721
-
722
- .example {
723
- background-color: #F5F6F6;
724
- padding: 0.5em;
725
- margin: 2em 0 1em 0;
726
- text-align: left;
727
- color: #424242;
728
- padding-left: 2em;
729
- color: #5b5e5f; }
730
- .example p {
731
- margin: 0; }
732
- .example .example-title {
733
- font-weight: 700;
734
- text-transform: uppercase;
735
- margin-left: -1.5em; }
736
- .example .example-title {
737
- margin-top: 0;
738
- font-size: {{normalfontsize}}; }
739
- .example pre,
740
- .example .pseudocode {
741
- background: none; }
742
-
743
- /*
744
- 3.9 Tables
745
- */
746
- table {
747
- width: 100%;
748
- font-weight: 300;
749
- margin: 1em 0 2em 0;
750
- margin-left: auto;
751
- margin-right: auto;
752
- padding-right: 2em; }
753
- table, table th, table td {
754
- border: 1px solid black;
755
- font-size: 0.95em; }
756
- table th, table td {
757
- padding: 1em; }
758
- table td.header {
759
- font-weigth: 400; }
760
-
761
- table,
762
- th,
763
- td {
764
- border: none !important;
765
- font-size: 1em; }
766
-
767
- tr:nth-child(even) {
768
- background-color: #FBF9F8; }
769
-
770
- thead {
771
- background-color: #4D7EA5;
772
- color: white;
773
- border: none; }
774
-
775
- /*
776
- 3.10 Footnotes
777
- */
778
- a.footnote-number {
779
- vertical-align: super;
780
- font-size: 0.8em; }
781
-
782
- .footnote {
783
- font-size: {{footnotefontsize}}; }
784
-
785
- /*
786
- 3.11 Blockquotes
787
- */
788
- .Quote {
789
- background-color: #F5F6F6;
790
- font-style: italic;
791
- width: 80%;
792
- padding: 1.5em;
793
- margin-top: 2em;
794
- margin-left: auto;
795
- margin-right: auto;
796
- padding: 1.2em 1.2em 1.2em 2.2em;
797
- margin: 2em 0 2em -1em;
798
- border-left: solid 5px #B1B6B8; }
799
- .Quote .QuoteAttribution {
800
- text-align: right; }
801
-
802
- /*
803
- 3.12 Formulas
804
- */
805
- .formula, .Formula {
806
- background-color: #F5F6F6;
807
- border-left: solid 5px #B1B6B8;
808
- color: #5b5e5f;
809
- padding: 1.2em 1.2em 1.2em 2.2em;
810
- margin: 2em 0 2em -1em;
811
- text-align: center; }
812
-
813
- /*
814
- 3.13 Contact Info
815
- */
816
- .contact-info {
817
- background-color: #f7f7f7;
818
- padding: 2em;
819
- margin-top: 5em;
820
- width: auto;
821
- margin-left: auto;
822
- margin-right: auto;
823
- text-align: left; }
824
-
825
- .contact-info p,
826
- .contact-info a {
827
- font-family: {{monospacefont}};
828
- font-variant-ligatures: none;
829
- font-weight: 400; }
830
-
831
- .contact-info .name {
832
- font-weight: 700;
833
- font-size: 1.2em;
834
- margin-bottom: 0; }
835
-
836
- .contact-info .address {
837
- font-size: 1em;
838
- line-height: 1.3em;
839
- margin-top: 0; }
840
-
841
- /*
842
- Keywords
843
- */
844
- span.keyword {
845
- font-weight: 400; }
846
-
847
- p {
848
- font-size: {{normalfontsize}};
849
- line-height: 1.5;
850
- margin-top: 1em;
851
- margin-bottom: 1em; }
852
-
853
- /*
854
- Paragraphs
855
- */
856
- p {
857
- font-size: {{normalfontsize}};
858
- line-height: 1.5;
859
- margin-top: 1em;
860
- margin-bottom: 1em; }
861
-
862
- /* Admonitions */
863
- .Admonition, .admonition {
864
- background-color: #ffb3b3;
865
- /* color: #47430c;*/
866
- padding: 0.5em;
867
- margin: 1.5em 0 1.5em 0;
868
- text-align: left; }
869
-
870
- .Admonition p, .admonition p {
871
- margin: 0; }
872
-
873
- /*
874
- 4.0 Page header
875
- */
876
- /*
877
- 4.1 Top Logo
878
- */
879
- /*
880
- .wrapper-top {
881
- background-color: #0e1a85;
882
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAABYlAAAWJQFJUiTwAAADwUlEQVR4nO3YgQ2AMAwDwcAiWZ1NizrH30lIeIEq9nPOGSDqPgC7+93v/suy3Mmvhx+6VAAIcwFAmc4nyzYAIMgGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAIS5AKCs3oFk2QYAJNkAIMwFAGX1DiTLNgAgyQYAYS4AKKt3IFm2AQBJNgAIcwFAWb0DybINAEiyAUCYCwDK6h1Ilm0AQJINAMJcAFBW70CybAMAkmwAEOYCgLJ6B5JlGwCQZAOAMBcAlNU7kCzbAIAkGwCEuQCgrN6BZNkGACTZACDMBQBl9Q4kyzYAIMkGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAIS5AKCs3oFk2QYAJNkAIMwFAGX1DiTLNgAgyQYAYS4AKKt3IFm2AQBJNgAIcwFAWb0DybINAEiyAUCYCwDK6h1Ilm0AQJINAMJcAFBW70CybAMAkmwAEOYCgLJ6B5JlGwCQZAOAMBcAlNU7kCzbAIAkGwCEuQCgrN6BZNkGACTZACDMBQBl9Q4kyzYAIMkGAGEuACirdyBZtgEASTYACHMBQFm9A8myDQBIsgFAmAsAyuodSJZtAECSDQDCXABQVu9AsmwDAJJsABDmAoCyegeSZRsAkGQDgDAXAJTVO5As2wCAJBsAhLkAoKzegWTZBgAk2QAgzAUAZfUOJMs2ACDJBgBhLgAoq3cgWbYBAEk2AAhzAUBZvQPJsg0ASLIBQJgLAMrqHUiWbQBAkg0AwlwAUFbvQLJsAwCSbAAQ5gKAsnoHkmUbAJBkA4AwFwCU1TuQLNsAgCQbAFTNzA9ggAr9aahO8QAAAABJRU5ErkJggg==');
883
- color: #ffffff;
884
- padding: 2em 0;
885
- }
886
- */
887
- .coverpage {
888
- background: radial-gradient(#2D5D8E, #0D1E2B);
889
- /*background-image: url("img/dots@2x.png");*/
890
- color: #ffffff;
891
- padding: 2em;
892
- margin-left: 2em; }
893
-
894
- .doc-number {
895
- font-size: 1em;
896
- font-family: {{bodyfont}}; }
897
-
898
- .coverpage-title {
899
- padding-bottom: 0.5em;
900
- font-family: {{headerfont}};
901
- font-size: 1.5em;
902
- font-weight: 900; }
903
-
904
- .title-section1 {
905
- padding: 0 2em 0 3em; }
906
-
907
- .prefatory-section {
908
- padding: 0 3em 0 3em; }
909
-
910
- .zzSTDTitle1, .MsoCommentText {
911
- display: none; }
912
-
913
- .coverpage {
914
- text-align: center; }
915
-
916
- .coverpage-logo {
917
- margin-bottom: 1em; }
918
-
919
- .coverpage-logo span, .coverpage-tc-name span {
920
- font-family: {{bodyfont}};
921
- text-transform: uppercase;
922
- font-weight: 300;
923
- display: block; }
924
-
925
- .coverpage-tc-name {
926
- font-size: 1.2em;
927
- line-height: 1.2em;
928
- margin: 0.25em 0; }
929
-
930
- .document-info {
931
- padding: 2em;
932
- text-align: center;
933
- margin-left: 1em; }
934
-
935
- /*
936
- 4.2 Document Identity
937
- */
938
- .coverpage-doc-identity {
939
- width: 100%;
940
- height: 50px;
941
- margin: 2em 0; }
942
-
943
- .title-first {
944
- font-size: 3em;
945
- line-height: 1.5em;
946
- font-weight: 900;
947
- text-transform: uppercase;
948
- text-decoration: underline solid #EE9C4F;
949
- padding: 1em 0.5em; }
950
-
951
- .title-second {
952
- font-size: 2em;
953
- line-height: 2em;
954
- font-weight: 300;
955
- letter-spacing: 1px; }
956
-
957
- img.csa-logo {
958
- height: 50px;
959
- width: auto;
960
- float: right;
961
- margin-right: 2em; }
962
-
963
- .coverpage-title .title-second {
964
- display: none; }
965
-
966
- .coverpage-stage-block {
967
- font-family: {{bodyfont}};
968
- font-weight: 700;
969
- font-size: 1em;
970
- margin: 1em 0em 1em 0em;
971
- text-transform: uppercase; }
972
-
973
- .section-title {
974
- background: linear-gradient(#A5A8AB, #B1B6B8);
975
- padding: 4em 2em 3em 5.5em;
976
- margin: 4em -3em 3em -5em;
977
- border-bottom: 8px solid #EE9C4F; }
978
-
979
- .section-title .super-title {
980
- font-size: 2em;
981
- font-weight: 100;
982
- line-height: 1em;
983
- margin: 0;
984
- color: white;
985
- text-transform: uppercase; }
986
-
987
- .section-title h1, .section-title .h1 {
988
- font-size: 2em;
989
- font-weight: 800;
990
- line-height: 1em;
991
- margin-top: 0.5em;
992
- margin-bottom: 0;
993
- color: white;
994
- text-transform: none; }
995
-
996
- h2, .h2 {
997
- border-bottom: solid 1px #4D7EA5;
998
- color: #4D7EA5; }
999
-
1000
- h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
1001
- color: #EE9C4F; }
1002
-
1003
- /*
1004
- 4.3 Draft Warning
1005
- */
1006
- .coverpage-warning {
1007
- border-top: solid 1px #f36f36;
1008
- border-bottom: solid 1px #f36f36;
1009
- margin: 1em 2em;
1010
- color: #00549f;
1011
- padding: 1em; }
1012
-
1013
- .coverpage-warning .title {
1014
- color: #f36f36;
1015
- font-family: {{headerfont}};
1016
- font-weight: 700;
1017
- text-transform: uppercase;
1018
- font-size: 1.2em; }
1019
-
1020
- /*
1021
- 4.4 Copyright
1022
- */
1023
- .copyright {
1024
- padding: 1em;
1025
- font-size: 0.8em;
1026
- text-align: left; }
1027
-
1028
- .copyright .name, .copyright .address {
1029
- color: #00549f; }
1030
-
1031
- /*
1032
- 5.0 Other styles
1033
- */
1034
- /*
1035
- To top button
1036
- */
1037
- #myBtn {
1038
- font-family: {{monospacefont}};
1039
- font-variant-ligatures: none;
1040
- display: none;
1041
- position: fixed;
1042
- bottom: 20px;
1043
- right: 30px;
1044
- z-index: 99;
1045
- font-size: 12px;
1046
- border: none;
1047
- outline: none;
1048
- background-color: #1f8ca0;
1049
- opacity: 0.15;
1050
- color: white;
1051
- cursor: pointer;
1052
- padding: 10px 15px 10px 15px;
1053
- border-radius: 4px;
1054
- text-transform: uppercase; }
1055
- #myBtn:hover {
1056
- opacity: 1; }
1057
- @media print {
1058
- #myBtn {
1059
- display: none; } }
1060
- #myBtn a.anchorjs-link:hover {
1061
- background: none;
1062
- color: #4D7EA5;
1063
- box-shadow: none; }
1064
-
1065
- nav h1:hover a:after {
1066
- display: none; }
1067
-
1068
- .document-stage-band p {
1069
- color: #EE9C4F !important; }
1070
-
1071
- .document-type-band p {
1072
- color: #4D7EA5 !important; }
1073
-
1074
- .document-stage-band {
1075
- box-shadow: none; }
1076
-
1077
- @page {
1078
- margin: 1cm; }
1079
-
1080
- @media print {
1081
- .section-title, .document-info, nav {
1082
- page-break-before: always; }
1083
- .coverpage {
1084
- height: 23cm; }
1085
- .coverpage-doc-identity {
1086
- position: absolute;
1087
- bottom: 1cm; }
1088
- #toggle, .document-stage-band,
1089
- .document-type-band {
1090
- display: none; }
1091
- .container {
1092
- padding-left: 0; }
1093
- #toc .toc-active a {
1094
- color: #4D7EA5; }
1095
- #toc .toc-active, #toc li:hover {
1096
- background: white;
1097
- box-shadow: none !important; }
1098
- #toc li:hover a {
1099
- color: black; }
1100
- h1.toc-contents {
1101
- margin-top: 2em; } }