metanorma-acme 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,184 @@
1
+ <html xmlns:v="urn:schemas-microsoft-com:vml"
2
+ xmlns:o="urn:schemas-microsoft-com:office:office"
3
+ xmlns:w="urn:schemas-microsoft-com:office:word"
4
+ xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
5
+ xmlns:mv="http://macVmlSchemaUri" xmlns="http://www.w3.org/TR/REC-html40">
6
+
7
+ <head>
8
+ <meta name=Title content="">
9
+ <meta name=Keywords content="">
10
+ <meta http-equiv=Content-Type content="text/html; charset=utf-8">
11
+ <meta name=ProgId content=Word.Document>
12
+ <meta name=Generator content="Microsoft Word 15">
13
+ <meta name=Originator content="Microsoft Word 15">
14
+ <link id=Main-File rel=Main-File href="../{{ filename }}.html">
15
+ <!--[if gte mso 9]><xml>
16
+ <o:shapedefaults v:ext="edit" spidmax="2049"/>
17
+ </xml><![endif]-->
18
+ </head>
19
+
20
+ <body lang=EN link=blue vlink="#954F72">
21
+
22
+ <div style='mso-element:footnote-separator' id=fs>
23
+
24
+ <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
25
+ normal'><span lang=EN-GB><span style='mso-special-character:footnote-separator'><![if !supportFootnotes]>
26
+
27
+ <hr align=left size=1 width="33%">
28
+
29
+ <![endif]></span></span></p>
30
+
31
+ </div>
32
+
33
+ <div style='mso-element:footnote-continuation-separator' id=fcs>
34
+
35
+ <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
36
+ normal'><span lang=EN-GB><span style='mso-special-character:footnote-continuation-separator'><![if !supportFootnotes]>
37
+
38
+ <hr align=left size=1>
39
+
40
+ <![endif]></span></span></p>
41
+
42
+ </div>
43
+
44
+ <div style='mso-element:endnote-separator' id=es>
45
+
46
+ <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
47
+ normal'><span lang=EN-GB><span style='mso-special-character:footnote-separator'><![if !supportFootnotes]>
48
+
49
+ <hr align=left size=1 width="33%">
50
+
51
+ <![endif]></span></span></p>
52
+
53
+ </div>
54
+
55
+ <div style='mso-element:endnote-continuation-separator' id=ecs>
56
+
57
+ <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
58
+ normal'><span lang=EN-GB><span style='mso-special-character:footnote-continuation-separator'><![if !supportFootnotes]>
59
+
60
+ <hr align=left size=1>
61
+
62
+ <![endif]></span></span></p>
63
+
64
+ </div>
65
+
66
+ <div style='mso-element:header' id=eh1>
67
+
68
+ <p class=MsoHeader align=left style='text-align:left;line-height:12.0pt;
69
+ mso-line-height-rule:exactly'><span lang=EN-GB>CS&nbsp;{{ docnumber }}:{{ docyear }}</span></p>
70
+
71
+ </div>
72
+
73
+ <div style='mso-element:header' id=h1>
74
+
75
+ <p class=MsoHeader style='margin-bottom:18.0pt'><span lang=EN-GB
76
+ style='font-size:10.0pt;mso-bidi-font-size:11.0pt;font-weight:normal'>©
77
+ Acme Corp.&nbsp;{{ docyear }}&nbsp;– All rights reserved</span><span lang=EN-GB
78
+ style='font-weight:normal'><o:p></o:p></span></p>
79
+
80
+ </div>
81
+
82
+ <div style='mso-element:footer' id=ef1>
83
+
84
+ <p class=MsoFooter style='margin-top:12.0pt;line-height:12.0pt;mso-line-height-rule:
85
+ exactly'><!--[if supportFields]><b style='mso-bidi-font-weight:normal'><span
86
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
87
+ style='mso-element:field-begin'></span><span
88
+ style='mso-spacerun:yes'> </span>PAGE<span style='mso-spacerun:yes'>  
89
+ </span>\* MERGEFORMAT <span style='mso-element:field-separator'></span></span></b><![endif]--><b
90
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
91
+ mso-bidi-font-size:11.0pt'><span style='mso-no-proof:yes'>2</span></span></b><!--[if supportFields]><b
92
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
93
+ mso-bidi-font-size:11.0pt'><span style='mso-element:field-end'></span></span></b><![endif]--><span
94
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
95
+ style='mso-tab-count:1'>                                                                                                                                                                           </span>©
96
+ Acme Corp.&nbsp;{{ docyear }}&nbsp;– All rights reserved<o:p></o:p></span></p>
97
+
98
+ </div>
99
+
100
+ <div style='mso-element:header' id=eh2>
101
+
102
+ <p class=MsoHeader align=left style='text-align:left;line-height:12.0pt;
103
+ mso-line-height-rule:exactly'><span lang=EN-GB>Acme Corp.&nbsp;{{ docnumber }}:{{ docyear }}</span></p>
104
+
105
+ </div>
106
+
107
+ <div style='mso-element:header' id=h2>
108
+
109
+ <p class=MsoHeader align=right style='text-align:right;line-height:12.0pt;
110
+ mso-line-height-rule:exactly'><span lang=EN-GB>Acme Corp.&nbsp;{{ docnumber }}:{{ docyear }}</span></p>
111
+
112
+ </div>
113
+
114
+ <div style='mso-element:footer' id=ef2>
115
+
116
+ <p class=MsoFooter style='line-height:12.0pt;mso-line-height-rule:exactly'><!--[if supportFields]><span
117
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
118
+ style='mso-element:field-begin'></span><span
119
+ style='mso-spacerun:yes'> </span>PAGE<span style='mso-spacerun:yes'>  
120
+ </span>\* MERGEFORMAT <span style='mso-element:field-separator'></span></span><![endif]--><span
121
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
122
+ style='mso-no-proof:yes'>ii</span></span><!--[if supportFields]><span
123
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
124
+ style='mso-element:field-end'></span></span><![endif]--><span lang=EN-GB
125
+ style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span style='mso-tab-count:
126
+ 1'>                                                                                                                                                                           </span>©
127
+ Acme Corp.&nbsp;{{ docyear }}&nbsp;– All rights reserved<o:p></o:p></span></p>
128
+
129
+ </div>
130
+
131
+ <div style='mso-element:footer' id=f2>
132
+
133
+ <p class=MsoFooter style='line-height:12.0pt'><span lang=EN-GB
134
+ style='font-size:10.0pt;mso-bidi-font-size:11.0pt'>© Acme Corp.&nbsp;{{ docyear }}&nbsp;– All
135
+ rights reserved<span style='mso-tab-count:1'>                                                                                                                                                                          </span></span><!--[if supportFields]><span
136
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
137
+ style='mso-element:field-begin'></span> PAGE<span style='mso-spacerun:yes'>  
138
+ </span>\* MERGEFORMAT <span style='mso-element:field-separator'></span></span><![endif]--><span
139
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
140
+ style='mso-no-proof:yes'>iii</span></span><!--[if supportFields]><span
141
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
142
+ style='mso-element:field-end'></span></span><![endif]--><span lang=EN-GB
143
+ style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><o:p></o:p></span></p>
144
+
145
+ </div>
146
+
147
+ <div style='mso-element:footer' id=ef3>
148
+
149
+ <p class=MsoFooter style='margin-top:12.0pt;line-height:12.0pt;mso-line-height-rule:
150
+ exactly'><!--[if supportFields]><b style='mso-bidi-font-weight:normal'><span
151
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
152
+ style='mso-element:field-begin'></span><span
153
+ style='mso-spacerun:yes'> </span>PAGE<span style='mso-spacerun:yes'>  
154
+ </span>\* MERGEFORMAT <span style='mso-element:field-separator'></span></span></b><![endif]--><b
155
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
156
+ mso-bidi-font-size:11.0pt'><span style='mso-no-proof:yes'>2</span></span></b><!--[if supportFields]><b
157
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
158
+ mso-bidi-font-size:11.0pt'><span style='mso-element:field-end'></span></span></b><![endif]--><span
159
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><span
160
+ style='mso-tab-count:1'>                                                                                                                                                                           </span>©
161
+ Acme Corp.&nbsp;{{ docyear }}&nbsp;– All rights reserved<o:p></o:p></span></p>
162
+
163
+ </div>
164
+
165
+ <div style='mso-element:footer' id=f3>
166
+
167
+ <p class=MsoFooter style='line-height:12.0pt'><span lang=EN-GB
168
+ style='font-size:10.0pt;mso-bidi-font-size:11.0pt'>© Acme Corp.&nbsp;{{ docyear }}&nbsp;– All
169
+ rights reserved<span style='mso-tab-count:1'>                                                                                                                                                                           </span></span><!--[if supportFields]><b
170
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
171
+ mso-bidi-font-size:11.0pt'><span style='mso-element:field-begin'></span>
172
+ PAGE<span style='mso-spacerun:yes'>   </span>\* MERGEFORMAT <span
173
+ style='mso-element:field-separator'></span></span></b><![endif]--><b
174
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
175
+ mso-bidi-font-size:11.0pt'><span style='mso-no-proof:yes'>3</span></span></b><!--[if supportFields]><b
176
+ style='mso-bidi-font-weight:normal'><span lang=EN-GB style='font-size:10.0pt;
177
+ mso-bidi-font-size:11.0pt'><span style='mso-element:field-end'></span></span></b><![endif]--><span
178
+ lang=EN-GB style='font-size:10.0pt;mso-bidi-font-size:11.0pt'><o:p></o:p></span></p>
179
+
180
+ </div>
181
+
182
+ </body>
183
+
184
+ </html>
@@ -0,0 +1,8 @@
1
+ <nav>
2
+ <h1 id="content">Contents</h1>
3
+ <div id="toc"></div>
4
+
5
+ </nav>
6
+
7
+
8
+ <div class="rule toc"></div>
@@ -0,0 +1,106 @@
1
+ <div class="document-stage-band" id='{{ status | downcase | replace: " ", "-" }}-band'>
2
+ <p class="document-stage">{{ status }}</p>
3
+ </div>
4
+
5
+ <div class="document-type-band" id='{{ doctype | downcase | replace: " ", "-" }}-band'>
6
+ <p class="document-type">Acme {{ doctype }}</p>
7
+ </div>
8
+
9
+
10
+
11
+ <div id='toggle'> <span>&#x2022;</span> </div>
12
+
13
+ <header>
14
+
15
+ <!--<div class="WordSection1">-->
16
+ <div class="coverpage">
17
+ <div class="wrapper-top">
18
+
19
+ <div class="coverpage-doc-identity">
20
+ <div class="doc-number">
21
+ <span class="docnumber">{{ docnumber }}</span>
22
+ <span class="docnumber-separator">:</span>
23
+ <span class="docyear">{{ docyear }} {{ draftinfo }}</span>
24
+ </div>
25
+
26
+ <div class="coverpage-title">
27
+ <span class="title-first">{{ doctitle }}</span>
28
+ <!--<span class="title-second">{{ docsubtitle }}</span>-->
29
+ </div>
30
+ </div>
31
+
32
+ <div class="coverpage-logo">
33
+ <span>Acme Corp. {{ docyear }}</span>
34
+ </div>
35
+
36
+ <div class="coverpage-tc-name">
37
+ <span>{{ tc }}</span>
38
+ </div>
39
+ </div>
40
+
41
+ <div class="wrapper-top-bottom"></div>
42
+
43
+ <div class="WordSection11">
44
+ <div class="coverpage-stage-block" >
45
+ <span class="coverpage-stage" id="{{ doctype | replace: ' ', '-' | downcase }}">Acme {{ doctype }}</span>
46
+ </div>
47
+
48
+ <div class="coverpage-stage-block" >
49
+ <p><span class="coverpage-maturity" id="{{ status | replace: ' ', '-' | downcase }}">{{ status }}</span></p>
50
+ {% if security %}
51
+ <p><span class="coverpage-maturity">Classification: {{ security }}</span></p>
52
+ {% endif %}
53
+ </div>
54
+
55
+ {% if doctype == "Policy And Procedures" or doctype == "Proposal" %}
56
+ <div class="coverpage-stage-block" >{{ revdate }}</div>
57
+ {% endif %}
58
+
59
+ {% if status != "Published" and status != "Withdrawn" %}
60
+ <div class="coverpage-warning">
61
+ <span class="title">Warning for Drafts</span>
62
+
63
+ <p class="content">
64
+ This document is not a Acme Standard. It is distributed for review and
65
+ comment, and is subject to change without notice and may not be referred to as
66
+ a Standard. Recipients of this draft are invited to submit, with their
67
+ comments, notification of any relevant patent rights of which they are aware
68
+ and to provide supporting documentation.
69
+ </p>
70
+ </div>
71
+ {% endif %}
72
+
73
+ <div class="info-section">
74
+ <div class="copyright">
75
+ <p class="year">
76
+ &copy; {{ docyear }} Acme Corp.
77
+ </p>
78
+
79
+ <p class="message">
80
+ All rights reserved. Unless otherwise specified, no part of this
81
+ publication may be reproduced or utilized otherwise in any form or by any
82
+ means, electronic or mechanical, including photocopying, or posting on the
83
+ internet or an intranet, without prior written permission. Permission can
84
+ be requested from the address below.
85
+ </p>
86
+
87
+ <div class="contact-info">
88
+ <p class="name">Acme Corp.</p>
89
+ <p class="address">
90
+ Suite 1, 8/F, New Henry House<br />
91
+ 10 Ice House Street<br />
92
+ Central<br />
93
+ Hong Kong<br />
94
+ <br />
95
+ <a href="mailto:copyright@ribose.com">copyright@ribose.com</a><br />
96
+ <a href="open.ribose.com">www.ribose.com</a>
97
+ </p>
98
+ </div>
99
+ </div>
100
+
101
+ <div class="rule"></div>
102
+ </div>
103
+ </div>
104
+
105
+
106
+ </header>
@@ -0,0 +1,1028 @@
1
+ /*
2
+ 0 CSS RESET
3
+ */
4
+
5
+ /* http://meyerweb.com/eric/tools/css/reset/
6
+ v2.0 | 20110126
7
+ License: none (public domain)
8
+ */
9
+
10
+ html, body, div, span, applet, object, iframe,
11
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
12
+ a, abbr, acronym, address, big, cite, code,
13
+ del, dfn, em, img, ins, kbd, q, s, samp,
14
+ small, strike, strong, sub, sup, tt, var,
15
+ b, u, i, center,
16
+ ol, ul, li,
17
+ fieldset, form, label, legend,
18
+ table, caption, tbody, tfoot, thead, tr, th, td,
19
+ article, aside, canvas, details, embed,
20
+ figure, figcaption, footer, header, hgroup,
21
+ menu, nav, output, ruby, section, summary,
22
+ time, mark, audio, video {
23
+ margin: 0;
24
+ padding: 0;
25
+ }
26
+
27
+ html, body, div, span, applet, object, iframe,
28
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
29
+ a, abbr, acronym, address, big, cite, code,
30
+ del, dfn, em, img, ins, kbd, q, s, samp,
31
+ small, strike, strong, sub, sup, tt, var,
32
+ b, u, i, center,
33
+ dl, dt, dd, ol, ul, li,
34
+ fieldset, form, label, legend,
35
+ table, caption, tbody, tfoot, thead, tr, th, td,
36
+ article, aside, canvas, details, embed,
37
+ figure, figcaption, footer, header, hgroup,
38
+ menu, nav, output, ruby, section, summary,
39
+ time, mark, audio, video {
40
+ border: 0;
41
+ font-size: 100%;
42
+ }
43
+
44
+ html, body, div, span, applet, object, iframe,
45
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
46
+ a, abbr, acronym, address, big, cite, code,
47
+ del, dfn, em, img, ins, kbd, q, s, samp,
48
+ small, strike, strong, tt, var,
49
+ b, u, i, center,
50
+ dl, dd, ol, ul, li,
51
+ fieldset, form, label, legend,
52
+ table, caption, tbody, tfoot, thead, tr, th, td,
53
+ article, aside, canvas, details, embed,
54
+ figure, figcaption, footer, header, hgroup,
55
+ menu, nav, output, ruby, section, summary,
56
+ time, mark, audio, video {
57
+ vertical-align: baseline;
58
+ }
59
+
60
+
61
+ html, body, div, span, applet, object, iframe,
62
+ p, blockquote, pre,
63
+ a, abbr, acronym, address, big, cite, code,
64
+ del, dfn, em, img, ins, kbd, q, s, samp,
65
+ small, strike, strong, sub, sup, tt, var,
66
+ b, u, i, center,
67
+ dl, dt, dd, ol, ul, li,
68
+ fieldset, form, label, legend,
69
+ table, caption, tbody, tfoot, thead, tr, th, td,
70
+ article, aside, canvas, details, embed,
71
+ figure, figcaption, footer, header, hgroup,
72
+ menu, nav, output, ruby, section, summary,
73
+ time, mark, audio, video {
74
+ font-family: $bodyfont;
75
+ }
76
+
77
+ h1, h2, h3, h4, h5, h6, .h2Annex {
78
+ font-family: $headerfont;
79
+ }
80
+
81
+ dl {
82
+ display: grid;
83
+ grid-template-columns: max-content auto;
84
+ }
85
+
86
+ dt {
87
+ grid-column-start: 1;
88
+ }
89
+
90
+ dd {
91
+ grid-column-start: 2;
92
+ }
93
+
94
+ dd p, dt p {
95
+ margin-top: 0px;
96
+ }
97
+
98
+ /* HTML5 display-role reset for older browsers */
99
+ article, aside, details, figcaption, figure,
100
+ footer, header, hgroup, menu, nav, section {
101
+ display: block;
102
+ }
103
+ body {
104
+ line-height: 1;
105
+ }
106
+
107
+ blockquote, q {
108
+ quotes: none;
109
+ }
110
+ blockquote:before, blockquote:after,
111
+ q:before, q:after {
112
+ content: '';
113
+ content: none;
114
+ }
115
+ table {
116
+ border-collapse: collapse;
117
+ border-spacing: 0;
118
+ }
119
+
120
+
121
+ /*
122
+ 1. HTML & Body
123
+ */
124
+
125
+ body {
126
+ margin: 0;
127
+ margin-left: auto;
128
+ margin-right: auto;
129
+ max-width: 100%;
130
+ color: #1d1d1d;
131
+ font-weight: 300;
132
+ font-size: 15px;
133
+ line-height: 1.4em;
134
+ background-color: #ffffff;
135
+ }
136
+
137
+ main {margin: 0 3em 0 6em;}
138
+
139
+ #toc{
140
+ font-family: $bodyfont;
141
+ font-weight: 400;
142
+ }
143
+
144
+ /*
145
+ 2. Responsive navigation layout
146
+ */
147
+
148
+
149
+ @media (min-width: 768px) {
150
+ nav {
151
+ position: fixed;
152
+ top: 0;
153
+ bottom: 0;
154
+ left: 0;
155
+ width: 323px;
156
+ font-size: 0.9em;
157
+ overflow: auto;
158
+ padding: 0 0 0 45px;
159
+ margin-right: 30px;
160
+ background-color:#f7f7f7;
161
+ }
162
+
163
+ #toggle {
164
+ position: fixed;
165
+ height: 100%;
166
+ width: 30px;
167
+ background-color:#1661AD;
168
+ color: white!important;
169
+ cursor: pointer;
170
+ z-index: 100;
171
+ }
172
+
173
+ #toggle span {
174
+ text-align: center;
175
+ width: 100%;
176
+ position: absolute;
177
+ top: 50%;
178
+ transform: translate(0, -50%);
179
+
180
+ }
181
+
182
+ .container {
183
+ padding-left: 360px;
184
+ }
185
+
186
+ .rule.toc {
187
+ display: none;
188
+ }
189
+
190
+ h1.toc-contents {
191
+ margin-top: 1em;
192
+ }
193
+
194
+ ul#toc-list {
195
+ padding:0;
196
+ margin:0;
197
+ }
198
+ }
199
+
200
+ @media (max-width: 768px) {
201
+ #toc {
202
+ padding: 0 1.5em 0 1.5em;
203
+ overflow: visible;
204
+ }
205
+ }
206
+
207
+
208
+
209
+ #toc ul {
210
+ margin: 0;
211
+ padding: 0;
212
+ list-style: none;
213
+ }
214
+
215
+ #toc li {
216
+ padding: 5px 10px;
217
+ }
218
+
219
+ #toc a {
220
+ color: #485094;
221
+ text-decoration: none;
222
+ display: block;
223
+ }
224
+
225
+ #toc a:hover {
226
+ color: white;
227
+ }
228
+
229
+ #toc .h2 {
230
+ padding-left: 30px;
231
+ }
232
+
233
+ #toc .h3 {
234
+ padding-left: 50px;
235
+ }
236
+
237
+ #toc .toc-active a {
238
+ color: white;
239
+ }
240
+
241
+ #toc .toc-active, #toc li:hover {
242
+ background: #1661AD;
243
+ box-shadow: inset -5px 0px 10px -5px #1661AD!important;
244
+
245
+ }
246
+
247
+ #toc li:hover a {
248
+ color: white;
249
+ background: none;
250
+ box-shadow: none;
251
+ }
252
+
253
+ #toc li a {
254
+ text-transform: uppercase;
255
+ }
256
+
257
+ /*
258
+ Document types + stages
259
+ */
260
+
261
+ .document-type-band {
262
+ left:0;
263
+ top:180px;
264
+ height: 100%;
265
+ position: fixed;
266
+ display: block;
267
+ z-index: 99;
268
+ /*box-shadow: -5px 0px 10px #1d1d1d*/
269
+
270
+ }
271
+
272
+ .document-stage-band {
273
+ left:0;
274
+ top:0;
275
+ height: 100%;
276
+ position: fixed;
277
+ display: block;
278
+ z-index: 98;
279
+ box-shadow: -5px 0px 10px #1d1d1d
280
+ }
281
+
282
+ .document-type {
283
+ position: relative;
284
+ width: 25px;
285
+ }
286
+
287
+ .document-stage {
288
+ position: relative;
289
+ width: 25px;
290
+ }
291
+
292
+ p.document-type, p.document-stage {
293
+ color: white;
294
+ text-transform: uppercase;
295
+ font-size: 0.9em;
296
+ font-weight: 400;
297
+ letter-spacing: 0.05em;
298
+ margin:0;
299
+ margin-left: 6px;
300
+ writing-mode:tb-rl;
301
+ -webkit-transform:rotate(180deg);
302
+ -moz-transform:rotate(180deg);
303
+ -o-transform: rotate(180deg);
304
+ white-space:nowrap;
305
+ display:block;
306
+ bottom:0;
307
+ }
308
+
309
+ p.document-type {
310
+ font-weight: 400;
311
+ height: 150;
312
+ }
313
+
314
+ #governance-band p.document-type {
315
+ font-weight: 400;
316
+ height: 230px!important;
317
+ }
318
+
319
+ p.document-stage {
320
+ font-weight: 300;
321
+ height:160px;
322
+ }
323
+
324
+ #standard-band p{
325
+ height: 270px;
326
+ }
327
+
328
+ #proposal-band p {
329
+ height: 150px;
330
+ }
331
+
332
+
333
+ #standard-band, #published-band {
334
+ background-color: #9ABD48;
335
+ }
336
+
337
+ #standard, #published {
338
+ border-bottom: solid 3px #9ABD48;
339
+ }
340
+
341
+ #governance, #policy-and-procedures {
342
+ border-bottom: solid 3px #750697;
343
+ }
344
+
345
+ #governance-band, #policy-and-procedures-band {
346
+ background-color: #750697;
347
+ }
348
+
349
+ #guide {
350
+ border-bottom: solid 3px #48a0e7;
351
+ }
352
+
353
+ #guide-band {
354
+ background-color: #48a0e7;
355
+ }
356
+
357
+ .coverpage-maturity {
358
+ font-family: $bodyfont;
359
+ font-weight: 400;
360
+ font-size: 1em;
361
+ margin: 0 0 2em 0;
362
+ text-transform: uppercase;
363
+ }
364
+
365
+ #working-draft, #proposal {
366
+ border-bottom: solid 3px #F7803C;
367
+ }
368
+
369
+ #working-draft-band, #proposal-band {
370
+ background-color: #F7803C;
371
+ }
372
+
373
+ #committee-draft {
374
+ border-bottom: solid 3px #fd06fd;
375
+ }
376
+
377
+ #committee-draft-band {
378
+ background-color: #fd06fd;
379
+ }
380
+
381
+ #draft-standard {
382
+ border-bottom: solid 3px #fdf906;
383
+ }
384
+
385
+ #draft-standard-band {
386
+ background-color: #fdf906;
387
+ }
388
+
389
+ #standard {
390
+ border-bottom: solid 3px #9ABD48;
391
+ }
392
+
393
+ #standard-band {
394
+ background-color: #9ABD48;
395
+ }
396
+
397
+ #obsolete {
398
+ border-bottom: solid 3px #7e0d13;
399
+ }
400
+
401
+ #obsolete-band {
402
+ background-color: #7e0d13;
403
+ }
404
+
405
+ /*
406
+ 3. TYPOGRAPHY
407
+ */
408
+
409
+ /*
410
+ 3.1 Titles
411
+ */
412
+
413
+ h1,h2,h3,h4,h5,h6 {
414
+ font-family: $headerfont;
415
+ color: #1661AD;
416
+ font-weight: 300;
417
+ margin-top: 1.6em;
418
+ margin-bottom: 0.3em;
419
+ }
420
+
421
+ h1 {
422
+ font-size: 1.6em;
423
+ text-transform: uppercase;
424
+ margin-top: 2em;
425
+ }
426
+
427
+ h1#content {
428
+ margin-top: 2em;
429
+ }
430
+
431
+ h2 {
432
+ margin-top: 1.3em;
433
+ font-size: 1.3em;
434
+ font-weight: 400;
435
+ }
436
+
437
+ h3 {
438
+ margin-top: 1.1em;
439
+ font-size: 1.1em;
440
+ font-weight: 100;
441
+ }
442
+
443
+ .TermNum, .Terms, .AltTerms {
444
+ color: #1661AD;
445
+ font-weight: 100;
446
+ }
447
+
448
+ h2.TermNum {
449
+ margin-bottom: 0;
450
+ }
451
+
452
+ p.Terms {
453
+ font-size: 1.1em;
454
+ line-height: 1.5em;
455
+ margin: 0;
456
+ }
457
+
458
+ p.AltTerms {
459
+ /*
460
+ font-style: italic;
461
+ */
462
+ font-size: 1.1em;
463
+ margin: 0;
464
+ }
465
+
466
+ /*
467
+ 3.2 Links
468
+ */
469
+
470
+ a, a:visited{
471
+ text-decoration: none;
472
+ color: #485094;
473
+ }
474
+
475
+ a:hover {
476
+ color: white;
477
+ background: #1661AD;
478
+ box-shadow: 3px 0 0 #1661AD, -3px 0 0 #1661AD;
479
+ /* padding: 2px 0 2px 0; */
480
+ }
481
+
482
+ ::selection {
483
+ background: #1661AD; /* WebKit/Blink Browsers */
484
+ color: white;
485
+ }
486
+ ::-moz-selection {
487
+ background: #1661AD; /* Gecko Browsers */
488
+ color: white;
489
+ }
490
+
491
+ .contact-info a:hover {
492
+ color: #485094;
493
+ text-decoration: underline;
494
+ background: none;
495
+ box-shadow: 0 0 0 0;
496
+ }
497
+
498
+
499
+
500
+ /*
501
+ 3.3 Lists
502
+ */
503
+
504
+ ul, ol {margin-left: 1.2em;}
505
+
506
+ ul li {
507
+ list-style: none;
508
+ }
509
+
510
+ ul li:before {
511
+ content: "—";
512
+ display: inline-block; width: 1em;
513
+ margin-left: -1.2em;
514
+ }
515
+
516
+ ul li p {
517
+ display: inline;
518
+ }
519
+
520
+ ul li:first-child {
521
+ margin-top: 1em;
522
+ }
523
+
524
+ #toc-list ul {margin-bottom: 0.25em;}
525
+
526
+ #toc-list li {list-style-type: none;}
527
+
528
+ #toc li:before {
529
+ content: " ";
530
+ display: none;
531
+ }
532
+
533
+
534
+ /*
535
+ 3.4 Rules
536
+ */
537
+
538
+ .rule {
539
+ width: 100%;
540
+ height: 1px;
541
+ background-color: #0e1a85;
542
+ margin: 2em 0;
543
+ }
544
+
545
+ /*
546
+ 3.5 Bibliograhy
547
+ */
548
+
549
+ p.Biblio, p.NormRef {
550
+ margin-top: 1em;
551
+ margin-left: 2em;
552
+ }
553
+
554
+ /*
555
+ 3.6 Source Code + figures
556
+ */
557
+
558
+ .figure, .Sourcecode {
559
+ font-family: $monospacefont;
560
+ background-color: #f7f7f7;
561
+ font-size: 0.8em;
562
+ line-height: 1.6em;
563
+ padding: 1.5em;
564
+ margin: 2em 0 1em 0;
565
+ overflow: auto;
566
+ }
567
+
568
+ .FigureTitle {
569
+ font-weight: 700;
570
+ font-size: 1em;
571
+ text-align: center;
572
+ }
573
+
574
+ /*
575
+ 3.7 Notes
576
+ */
577
+
578
+ .Note {
579
+ background-color: #fff495;
580
+ color: #47430c;
581
+ padding: 1.2em;
582
+ margin: 1em 0 1em 0;
583
+
584
+ p {
585
+ margin: 0;
586
+ }
587
+ }
588
+
589
+ /*
590
+ 3.8 Examples
591
+ */
592
+
593
+ .example {
594
+ background-color: #e1eef1;
595
+ padding: 1.2em;
596
+ margin: 2em 0 1em 0;
597
+ }
598
+
599
+ .example .example-title {
600
+ font-weight: 700;
601
+ text-transform: uppercase;
602
+ text-align: center;
603
+ margin-top:0;
604
+ }
605
+
606
+ /*
607
+ 3.9 Tables
608
+ */
609
+
610
+ table {
611
+ border-collapse: collapse;
612
+ width: 100%;
613
+ font-weight: 300;
614
+ margin: 1em 0 2em 0;
615
+ margin-left: auto;
616
+ margin-right: auto;
617
+ padding-right: 2em;
618
+ }
619
+
620
+ table, th, td {
621
+ border: 1px solid black;
622
+ font-size: 0.95em;
623
+ }
624
+
625
+ td, th {
626
+ padding: 1em;
627
+ }
628
+
629
+ td.header {
630
+ font-weight: 400;
631
+ }
632
+
633
+ p.TableTitle {
634
+ text-align: center;
635
+ margin-top: 2.5em;
636
+ font-weight: 400;
637
+ }
638
+
639
+ /*
640
+ 3.10 Footnotes
641
+ */
642
+
643
+ a.footnote-number {
644
+ vertical-align: super;
645
+ font-size: 0.8em;
646
+ }
647
+
648
+ .footnote {
649
+ font-size: 0.9em;
650
+ }
651
+
652
+
653
+ /*
654
+ 3.11 Blockquotes
655
+ */
656
+
657
+ .Quote {
658
+ background-color: #f7f7f7;
659
+ font-style: italic;
660
+ width: 80%;
661
+ padding: 1.5em;
662
+ margin-top: 2em;
663
+ margin-left: auto;
664
+ margin-right: auto;
665
+ }
666
+
667
+
668
+ /*
669
+ 3.12 Formulas
670
+ */
671
+
672
+ .formula {
673
+ background-color: #f7f7f7;
674
+ padding: 1.5em;
675
+ margin-top: 2em;
676
+ text-align: center;
677
+ }
678
+
679
+ /*
680
+ 3.13 Contact Info
681
+ */
682
+
683
+ .contact-info {
684
+ padding: 2em;
685
+ margin-top: 5em;
686
+ width: 250px;
687
+
688
+ text-align: left;
689
+ border: #1661AD solid 2px;
690
+ color: #1661AD!important;
691
+ border-radius: 25px;
692
+
693
+ }
694
+
695
+ .contact-info a,
696
+ .contact-info a:hover {
697
+ color: #1661AD;
698
+ }
699
+
700
+ .contact-info p, .contact-info a {
701
+ font-family: $monospacefont;
702
+ font-weight: 400;
703
+ }
704
+
705
+ .contact-info .name {
706
+ font-weight: 700;
707
+ font-size: 1.2em;
708
+ margin-bottom:0;
709
+ }
710
+
711
+ .contact-info .address {
712
+ font-size: 1em;
713
+ line-height: 1.3em;
714
+ margin-top:0;
715
+ }
716
+
717
+ /*
718
+ Keywords
719
+ */
720
+
721
+ span.keyword {
722
+ font-weight: 600;
723
+ }
724
+
725
+ /*
726
+ Paragraphs
727
+ */
728
+
729
+ p {
730
+ margin-top: 1em;
731
+ margin-bottom: 1em;
732
+ }
733
+
734
+ h2 p {
735
+ display: inline;
736
+ }
737
+
738
+
739
+ /*
740
+ 4.0 Page header
741
+ */
742
+
743
+ /*
744
+ 4.1 Top Logo
745
+ */
746
+
747
+ .icon-svg {
748
+ width: 100%;
749
+ color: #5ecf86;
750
+ }
751
+
752
+ .wrapper-top {
753
+ background: linear-gradient(200deg, #0f365e, #1661AD);
754
+ color: #ffffff;
755
+ padding: 2em 0;
756
+ width: 100%;
757
+ }
758
+
759
+ .wrapper-top-bottom {
760
+ width: 0;
761
+ height: 0;
762
+ border-top: 100px solid #1661AD;
763
+ border-right: 100px solid transparent;
764
+ position: absolute;
765
+ }
766
+
767
+ .doc-number {
768
+ font-size: 0.5em;
769
+ font-family: $bodyfont;
770
+ }
771
+
772
+ .coverpage-title {
773
+ padding-bottom: 0.5em;
774
+ font-family: $headerfont;
775
+ font-size: 1.2em;
776
+ line-height: 1.5em;
777
+ font-weight: 100;
778
+ padding-left: 1em;
779
+ padding-right: 1em;
780
+ text-transform: uppercase;
781
+ }
782
+
783
+ .WordSection11 {
784
+ padding: 0 2em 0 3em;
785
+ }
786
+
787
+ .info-section {
788
+ padding: 0 2em 0 5em; }
789
+
790
+ .prefatory-section {
791
+ padding: 0 3em 0 6em;
792
+ }
793
+
794
+
795
+ .zzSTDTitle1, .MsoCommentText {
796
+ display: none;
797
+ }
798
+
799
+
800
+ .coverpage {
801
+ text-align: center;
802
+ padding-left: 1.5em;
803
+ }
804
+
805
+ .coverpage-logo span, .coverpage-tc-name span {
806
+ font-family: $bodyfont;
807
+ text-transform: none;
808
+ font-weight: 300;
809
+ }
810
+
811
+ .coverpage-tc-name {
812
+ font-size: 1.2em;
813
+ line-height: 1.2em;
814
+ margin: 0.25em 0;
815
+ }
816
+
817
+ /*
818
+ 4.2 Document Identity
819
+ */
820
+
821
+ .coverpage-doc-identity {
822
+ font-size: 2em;
823
+ line-height: 2em;
824
+ }
825
+
826
+ .coverpage-title .title-second {
827
+ display: none;
828
+ }
829
+
830
+ .coverpage-stage-block {
831
+ font-family: $bodyfont;
832
+ font-weight: 600;
833
+ font-size: 1.25em;
834
+ margin: 2em 0em 2em 0em;
835
+ text-transform: uppercase;
836
+ }
837
+
838
+ /*
839
+ 4.3 Draft Warning
840
+ */
841
+
842
+ .coverpage-warning {
843
+ border: #f36f36 solid 2px;
844
+ color: #f36f36!important;
845
+ margin: 1em 2em;
846
+ color: #485094;
847
+ padding: 2em 1em 1em 1em;
848
+ border-radius: 25px;
849
+ }
850
+
851
+ .coverpage-warning .title {
852
+ font-family: $headerfont;
853
+ font-weight: 300;
854
+ text-transform: uppercase;
855
+ font-size: 1.2em;
856
+ }
857
+
858
+
859
+ /*
860
+ 4.4 Copyright
861
+ */
862
+
863
+ .copyright {
864
+ padding: 1em;
865
+ font-size: 0.9em;
866
+ text-align: left;
867
+ }
868
+
869
+
870
+ /* .copyright .name, .copyright .address {color: #485094;} */
871
+
872
+
873
+
874
+ /*
875
+ 5.0 Other styles
876
+ */
877
+
878
+
879
+
880
+ /*
881
+ To top button
882
+ */
883
+
884
+ #myBtn {
885
+ font-family: $monospacefont;
886
+ display: none;
887
+ position: fixed;
888
+ bottom: 20px;
889
+ right: 30px;
890
+ z-index: 99;
891
+ font-size: 12px;
892
+ border: none;
893
+ outline: none;
894
+ background-color: #1f8ca0;
895
+ opacity: 0.15;
896
+ color: white;
897
+ cursor: pointer;
898
+ padding: 10px 15px 10px 15px;
899
+ border-radius: 4px;
900
+ text-transform: uppercase;
901
+ }
902
+
903
+ #myBtn:hover {
904
+ opacity: 1;
905
+ }
906
+
907
+ a.anchorjs-link:hover {
908
+ background: none;
909
+ color: #485094;
910
+ box-shadow: none;
911
+ }
912
+
913
+ @page {
914
+ margin: 2cm 1cm;
915
+ }
916
+
917
+ @media print {
918
+
919
+
920
+ .document-info, nav, .copyright {
921
+ page-break-before: always;
922
+ }
923
+
924
+ nav {
925
+ page-break-after: always;
926
+ }
927
+
928
+ h1, h2, h3, h4 {
929
+ page-break-after: avoid;
930
+ margin-top: 1.2em;
931
+ }
932
+
933
+ .note, .figure, .Sourcecode, table {
934
+ page-break-inside: avoid;
935
+ }
936
+
937
+ .info-section {
938
+ display: none;
939
+ }
940
+
941
+ .coverpage {
942
+ height: 23cm;
943
+ }
944
+
945
+ .wrapper-top {
946
+ top: 0;
947
+ padding-top: 4cm;
948
+ padding-bottom: 4cm;
949
+ }
950
+
951
+ .wrapper-top-bottom {
952
+ margin-top: -5px;
953
+ }
954
+
955
+
956
+ #toggle, .document-stage-band,
957
+ .document-type-band, button#myBtn {
958
+ display: none;
959
+ }
960
+
961
+ button#myBtn {
962
+ background-color: white;
963
+ }
964
+
965
+ .container {
966
+ padding-left: 0;
967
+ }
968
+
969
+ nav {
970
+ position: relative;
971
+ width: auto;
972
+ font-size: 0.9em;
973
+ overflow: auto;
974
+ padding: 0;
975
+ margin-right: 0;
976
+ background-color: white;
977
+ }
978
+
979
+ #toc .toc-active a {
980
+ color: #4D7EA5;
981
+ }
982
+
983
+ #toc .toc-active, #toc li:hover {
984
+ background: white;
985
+ box-shadow: none !important; }
986
+
987
+ #toc li:hover a {
988
+ color: black; }
989
+
990
+
991
+ h1.content {
992
+ margin-top: 2em;
993
+ line-height: 2.5em;
994
+ }
995
+
996
+ h1 {
997
+ font-size: 1.5em;
998
+ line-height: 1.5;
999
+ }
1000
+
1001
+ h2 {
1002
+ font-size: 1.2em
1003
+ }
1004
+
1005
+ h3 {
1006
+ font-size: 1em;
1007
+ }
1008
+
1009
+ .Note {
1010
+ background-color: #fff495;
1011
+ color: #47430c;
1012
+ padding: 5px;
1013
+ margin: 2em 0 1em 0; }
1014
+
1015
+ .Note p {
1016
+ padding: 0 5px 0 5px;
1017
+ }
1018
+
1019
+ nav {
1020
+ line-height: 1;
1021
+ }
1022
+
1023
+ .wrapper-top-bottom {
1024
+ display: none;
1025
+ }
1026
+
1027
+ }
1028
+