metanorma-acme 0.3.3

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