metanorma-standoc 2.2.1.1 → 2.2.2.2

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