metanorma-m3aawg 2.1.7 → 2.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,1066 +0,0 @@
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; } }