metanorma-m3aawg 2.1.8 → 2.1.9

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