metanorma-iec 2.1.8 → 2.1.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1017 @@
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
+ line-height: 1.3; }
238
+
239
+ /* New CSS */
240
+ body {
241
+ margin-left: 298px;
242
+ margin-right: 2em; }
243
+
244
+ main {
245
+ padding-left: 4em;
246
+ padding-right: 2em; }
247
+
248
+ .title-section, .prefatory-section {
249
+ padding-left: 4em;
250
+ padding-top: 2em; }
251
+
252
+ .coverpage_docnumber, .coverpage_techcommittee {
253
+ text-align: right;
254
+ font-size: 0.9em;
255
+ line-height: 0.5em; }
256
+
257
+ .doctitle-en, .doctitle-fr {
258
+ margin-top: 2em;
259
+ text-align: left; }
260
+
261
+ .doctitle-en {
262
+ padding-left: 3em;
263
+ margin-left: -3em;
264
+ /*padding-top: 2em;*/
265
+ padding-bottom: 2em; }
266
+
267
+ .doctitle-en span {
268
+ font-size: 2em;
269
+ line-height: 1.5em; }
270
+
271
+ .doctitle-fr span {
272
+ font-size: 1.5em;
273
+ line-height: 1.2em;
274
+ font-style: italic; }
275
+
276
+ .doctitle-part {
277
+ margin-top: 1em; }
278
+
279
+ /*
280
+ span.title {
281
+ text-transform: uppercase;
282
+ font-size: 1em;
283
+ font-weight: 800;
284
+ }
285
+ */
286
+ span.title, span.subtitle, span.part {
287
+ font-weight: 800; }
288
+
289
+ span.partlabel {
290
+ display: block; }
291
+
292
+ .coverpage_docstage {
293
+ margin-top: 2em;
294
+ margin-bottom: 2em; }
295
+
296
+ .coverpage_warning {
297
+ font-size: 0.9em;
298
+ font-style: italic;
299
+ padding-bottom: 1em; }
300
+
301
+ .boilerplate-copyright p {
302
+ margin-top: 1em;
303
+ display: block; }
304
+
305
+ #boilerplate-message, #boilerplate-name,
306
+ #boilerplate-address {
307
+ font-size: 0.9em; }
308
+
309
+ /* TYPOGRAPHY */
310
+ h1, .h1 {
311
+ font-size: 1.5em;
312
+ line-height: 2em;
313
+ margin-top: 2em;
314
+ margin-bottom: 1em; }
315
+
316
+ h2, .h2 {
317
+ font-size: 1.2em;
318
+ line-height: 1.5em;
319
+ margin-top: 2em;
320
+ margin-bottom: 1em; }
321
+
322
+ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
323
+ line-height: 1.2; }
324
+
325
+ p {
326
+ margin-top: 1em;
327
+ margin-bottom: 1em; }
328
+
329
+ p.zzSTDTitle1 {
330
+ font-weight: 700;
331
+ font-size: 1.5em;
332
+ text-transform: uppercase; }
333
+
334
+ .zzSTDTitle2 {
335
+ font-weight: 700;
336
+ font-size: 1.5em; }
337
+
338
+ span.obligation {
339
+ font-weight: 400; }
340
+
341
+ a {
342
+ color: black;
343
+ text-decoration-color: black; }
344
+
345
+ nav a {
346
+ text-decoration: none;
347
+ color: black; }
348
+
349
+ h2 p, .h2 p {
350
+ display: inline; }
351
+
352
+ ul > li {
353
+ list-style: none; }
354
+
355
+ ul > li > p:first-child:before {
356
+ content: "\2014";
357
+ display: inline-block;
358
+ width: 1em;
359
+ margin-left: -1.5em;
360
+ margin-right: 0.5em; }
361
+
362
+ li p {
363
+ /* display: inline-block; */
364
+ margin-bottom: 0.6em;
365
+ line-height: 1.2; }
366
+
367
+ #toc li:before {
368
+ content: " ";
369
+ display: none; }
370
+
371
+ p.AltTerms {
372
+ margin-bottom: 0;
373
+ font-style: italic;
374
+ margin-left: 2em; }
375
+
376
+ p.Terms {
377
+ margin-top: 0em; }
378
+
379
+ p.TermNum {
380
+ font-weight: bold; }
381
+
382
+ /* Navigation*/
383
+ @media screen and (min-width: 768px) {
384
+ nav {
385
+ position: fixed;
386
+ top: 0;
387
+ bottom: 0;
388
+ left: 0;
389
+ width: 278px;
390
+ font-size: 0.9em;
391
+ overflow: auto;
392
+ padding: 0 0 0 20px;
393
+ background-color: #f5faff; } }
394
+
395
+ @media print {
396
+ nav {
397
+ position: relative;
398
+ width: auto;
399
+ font-size: 0.9em;
400
+ overflow: auto;
401
+ padding: 0;
402
+ margin-right: 0;
403
+ background-color: white; } }
404
+
405
+ @media screen and (min-width: 768px) {
406
+ #toggle {
407
+ position: fixed;
408
+ height: 100%;
409
+ width: 30px;
410
+ background-color: #f5faff;
411
+ color: black !important;
412
+ cursor: pointer;
413
+ z-index: 100; }
414
+ #toggle span {
415
+ text-align: center;
416
+ width: 100%;
417
+ position: absolute;
418
+ top: 50%;
419
+ transform: translate(0, -50%); } }
420
+
421
+ @media screen and (max-width: 768px) {
422
+ #toggle {
423
+ display: none; } }
424
+
425
+ @media print {
426
+ #toggle {
427
+ display: none; } }
428
+
429
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
430
+ font-family: {{bodyfont}};
431
+ font-weight: 400; }
432
+ #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
433
+ margin: 0;
434
+ padding: 0;
435
+ list-style: none; }
436
+ #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
437
+ padding: 5px 10px; }
438
+ #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
439
+ color: black;
440
+ text-decoration: none;
441
+ display: block; }
442
+ #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
443
+ box-shadow: none;
444
+ color: black; }
445
+ #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
446
+ padding-left: 30px; }
447
+ #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
448
+ padding-left: 50px; }
449
+ #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 {
450
+ background: black;
451
+ box-shadow: inset -5px 0px 10px -5px black !important; }
452
+ #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 {
453
+ color: black; }
454
+ @media print {
455
+ #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 {
456
+ background: white;
457
+ box-shadow: none !important; }
458
+ #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
459
+ color: black; }
460
+ #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
461
+ color: black; } }
462
+ @media screen and (max-width: 768px) {
463
+ #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
464
+ padding: 0 1.5em;
465
+ overflow: visible; } }
466
+ #toc .toc-active,
467
+ #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active,
468
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
469
+ box-shadow: 0px 1px 0px 0px black !important;
470
+ color: black;
471
+ background: none; }
472
+ #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
473
+ box-shadow: none;
474
+ color: black; }
475
+
476
+ #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
477
+ margin-top: 0;
478
+ margin-bottom: 0;
479
+ font-size: 100%; }
480
+
481
+ @media screen and (min-width: 768px) {
482
+ nav {
483
+ line-height: 1.2em; }
484
+ #toggle {
485
+ border-right: solid black 1px;
486
+ margin-left: -4em;
487
+ margin-top: -2em; }
488
+ .container {
489
+ padding-left: 360px; }
490
+ .rule.toc {
491
+ display: none; }
492
+ h1.toc-contents {
493
+ margin-top: 1em; }
494
+ ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
495
+ padding: 0;
496
+ margin: 0; } }
497
+
498
+ @media screen and (max-width: 768px) {
499
+ #toggle {
500
+ display: none;
501
+ margin-left: -4em;
502
+ margin-top: -2em; }
503
+ body {
504
+ margin-left: 2em; }
505
+ main {
506
+ padding: 0; }
507
+ .title-section, .prefatory-section {
508
+ padding-left: 0;
509
+ padding-top: 0;
510
+ width: 100%; } }
511
+
512
+ div.figure > img {
513
+ margin-left: auto;
514
+ margin-right: auto;
515
+ display: block;
516
+ max-width: 100%;
517
+ height: auto; }
518
+
519
+ /*
520
+ Document types + stages
521
+ */
522
+ .document-type-band {
523
+ left: 0;
524
+ top: 180px;
525
+ height: 100%;
526
+ position: fixed;
527
+ display: block;
528
+ z-index: 102; }
529
+ .document-type-band > :first-child {
530
+ position: relative;
531
+ width: 25px;
532
+ font-weight: 400;
533
+ color: white;
534
+ text-transform: uppercase;
535
+ font-size: 0.9em;
536
+ font-weight: 400;
537
+ letter-spacing: 0.05em;
538
+ margin: 0;
539
+ margin-left: 6px;
540
+ writing-mode: tb-rl;
541
+ -webkit-transform: rotate(180deg);
542
+ -moz-transform: rotate(180deg);
543
+ -o-transform: rotate(180deg);
544
+ white-space: nowrap;
545
+ display: block;
546
+ bottom: 0; }
547
+ @media print {
548
+ .document-type-band {
549
+ display: none; } }
550
+ .document-type-band .document-type {
551
+ top: 20px; }
552
+
553
+ .document-stage-band {
554
+ left: 0;
555
+ top: 0;
556
+ height: 100%;
557
+ position: fixed;
558
+ display: block;
559
+ z-index: 101;
560
+ box-shadow: -5px 0px 10px #1d1d1d; }
561
+ .document-stage-band > :first-child {
562
+ position: relative;
563
+ width: 25px;
564
+ font-weight: 400;
565
+ height: 210px;
566
+ color: white;
567
+ text-transform: uppercase;
568
+ font-size: 0.9em;
569
+ font-weight: 400;
570
+ letter-spacing: 0.05em;
571
+ margin: 0;
572
+ margin-left: 6px;
573
+ writing-mode: tb-rl;
574
+ -webkit-transform: rotate(180deg);
575
+ -moz-transform: rotate(180deg);
576
+ -o-transform: rotate(180deg);
577
+ white-space: nowrap;
578
+ display: block;
579
+ bottom: 0; }
580
+ @media print {
581
+ .document-stage-band {
582
+ display: none; } }
583
+ p.document-stage {
584
+ position: relative;
585
+ width: 25px;
586
+ font-weight: 400;
587
+ height: 210px;
588
+ color: white;
589
+ text-transform: uppercase;
590
+ font-size: 0.9em;
591
+ font-weight: 400;
592
+ letter-spacing: 0.05em;
593
+ margin: 0;
594
+ margin-left: 6px;
595
+ writing-mode: tb-rl;
596
+ -webkit-transform: rotate(180deg);
597
+ -moz-transform: rotate(180deg);
598
+ -o-transform: rotate(180deg);
599
+ white-space: nowrap;
600
+ display: block;
601
+ bottom: 0; }
602
+
603
+ #governance-band p.document-type {
604
+ font-weight: 400;
605
+ height: 230px !important; }
606
+
607
+ p.document-stage {
608
+ font-weight: 300;
609
+ height: 160px; }
610
+
611
+ #standard-band {
612
+ background-color: #0ac442; }
613
+
614
+ #standard {
615
+ border-bottom: solid 3px #0ac442; }
616
+
617
+ #governance {
618
+ border-bottom: solid 3px #750697; }
619
+
620
+ #governance-band {
621
+ background-color: #750697; }
622
+
623
+ #guide {
624
+ border-bottom: solid 3px #48a0e7; }
625
+
626
+ #guide-band {
627
+ background-color: #48a0e7; }
628
+
629
+ .coverpage-maturity {
630
+ font-family: 'Overpass', sans-serif;
631
+ font-weight: 400;
632
+ font-size: 1em;
633
+ margin: 0 0 2em 0;
634
+ text-transform: uppercase; }
635
+
636
+ #working-draft {
637
+ border-bottom: solid 3px #fda706; }
638
+
639
+ #working-draft-band {
640
+ background-color: #fda706; }
641
+
642
+ #committee-draft {
643
+ border-bottom: solid 3px #fd06fd; }
644
+
645
+ #committee-draft-band {
646
+ background-color: #fd06fd; }
647
+
648
+ #draft-standard {
649
+ border-bottom: solid 3px #fdf906; }
650
+
651
+ #draft-standard {
652
+ border-bottom: solid 3px #fdf906; }
653
+
654
+ #standard {
655
+ border-bottom: solid 3px #0ac442; }
656
+
657
+ #standard-band {
658
+ background-color: #0ac442; }
659
+
660
+ #obsolete {
661
+ border-bottom: solid 3px #7e0d13; }
662
+
663
+ #obsolete-band {
664
+ background-color: #7e0d13; }
665
+
666
+ /* 3 Other styles */
667
+ /*
668
+ 3.3 Lists
669
+ */
670
+ ul, ol {
671
+ margin-left: 2em; }
672
+
673
+ #toc-list ul {
674
+ margin-bottom: 0.25em; }
675
+
676
+ #toc-list ol li {
677
+ list-style-type: none; }
678
+
679
+ /* https://github.com/metanorma/metanorma-iso/issues/319 : ordered list rendering */
680
+ ol[class="alphabet"] {
681
+ counter-reset: alphabet; }
682
+
683
+ ol[class="arabic"] {
684
+ counter-reset: arabic; }
685
+
686
+ ol[class="roman"] {
687
+ counter-reset: roman; }
688
+
689
+ ol[class="alphabet_upper"] {
690
+ counter-reset: alphabet_upper; }
691
+
692
+ ol[class="roman_upper"] {
693
+ counter-reset: roman_upper; }
694
+
695
+ ol[class="alphabet"] ol[class="alphabet"] {
696
+ counter-reset: alphabet2; }
697
+
698
+ ol[class="arabic"] ol[class="arabic"] {
699
+ counter-reset: arabic2; }
700
+
701
+ ol[class="roman"] ol[class="roman"] {
702
+ counter-reset: roman2; }
703
+
704
+ ol[class="alphabet_upper"] ol[class="alphabet_upper"] {
705
+ counter-reset: alphabet_upper2; }
706
+
707
+ ol[class="roman_upper"] ol[class="roman_upper"] {
708
+ counter-reset: roman_upper2; }
709
+
710
+ ol {
711
+ counter-reset: alphabet; }
712
+
713
+ ol > li {
714
+ list-style: none;
715
+ position: relative; }
716
+
717
+ ol > li:before {
718
+ position: absolute;
719
+ left: -1.4em; }
720
+
721
+ ol[class="roman"] > li:before {
722
+ left: -2.0em; }
723
+
724
+ ol[class="roman_upper"] > li:before {
725
+ left: -2.3em; }
726
+
727
+ ol[class="alphabet"] > li:before {
728
+ counter-increment: alphabet;
729
+ content: counter(alphabet, lower-alpha) ") "; }
730
+
731
+ ol[class="arabic"] > li:before {
732
+ counter-increment: arabic;
733
+ content: counter(arabic, decimal) ") "; }
734
+
735
+ ol[class="roman"] > li:before {
736
+ counter-increment: roman;
737
+ content: counter(roman, lower-roman) ") "; }
738
+
739
+ ol[class="alphabet_upper"] > li:before {
740
+ counter-increment: alphabet_upper;
741
+ content: counter(alphabet_upper, upper-alpha) ") "; }
742
+
743
+ ol[class="roman_upper"] > li:before {
744
+ counter-increment: roman_upper;
745
+ content: counter(roman_upper, upper-roman) ") "; }
746
+
747
+ ol > li:before {
748
+ counter-increment: alphabet;
749
+ content: counter(alphabet, lower-alpha) ") "; }
750
+
751
+ ol[class="alphabet"] ol[class="alphabet"] > li:before {
752
+ counter-increment: alphabet2;
753
+ content: counter(alphabet2, lower-alpha) ") "; }
754
+
755
+ ol[class="arabic"] ol[class="arabic"] > li:before {
756
+ counter-increment: arabic2;
757
+ content: counter(arabic2, decimal) ") "; }
758
+
759
+ ol[class="roman"] ol[class="roman"] > li:before {
760
+ counter-increment: roman2;
761
+ content: counter(roman2, lower-roman) ") "; }
762
+
763
+ ol[class="alphabet_upper"] ol[class="alphabet_upper"] > li:before {
764
+ counter-increment: alphabet_upper2;
765
+ content: counter(alphabet_upper2, upper-alpha) ") "; }
766
+
767
+ ol[class="roman_upper"] ol[class="roman_upper"] > li:before {
768
+ counter-increment: roman_upper2;
769
+ content: counter(roman_upper2, upper-roman) ") "; }
770
+
771
+ /*
772
+ 3.4 Rules
773
+ */
774
+ .rule {
775
+ width: 100%;
776
+ height: 1px;
777
+ background-color: #0e1a85;
778
+ margin: 2em 0; }
779
+
780
+ /*
781
+ 3.5 Bibliograhy
782
+ */
783
+ p.Biblio,
784
+ p.NormRef {
785
+ margin-top: 1em;
786
+ margin-left: 2em; }
787
+
788
+ /*
789
+ 3.6 Source Code + figures
790
+ */
791
+ .figure,
792
+ pre,
793
+ .pseudocode {
794
+ background-color: #f5faff;
795
+ font-size: {{monospacefontsize}};
796
+ line-height: 1.6em;
797
+ padding: 1.5em;
798
+ margin: 2em 0 1em 0;
799
+ overflow: auto;
800
+ font-size: {{monospacefontsize}}; }
801
+ .figure .SourceTitle,
802
+ pre .SourceTitle,
803
+ .pseudocode .SourceTitle {
804
+ font-weight: 700;
805
+ font-size: 1em;
806
+ text-align: center; }
807
+
808
+ pre {
809
+ font-family: {{monospacefont}};
810
+ font-variant-ligatures: none; }
811
+
812
+ .AdmonitionTitle {
813
+ font-weight: 700;
814
+ font-size: 1em;
815
+ text-align: center; }
816
+
817
+ .RecommendationTitle {
818
+ font-weight: 700;
819
+ font-size: 1em;
820
+ text-align: center; }
821
+
822
+ .ListTitle {
823
+ font-weight: 700;
824
+ font-size: 1em;
825
+ text-align: center;
826
+ text-align: left; }
827
+
828
+ .FigureTitle,
829
+ .SourceTitle {
830
+ font-weight: 700;
831
+ font-size: 1em;
832
+ text-align: center; }
833
+
834
+ /*
835
+ 3.7 Notes
836
+ */
837
+ .Note, .note {
838
+ background-color: #fff495;
839
+ color: #47430c;
840
+ padding: 0.5em;
841
+ margin: 1.5em 0 1.5em 0;
842
+ text-align: left; }
843
+
844
+ .Note p, .note p {
845
+ margin: 0; }
846
+
847
+ .Admonition {
848
+ background-color: #ffcccc;
849
+ color: #47430c;
850
+ padding: 0.5em;
851
+ margin: 1.5em 0 1.5em 0;
852
+ text-align: left; }
853
+
854
+ .Admonition p {
855
+ margin: 0; }
856
+
857
+ /*
858
+ 3.8 Examples
859
+ */
860
+ .example {
861
+ background-color: #e1eef1;
862
+ padding: 0.5em;
863
+ margin: 2em 0 1em 0;
864
+ text-align: left;
865
+ color: #424242;
866
+ padding-left: 2em;
867
+ text-align: left; }
868
+ .example p {
869
+ margin: 0; }
870
+ .example .example-title {
871
+ font-weight: 700;
872
+ text-transform: uppercase;
873
+ margin-left: -1.5em; }
874
+ .example .example-title {
875
+ margin-top: 0; }
876
+ .example pre,
877
+ .example .pseudocode {
878
+ background: none; }
879
+
880
+ /*
881
+ 3.9 Tables
882
+ */
883
+ /*
884
+ 3.9 Tables
885
+ */
886
+ table {
887
+ width: 100%;
888
+ font-weight: 300;
889
+ margin: 1em 0 2em 0;
890
+ margin-left: auto;
891
+ margin-right: auto;
892
+ padding-right: 2em;
893
+ text-align: center; }
894
+ table, table th, table td {
895
+ border: 1px solid black;
896
+ font-size: 0.95em; }
897
+ table th, table td {
898
+ padding: 1em; }
899
+ table td.header {
900
+ font-weigth: 400; }
901
+ table td,
902
+ table th {
903
+ font-size: 0.95em;
904
+ padding: 1em !important; }
905
+
906
+ p.TableTitle {
907
+ text-align: center;
908
+ margin-top: 2.5em;
909
+ font-weight: 800;
910
+ font-size: 1.1em; }
911
+
912
+ .TableFootnote {
913
+ text-align: left !important; }
914
+
915
+ /*
916
+ 3.10 Footnotes
917
+ */
918
+ a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {
919
+ vertical-align: super;
920
+ font-size: 0.8em; }
921
+
922
+ .footnote {
923
+ font-size: {{footnotefontsize}}; }
924
+
925
+ sup a {
926
+ vertical-align: super;
927
+ font-size: 0.8em; }
928
+
929
+ #footnote_box {
930
+ font-size: {{footnotefontsize}};
931
+ background: white;
932
+ padding: 0 10px;
933
+ margin: 10px;
934
+ border: 1px solid #888;
935
+ -moz-box-shadow: 0px 0px 5px #888;
936
+ -webkit-box-shadow: 0px 0px 5px #888;
937
+ box-shadow: 0px 0px 5px #888; }
938
+
939
+ ol.footnotes-list, aside.footnote {
940
+ margin-left: 1em; }
941
+
942
+ ol.footnotes-list li, aside.footnote {
943
+ font-size: {{footnotefontsize}};
944
+ vertical-align: top;
945
+ list-style: decimal;
946
+ margin-bottom: 1em; }
947
+
948
+ ol.footnotes-list:first-child {
949
+ margin-top: 2em; }
950
+
951
+ ol.footnotes-list p, aside.footnote p {
952
+ display: inline; }
953
+
954
+ ol > li > p:before {
955
+ content: "";
956
+ display: none; }
957
+
958
+ /*
959
+ 3.11 Blockquotes
960
+ */
961
+ .Quote {
962
+ background-color: #f5faff;
963
+ font-style: italic;
964
+ width: 80%;
965
+ padding: 1.5em;
966
+ margin-top: 2em;
967
+ margin-left: auto;
968
+ margin-right: auto; }
969
+
970
+ /*
971
+ 3.12 Formulas
972
+ */
973
+ .formula {
974
+ background-color: #f5faff;
975
+ padding: 1.5em;
976
+ margin-top: 2em;
977
+ text-align: center; }
978
+
979
+ dl.formula_dl {
980
+ background-color: #f5faff; }
981
+
982
+ /*
983
+ Keywords
984
+ */
985
+ span.keyword {
986
+ font-weight: 600; }
987
+
988
+ .Admonition, .admonition {
989
+ background-color: #ffb3b3;
990
+ /* color: #47430c;*/
991
+ padding: 0.5em;
992
+ margin: 1.5em 0 1.5em 0;
993
+ text-align: left; }
994
+
995
+ .Admonition p, .admonition p {
996
+ margin: 0; }
997
+
998
+ /* Collapse TOC */
999
+ .collapse-group {
1000
+ display: flex;
1001
+ align-items: center;
1002
+ position: relative; }
1003
+
1004
+ .collapse-button {
1005
+ position: absolute;
1006
+ right: 0;
1007
+ display: inline-block;
1008
+ height: 20px;
1009
+ width: 20px;
1010
+ cursor: pointer;
1011
+ 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>'); }
1012
+
1013
+ .collapse {
1014
+ display: none; }
1015
+
1016
+ .expand {
1017
+ transform: rotateZ(-180deg); }