metanorma-iho 0.6.8 → 0.6.9

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