metanorma-un 0.9.8 → 0.9.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1140 @@
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; } }