metanorma-un 0.9.7 → 0.9.8

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