metanorma-bipm 2.1.7 → 2.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,1017 +0,0 @@
1
- @charset "UTF-8";
2
- /*
3
- 0 CSS RESET
4
- */
5
- /* http://meyerweb.com/eric/tools/css/reset/
6
- v2.0 | 20110126
7
- License: none (public domain)
8
- */
9
- html, body, div, span, applet, object, iframe,
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11
- a, abbr, acronym, address, big, cite, code,
12
- del, dfn, em, img, ins, kbd, q, s, samp,
13
- small, strike, strong, sub, sup, tt, var,
14
- b, u, i, center,
15
- ol, ul, li,
16
- fieldset, form, label, legend,
17
- table, caption, tbody, tfoot, thead, tr, th, td,
18
- article, aside, canvas, details, embed,
19
- figure, figcaption, footer, header, hgroup,
20
- menu, output, ruby, section, summary,
21
- time, mark, audio, video {
22
- margin: 0;
23
- padding: 0; }
24
-
25
- html, body, div, span, applet, object, iframe,
26
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
27
- a, abbr, acronym, address, big, cite, code,
28
- del, dfn, em, img, ins, kbd, q, s, samp,
29
- small, strike, strong, sub, sup, tt, var,
30
- b, u, i, center,
31
- dl, dt, dd, ol, ul, li,
32
- fieldset, form, label, legend,
33
- table, caption, tbody, tfoot, thead, tr, th, td,
34
- article, aside, canvas, details, embed,
35
- figure, figcaption, footer, header, hgroup,
36
- menu, nav, output, ruby, section, summary,
37
- time, mark, audio, video {
38
- border: 0;
39
- font-size: 100%; }
40
-
41
- html, body, div, span, applet, object, iframe,
42
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
43
- a, abbr, acronym, address, big, cite, code,
44
- del, dfn, em, img, ins, kbd, q, s, samp,
45
- small, strike, strong, tt, var,
46
- b, u, i, center,
47
- dl, dd, ol, ul, li,
48
- fieldset, form, label, legend,
49
- table, caption, tbody, tfoot, thead, tr, th, td,
50
- article, aside, canvas, details, embed,
51
- figure, figcaption, footer, header, hgroup,
52
- menu, nav, output, ruby, section, summary,
53
- time, mark, audio, video {
54
- vertical-align: baseline; }
55
-
56
- html, body, div, span, applet, object, iframe,
57
- p, blockquote,
58
- a, abbr, acronym, address, big, cite,
59
- del, dfn, em, img, ins, q, s,
60
- small, strike, strong, sub, sup, var,
61
- b, u, i, center,
62
- dl, dt, dd, ol, ul, li,
63
- fieldset, form, label, legend,
64
- table, caption, tbody, tfoot, thead, tr, th, td,
65
- article, aside, canvas, details, embed,
66
- figure, figcaption, footer, header, hgroup,
67
- menu, nav, output, ruby, section, summary,
68
- time, mark, audio, video {
69
- font-family: {{bodyfont}}; }
70
-
71
- code, pre, tt, kbd, samp {
72
- font-family: {{monospacefont}};
73
- font-variant-ligatures: none; }
74
-
75
- code *, pre *, tt *, kbd *, samp * {
76
- font-family: {{monospacefont}} !important;
77
- font-variant-ligatures: none; }
78
-
79
- p code, dt code, li code, label code, legend code, caption code, th code, td code,
80
- p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
81
- p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
82
- p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
83
- font-size: {{monospacefontsize}}; }
84
-
85
- article, aside, details, figcaption, figure,
86
- footer, header, hgroup, menu, nav, section {
87
- display: block; }
88
-
89
- table {
90
- border-collapse: collapse;
91
- border-spacing: 0; }
92
-
93
- h1, h2, h3, h4, h5, h6 {
94
- font-family: {{headerfont}}; }
95
-
96
- .h1, .h2, .h3, .h4, .h5, .h6 {
97
- font-family: {{headerfont}}; }
98
-
99
- blockquote, q {
100
- quotes: none; }
101
- blockquote:before, blockquote:after, q:before, q:after {
102
- content: '';
103
- content: none; }
104
-
105
- .h2Annex {
106
- font-family: {{headerfont}}; }
107
-
108
- dl {
109
- display: grid;
110
- grid-template-columns: max-content auto; }
111
- dl dt p, dl dd p {
112
- margin-top: 0; }
113
- dl dt {
114
- grid-column-start: 1; }
115
- dl dd {
116
- grid-column-start: 2; }
117
-
118
- b, strong {
119
- font-weight: bold; }
120
-
121
- div.document-stage-band, div.document-type-band {
122
- background-color: #333333; }
123
-
124
- a.FootnoteRef + a.FootnoteRef:before {
125
- content: ", ";
126
- vertical-align: super; }
127
-
128
- .addition {
129
- color: blue; }
130
-
131
- .deletion {
132
- color: red;
133
- text-decoration: line-through; }
134
-
135
- #brochure-band {
136
- background-color: #0AC442; }
137
-
138
- #brochure {
139
- border-bottom: solid 3px #0AC442; }
140
-
141
- #mise-en-pratique-band {
142
- background-color: #540D6E; }
143
-
144
- #mise-en-pratique {
145
- border-bottom: solid 3px #540D6E; }
146
-
147
- #rapport-band {
148
- background-color: #D183C9; }
149
-
150
- #rapport {
151
- border-bottom: solid 3px #D183C9; }
152
-
153
- #monographie-band {
154
- background-color: #65AFFF; }
155
-
156
- #monographie {
157
- border-bottom: solid 3px #65AFFF; }
158
-
159
- #guide-band {
160
- background-color: #3A405A; }
161
-
162
- #guide {
163
- border-bottom: solid 3px #3A405A; }
164
-
165
- #meeting-report-band {
166
- background-color: #F26430; }
167
-
168
- #meeting-report {
169
- border-bottom: solid 3px #F26430; }
170
-
171
- #technical-report-band {
172
- background-color: #C84630; }
173
-
174
- #technical-report {
175
- border-bottom: solid 3px #C84630; }
176
-
177
- #working-part-note-band {
178
- background-color: #BFAE48; }
179
-
180
- #working-part-note {
181
- border-bottom: solid 3px #BFAE48; }
182
-
183
- #strategy-band {
184
- background-color: #BD9391; }
185
-
186
- #strategy {
187
- border-bottom: solid 3px #BD9391; }
188
-
189
- #cipm-mra-band {
190
- background-color: #004E64; }
191
-
192
- #cipm-mra {
193
- border-bottom: solid 3px #004E64; }
194
-
195
- #resolution-band {
196
- background-color: #53C170; }
197
-
198
- #resolution {
199
- border-bottom: solid 3px #53C170; }
200
-
201
- #draft-proposal-band {
202
- background-color: #39A0ED; }
203
-
204
- #draft-proposal {
205
- border-bottom: solid 3px #39A0ED; }
206
-
207
- #draft-development-band {
208
- background-color: #2D7393; }
209
-
210
- #draft-development {
211
- border-bottom: solid 3px #2D7393; }
212
-
213
- #in-force-band {
214
- background-color: #53C170; }
215
-
216
- #in-force {
217
- border-bottom: solid 3px #53C170; }
218
-
219
- #retired-band {
220
- background-color: #2E382E; }
221
-
222
- #retired {
223
- border-bottom: solid 3px #2E382E; }
224
-
225
- /*
226
- 1. HTML & Body
227
- */
228
- body {
229
- margin-left: auto;
230
- margin-right: auto;
231
- max-width: 100%;
232
- font-size: {{normalfontsize}};
233
- font-weight: 300;
234
- line-height: 1.4em;
235
- color: #1d1d1d;
236
- background-color: #ffffff;
237
- font-weight: 400; }
238
- body main {
239
- margin: 0 3em 0 6em; }
240
- body pre * {
241
- font-family: {{bodyfont}} !important; }
242
-
243
- main {
244
- margin: 0 3em 0 6em; }
245
-
246
- /*
247
- 2. Responsive navigation layout
248
- */
249
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
250
- font-family: {{bodyfont}};
251
- font-weight: 400; }
252
- #toc ul, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul {
253
- margin: 0;
254
- padding: 0;
255
- list-style: none; }
256
- #toc ul li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a {
257
- padding: 5px 10px; }
258
- #toc ul a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a {
259
- color: #485094;
260
- text-decoration: none;
261
- display: block; }
262
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
263
- box-shadow: none;
264
- color: #485094; }
265
- #toc .h2, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 {
266
- padding-left: 30px; }
267
- #toc .h3, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 {
268
- padding-left: 50px; }
269
- #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 {
270
- background: #6C734A;
271
- box-shadow: inset -5px 0px 10px -5px #6C734A !important; }
272
- #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 {
273
- color: #485094; }
274
- @media print {
275
- #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 {
276
- background: white;
277
- box-shadow: none !important; }
278
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
279
- color: #485094; }
280
- #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
281
- color: black; } }
282
- @media screen and (max-width: 768px) {
283
- #toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
284
- padding: 0 1.5em;
285
- overflow: visible; } }
286
- #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
287
- color: white; }
288
- #toc .toc-active,
289
- #toc li:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active,
290
- #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover {
291
- box-shadow: none !important; }
292
- #toc .toc-active a,
293
- #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a,
294
- #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
295
- color: white;
296
- background: none;
297
- box-shadow: none; }
298
- #toc li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li a {
299
- text-transform: uppercase; }
300
- #toc ul a:hover, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover {
301
- box-shadow: none;
302
- color: white; }
303
-
304
- #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
305
- margin-top: 0;
306
- margin-bottom: 0;
307
- font-size: 100%; }
308
-
309
- @media screen and (min-width: 768px) {
310
- nav {
311
- position: fixed;
312
- top: 0;
313
- bottom: 0;
314
- left: 0;
315
- width: 323px;
316
- font-size: 0.9em;
317
- overflow: auto;
318
- padding: 0 0 0 45px;
319
- background-color: #f7f7f7; } }
320
-
321
- @media print {
322
- nav {
323
- position: relative;
324
- width: auto;
325
- font-size: 0.9em;
326
- overflow: auto;
327
- padding: 0;
328
- margin-right: 0;
329
- background-color: white; } }
330
-
331
- @media screen and (min-width: 768px) {
332
- #toggle {
333
- position: fixed;
334
- height: 100%;
335
- width: 30px;
336
- background-color: #6C734A;
337
- color: white !important;
338
- cursor: pointer;
339
- z-index: 100; }
340
- #toggle span {
341
- text-align: center;
342
- width: 100%;
343
- position: absolute;
344
- top: 50%;
345
- transform: translate(0, -50%); } }
346
-
347
- @media screen and (max-width: 768px) {
348
- #toggle {
349
- display: none; } }
350
-
351
- @media print {
352
- #toggle {
353
- display: none; } }
354
-
355
- @media screen and (min-width: 768px) {
356
- .container {
357
- padding-left: 360px; }
358
- .rule.toc {
359
- display: none; }
360
- h1.toc-contents {
361
- margin-top: 1em; }
362
- ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) {
363
- padding: 0;
364
- margin: 0; } }
365
-
366
- div.figure {
367
- line-height: 1.6em;
368
- padding: 1.5em;
369
- margin: 2em 0 1em 0;
370
- overflow: auto; }
371
- div.figure .FigureTitle, div.figure .figure-title {
372
- font-weight: 700;
373
- font-size: 1em;
374
- text-align: center; }
375
- div.figure > img {
376
- margin-left: auto;
377
- margin-right: auto;
378
- display: block;
379
- max-width: 100%;
380
- height: auto; }
381
-
382
- /*
383
- Document types + stages
384
- */
385
- .document-type-band {
386
- left: 0;
387
- top: 180px;
388
- height: 100%;
389
- position: fixed;
390
- display: block;
391
- z-index: 102; }
392
- .document-type-band > :first-child {
393
- position: relative;
394
- width: 25px;
395
- font-weight: 400;
396
- color: white;
397
- text-transform: uppercase;
398
- font-size: 0.9em;
399
- font-weight: 400;
400
- letter-spacing: 0.05em;
401
- margin: 0;
402
- margin-left: 6px;
403
- writing-mode: tb-rl;
404
- -webkit-transform: rotate(180deg);
405
- -moz-transform: rotate(180deg);
406
- -o-transform: rotate(180deg);
407
- white-space: nowrap;
408
- display: block;
409
- bottom: 0; }
410
- @media print {
411
- .document-type-band {
412
- display: none; } }
413
- .document-type-band .document-type {
414
- top: 20px; }
415
-
416
- .document-stage-band {
417
- left: 0;
418
- top: 0;
419
- height: 100%;
420
- position: fixed;
421
- display: block;
422
- z-index: 101;
423
- box-shadow: -5px 0px 10px #1d1d1d; }
424
- .document-stage-band > :first-child {
425
- position: relative;
426
- width: 25px;
427
- font-weight: 400;
428
- height: 150;
429
- color: white;
430
- text-transform: uppercase;
431
- font-size: 0.9em;
432
- font-weight: 400;
433
- letter-spacing: 0.05em;
434
- margin: 0;
435
- margin-left: 6px;
436
- writing-mode: tb-rl;
437
- -webkit-transform: rotate(180deg);
438
- -moz-transform: rotate(180deg);
439
- -o-transform: rotate(180deg);
440
- white-space: nowrap;
441
- display: block;
442
- bottom: 0; }
443
- @media print {
444
- .document-stage-band {
445
- display: none; } }
446
- .document-stage-band > :first-child {
447
- font-weight: 300; }
448
-
449
- p.document-stage {
450
- position: relative;
451
- width: 25px;
452
- font-weight: 400;
453
- height: 150;
454
- color: white;
455
- text-transform: uppercase;
456
- font-size: 0.9em;
457
- font-weight: 400;
458
- letter-spacing: 0.05em;
459
- margin: 0;
460
- margin-left: 6px;
461
- writing-mode: tb-rl;
462
- -webkit-transform: rotate(180deg);
463
- -moz-transform: rotate(180deg);
464
- -o-transform: rotate(180deg);
465
- white-space: nowrap;
466
- display: block;
467
- bottom: 0; }
468
-
469
- #governance-band p.document-type {
470
- height: 230px !important; }
471
-
472
- p.document-stage {
473
- font-weight: 300;
474
- height: 160px; }
475
-
476
- .coverpage-maturity {
477
- font-family: {{bodyfont}};
478
- font-weight: 400;
479
- font-size: 1em;
480
- margin: 0 0 2em 0;
481
- text-transform: uppercase; }
482
-
483
- /*
484
- 3. TYPOGRAPHY
485
- */
486
- /*
487
- 3.1 Titles
488
- */
489
- h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
490
- font-family: {{headerfont}};
491
- color: #6C734A;
492
- font-weight: 300;
493
- margin-top: 1.6em;
494
- margin-bottom: 0.3em; }
495
-
496
- h1, .h1 {
497
- font-size: 1.6em;
498
- text-transform: uppercase;
499
- margin-top: 2em; }
500
-
501
- h1#content, #content.h1 {
502
- margin-top: 2em; }
503
-
504
- h2, .h2 {
505
- margin-top: 1.3em;
506
- font-size: 1.3em;
507
- font-weight: 400; }
508
-
509
- h3, .h3 {
510
- margin-top: 1.1em;
511
- font-size: 1.1em;
512
- font-weight: 100; }
513
-
514
- .TermNum {
515
- font-weight: 100; }
516
-
517
- .TermNum, .Terms, .AltTerms {
518
- color: #6C734A; }
519
-
520
- h2.TermNum {
521
- margin-bottom: 0; }
522
-
523
- p.Terms {
524
- font-size: 1.1em;
525
- line-height: 1.5em;
526
- margin: 0; }
527
-
528
- p.AltTerms {
529
- /*
530
- font-style: italic;
531
- */
532
- font-size: 1.1em;
533
- margin: 0; }
534
-
535
- /*
536
- 3.2 Links
537
- */
538
- a, a:visited {
539
- text-decoration: none;
540
- color: #485094; }
541
-
542
- a:hover {
543
- color: white;
544
- background: #6C734A;
545
- box-shadow: 3px 0 0 #6C734A, -3px 0 0 #6C734A; }
546
-
547
- ::selection,
548
- ::-moz-selection {
549
- background: #6C734A;
550
- color: white; }
551
-
552
- /*
553
- 3.3 Lists
554
- */
555
- ul, ol {
556
- margin-left: 1.2em; }
557
-
558
- ul li {
559
- list-style: none; }
560
-
561
- ul li:before {
562
- content: "—";
563
- display: inline-block;
564
- width: 1em;
565
- margin-left: -1.2em; }
566
-
567
- ul li p {
568
- display: inline; }
569
-
570
- ul > li:first-child {
571
- margin-top: 1em; }
572
-
573
- ul ul > li:first-child {
574
- margin-top: 0; }
575
-
576
- ol ul > li:first-child {
577
- margin-top: 0; }
578
-
579
- #toc-list ul {
580
- margin-bottom: 0.25em; }
581
-
582
- #toc-list li {
583
- list-style-type: none; }
584
-
585
- #toc li:before {
586
- content: " ";
587
- display: none; }
588
-
589
- /* https://github.com/metanorma/metanorma-bipm/issues/47 */
590
- ol[class="alphabet"] {
591
- counter-reset: alphabet; }
592
-
593
- ol[class="roman"] {
594
- counter-reset: roman; }
595
-
596
- ol[class="alphabet"] ol[class="alphabet"] {
597
- counter-reset: none; }
598
-
599
- ol[class="alphabet"] > li {
600
- list-style: none;
601
- position: relative; }
602
-
603
- ol[class="alphabet"] ol[class="alphabet"] > li {
604
- list-style: inherit; }
605
-
606
- ol[class="alphabet"] > li:before {
607
- counter-increment: alphabet;
608
- content: counter(alphabet, lower-alpha) ") ";
609
- position: absolute;
610
- left: -1.4em; }
611
-
612
- ol[class="alphabet"] ol[class="alphabet"] > li:before {
613
- counter-increment: none;
614
- content: initial; }
615
-
616
- ol[class="roman"] ol[class="roman"] {
617
- counter-reset: none; }
618
-
619
- ol[class="roman"] > li {
620
- list-style: none;
621
- position: relative; }
622
-
623
- ol[class="roman"] ol[class="roman"] > li {
624
- list-style: inherit; }
625
-
626
- ol[class="roman"] > li:before {
627
- counter-increment: roman;
628
- content: "(" counter(roman, lower-roman) ") ";
629
- position: absolute;
630
- left: -2.0em; }
631
-
632
- ol[class="roman"] ol[class="roman"] > li:before {
633
- counter-increment: none;
634
- content: initial; }
635
-
636
- /*
637
- 3.4 Rules
638
- */
639
- .rule {
640
- width: 100%;
641
- height: 1px;
642
- background-color: #0e1a85;
643
- margin: 2em 0; }
644
-
645
- /*
646
- 3.5 Bibliograhy
647
- */
648
- p.Biblio, p.NormRef {
649
- margin-top: 1em;
650
- margin-left: 2em; }
651
-
652
- /*
653
- 3.6 Source Code + figures
654
- */
655
- .figure,
656
- pre,
657
- .pseudocode {
658
- background-color: #f7f7f7;
659
- font-size: {{monospacefontsize}};
660
- line-height: 1.6em;
661
- padding: 1.5em;
662
- margin: 2em 0 1em 0;
663
- overflow: auto; }
664
- .figure .SourceTitle,
665
- pre .SourceTitle,
666
- .pseudocode .SourceTitle {
667
- font-weight: 700;
668
- font-size: 1em;
669
- text-align: center; }
670
-
671
- pre {
672
- font-family: {{monospacefont}};
673
- font-variant-ligatures: none; }
674
-
675
- .AdmonitionTitle {
676
- font-weight: 700;
677
- font-size: 1em;
678
- text-align: center; }
679
-
680
- .RecommendationTitle {
681
- font-weight: 700;
682
- font-size: 1em;
683
- text-align: center; }
684
-
685
- .ListTitle {
686
- font-weight: 700;
687
- font-size: 1em;
688
- text-align: center;
689
- text-align: left; }
690
-
691
- .FigureTitle,
692
- .SourceTitle {
693
- font-weight: 700;
694
- font-size: 1em;
695
- text-align: center; }
696
-
697
- /*
698
- 3.7 Notes
699
- */
700
- .Note {
701
- background-color: #fff495;
702
- color: #47430c;
703
- padding: 1.2em;
704
- margin: 1em 0 1em 0; }
705
- .Note p {
706
- margin: 0; }
707
-
708
- /*
709
- 3.8 Examples
710
- */
711
- .example {
712
- background-color: #e1eef1;
713
- padding: 1.2em;
714
- margin: 2em 0 1em 0;
715
- text-align: left;
716
- color: #424242;
717
- padding-left: 2.7em; }
718
- .example p {
719
- margin: 0; }
720
- .example .example-title {
721
- font-weight: 700;
722
- text-transform: uppercase;
723
- margin-left: -1.5em; }
724
- .example .example-title {
725
- margin-top: 0; }
726
- .example pre,
727
- .example .pseudocode {
728
- background: none; }
729
-
730
- /*
731
- 3.9 Tables
732
- */
733
- table {
734
- width: 100%;
735
- font-weight: 300;
736
- margin: 1em 0 2em 0;
737
- margin-left: auto;
738
- margin-right: auto;
739
- padding-right: 2em; }
740
- table, table th, table td {
741
- border: 1px solid black;
742
- font-size: 0.95em; }
743
- table th, table td {
744
- padding: 1em; }
745
- table td.header {
746
- font-weigth: 400; }
747
-
748
- p.TableTitle {
749
- text-align: center;
750
- margin-top: 2.5em;
751
- font-weight: 400; }
752
-
753
- /*
754
- 3.10 Footnotes
755
- */
756
- a.footnote-number {
757
- vertical-align: super;
758
- font-size: 0.8em; }
759
-
760
- .footnote {
761
- font-size: {{footnotefontsize}}; }
762
-
763
- /*
764
- 3.11 Blockquotes
765
- */
766
- .Quote {
767
- background-color: #f2f2f2;
768
- font-style: italic;
769
- width: 80%;
770
- padding: 1.5em;
771
- margin-top: 2em;
772
- margin-left: auto;
773
- margin-right: auto; }
774
-
775
- /*
776
- 3.12 Formulas
777
- */
778
- .formula {
779
- background-color: #f7f7f7;
780
- padding: 1.5em;
781
- margin-top: 2em;
782
- text-align: center; }
783
-
784
- /*
785
- 3.13 Contact Info
786
- */
787
- .contact-info {
788
- padding: 2em;
789
- margin-top: 5em;
790
- width: 250px;
791
- text-align: left;
792
- border: #6C734A solid 2px;
793
- color: #6C734A !important;
794
- border-radius: 25px; }
795
-
796
- .contact-info a,
797
- .contact-info a:hover {
798
- color: #6C734A; }
799
-
800
- .contact-info p, .contact-info a {
801
- font-family: {{monospacefont}};
802
- font-weight: 400; }
803
-
804
- .contact-info .name {
805
- font-weight: 700;
806
- font-size: 1.2em;
807
- margin-bottom: 0; }
808
-
809
- .contact-info .address {
810
- font-size: 1em;
811
- line-height: 1.3em;
812
- margin-top: 0; }
813
-
814
- /*
815
- Keywords
816
- */
817
- span.keyword {
818
- font-weight: 600; }
819
-
820
- /*
821
- Paragraphs
822
- */
823
- p {
824
- margin-top: 1em;
825
- margin-bottom: 1em; }
826
-
827
- h2 p, .h2 p {
828
- display: inline; }
829
-
830
- /*
831
- 4.0 Page header
832
- */
833
- /*
834
- 4.1 Top Logo
835
- */
836
- .icon-svg {
837
- width: 100%;
838
- color: #5ecf86; }
839
-
840
- .wrapper-top {
841
- background: linear-gradient(200deg, #007864, #6C734A);
842
- color: #ffffff;
843
- padding: 2em 0;
844
- width: 100%; }
845
-
846
- .wrapper-top-bottom {
847
- width: 0;
848
- height: 0;
849
- border-top: 100px solid #6C734A;
850
- border-right: 100px solid transparent;
851
- position: absolute; }
852
-
853
- .doc-number {
854
- font-size: 0.5em;
855
- font-family: {{bodyfont}}; }
856
-
857
- .coverpage-title {
858
- padding-bottom: 0.5em;
859
- font-family: {{headerfont}};
860
- font-size: 1.2em;
861
- line-height: 1.5em;
862
- font-weight: 100;
863
- padding-left: 1em;
864
- padding-right: 1em;
865
- text-transform: uppercase; }
866
-
867
- .WordSection11 {
868
- padding: 0 2em 0 3em; }
869
-
870
- .info-section {
871
- padding: 0 2em 0 5em; }
872
-
873
- .prefatory-section {
874
- padding: 0 3em 0 6em; }
875
-
876
- .zzSTDTitle1, .MsoCommentText {
877
- display: none; }
878
-
879
- .coverpage {
880
- text-align: center;
881
- padding-left: 1.5em; }
882
-
883
- .coverpage-logo span, .coverpage-tc-name span {
884
- font-family: {{bodyfont}};
885
- text-transform: none;
886
- font-weight: 300; }
887
-
888
- .coverpage-tc-name {
889
- font-size: 1.2em;
890
- line-height: 1.2em;
891
- margin: 0.25em 0; }
892
-
893
- /*
894
- 4.2 Document Identity
895
- */
896
- .coverpage-doc-identity {
897
- font-size: 2em;
898
- line-height: 2em; }
899
-
900
- .coverpage-title .title-second {
901
- font-size: 0.8em; }
902
-
903
- .coverpage-title .title-third {
904
- font-size: 0.6em; }
905
-
906
- .coverpage-stage-block {
907
- font-family: {{bodyfont}};
908
- font-weight: 600;
909
- font-size: 1.25em;
910
- margin: 2em 0em 2em 0em;
911
- text-transform: uppercase; }
912
-
913
- /*
914
- 4.3 Draft Warning
915
- */
916
- .coverpage-warning {
917
- border: #f36f36 solid 2px;
918
- color: #f36f36 !important;
919
- margin: 1em 2em;
920
- color: #485094;
921
- padding: 2em 1em 1em 1em;
922
- border-radius: 25px; }
923
-
924
- .coverpage-warning .title {
925
- font-family: {{headerfont}};
926
- font-weight: 300;
927
- text-transform: uppercase;
928
- font-size: 1.2em; }
929
-
930
- /*
931
- 4.4 Copyright
932
- */
933
- .copyright {
934
- padding: 1em;
935
- font-size: 0.9em;
936
- text-align: left; }
937
-
938
- /* .copyright .name, .copyright .address {color: #485094;} */
939
- /*
940
- 5.0 Other styles
941
- */
942
- /*
943
- To top button
944
- */
945
- #myBtn {
946
- font-family: {{monospacefont}};
947
- font-variant-ligatures: none;
948
- display: none;
949
- position: fixed;
950
- bottom: 20px;
951
- right: 30px;
952
- z-index: 99;
953
- font-size: 12px;
954
- border: none;
955
- outline: none;
956
- background-color: #1f8ca0;
957
- opacity: 0.15;
958
- color: white;
959
- cursor: pointer;
960
- padding: 10px 15px 10px 15px;
961
- border-radius: 4px;
962
- text-transform: uppercase; }
963
- #myBtn:hover {
964
- opacity: 1; }
965
- @media print {
966
- #myBtn {
967
- display: none; } }
968
- #myBtn a.anchorjs-link:hover {
969
- background: none;
970
- color: #485094;
971
- box-shadow: none; }
972
-
973
- @page {
974
- margin: 2cm 1cm; }
975
-
976
- @media print {
977
- .document-info, nav, .copyright {
978
- page-break-before: always; }
979
- h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
980
- page-break-after: avoid;
981
- margin-top: 1.2em; }
982
- .note, .figure, pre, .pseudocode, table {
983
- page-break-inside: avoid; }
984
- .info-section {
985
- display: none; }
986
- .coverpage {
987
- height: 23cm; }
988
- .wrapper-top {
989
- top: 0;
990
- padding-top: 4cm;
991
- padding-bottom: 4cm; }
992
- .wrapper-top-bottom {
993
- margin-top: -5px; }
994
- #toggle, .document-stage-band,
995
- .document-type-band, button#myBtn {
996
- display: none; }
997
- .container {
998
- padding-left: 0; }
999
- h1.content, .h1.content {
1000
- margin-top: 2em;
1001
- line-height: 2.5em; }
1002
- h1, .h1 {
1003
- font-size: 1.5em;
1004
- line-height: 1.5; }
1005
- h2, .h2 {
1006
- font-size: 1.2em; }
1007
- h3, .h3 {
1008
- font-size: 1em; }
1009
- .Note {
1010
- background-color: #fff495;
1011
- color: #47430c;
1012
- padding: 5px;
1013
- margin: 2em 0 1em 0; }
1014
- .Note p {
1015
- padding: 0 5px 0 5px; }
1016
- .wrapper-top-bottom {
1017
- display: none; } }