metanorma-m3aawg 1.4.2 → 1.5.3

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