metanorma-ogc 0.2.9 → 0.2.10

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d41c94f6c5235bd9608de229a92f399595a1884d3d02ab39d8e8fe8deb0354bf
4
- data.tar.gz: 6cf593114c1695d886c65f3a9a104fbe25b3db30cd18f3a3e99a05947c70f42d
3
+ metadata.gz: c5a3899f82e54bac8b130ac1641d23431815ab6c1c7fbee746d7a50e0a8b198b
4
+ data.tar.gz: '0896ab24629115b3cac06e004a6c636672cd4c384add951741e5680d92f3ea01'
5
5
  SHA512:
6
- metadata.gz: 5dbd25ed142e0c53ca3243cab6ea8b7a0de156ab90d7687d9b49b17c48a3c6006f9039515c3b93990e2d865c632eb1042fb66d9a5c55d96669a7aec036c738d0
7
- data.tar.gz: 150a39555ef6af6c6748d2fd267292b8033dfa3576482e23b8b271662883d06b5138050f24fc4ef010d82dbf22c981789e84400ad03c53b6061faa995aaca325
6
+ metadata.gz: dce2435cd808bfcdb29770918b47f487e7a8c9d07b03d0e03dea0f7678496e09c6ef5078302c755470acdeca53dcd1d4c439174dad5b788d19c11e75bd34c0c4
7
+ data.tar.gz: bbcf743f08025c259fd73679b5d7b97acfb606e170f4d5111ef701dbf0a0329f1270a39c85b69727e015ae980573a4d73351b8e484fecf7b106535d5dfbe952b
@@ -638,9 +638,9 @@
638
638
  <zeroOrMore>
639
639
  <ref name="license"/>
640
640
  </zeroOrMore>
641
- <optional>
641
+ <zeroOrMore>
642
642
  <ref name="bclassification"/>
643
- </optional>
643
+ </zeroOrMore>
644
644
  <zeroOrMore>
645
645
  <ref name="bkeyword"/>
646
646
  </zeroOrMore>
@@ -33,11 +33,11 @@ module Asciidoctor
33
33
 
34
34
  def doctype(node)
35
35
  d = node.attr("doctype")
36
- unless %w{standard standard-with-suite abstract-specification
37
- community-standard profile best-practice
38
- engineering-report discussion-paper reference-model user-guide
39
- policy guide amendment technical-corrigendum administrative}.include? d
40
- warn "#{d} is not a legal document type: reverting to 'standard'"
36
+ unless %w{abstract-specification-topic best-practice change-request-supporting-document
37
+ community-practice community-standard discussion-paper engineering-report other policy
38
+ reference-model release-notes standard user-guide white-paper}.include? d
39
+ warn "'#{d}' is not a legal document type: reverting to 'standard'" unless @warned_doctype
40
+ @warned_doctype = true
41
41
  d = "standard"
42
42
  end
43
43
  d
@@ -113,11 +113,13 @@ module Asciidoctor
113
113
 
114
114
  def metadata_source(node, xml)
115
115
  super
116
- node.attr("previous-uri") && xml.uri(node.attr("previous-uri"), type: "previous")
116
+ node.attr("previous-uri") && xml.uri(node.attr("previous-uri"),
117
+ type: "previous")
117
118
  end
118
119
 
119
120
  def metadata_copyright(node, xml)
120
- from = node.attr("copyright-year") || node.attr("copyrightyear") || Date.today.year
121
+ from = node.attr("copyright-year") || node.attr("copyrightyear") ||
122
+ Date.today.year
121
123
  xml.copyright do |c|
122
124
  c.from from
123
125
  c.owner do |owner|
@@ -143,8 +145,31 @@ module Asciidoctor
143
145
  end
144
146
  end
145
147
 
148
+ def metadata_subdoctype(node, xml)
149
+ s = node.attr("docsubtype")
150
+ case doctype(node)
151
+ when "standard"
152
+ unless %w{conceptual-model conceptual-model-and-encoding
153
+ conceptual-model-and-implementation encoding extension
154
+ implementation profile profile-with-extension}.include? s
155
+ warn "'#{s}' is not a permitted subtype of Standard: "\
156
+ "reverting to 'implementation'"
157
+ s = "implementation"
158
+ end
159
+ when "best-practice"
160
+ unless %w{general encoding extension profile
161
+ profile-with-extension}.include? s
162
+ warn "'#{s}' is not a permitted subtype of Standard: "\
163
+ "reverting to 'implementation'"
164
+ s = "general"
165
+ end
166
+ end
167
+ s and xml.docsubtype s
168
+ end
169
+
146
170
  def metadata_ext(node, xml)
147
171
  metadata_doctype(node, xml)
172
+ metadata_subdoctype(node, xml)
148
173
  metadata_committee(node, xml)
149
174
  end
150
175
  end
@@ -51,34 +51,20 @@
51
51
  </define>
52
52
  <define name="DocumentType">
53
53
  <choice>
54
- <value>abstract-specification</value>
54
+ <value>abstract-specification-topic</value>
55
55
  <value>best-practice</value>
56
- <value>candidate-standard</value>
57
- <value>conformance-class</value>
58
- <value>change-request</value>
56
+ <value>change-request-supporting-document</value>
59
57
  <value>community-practice</value>
60
58
  <value>community-standard</value>
61
59
  <value>discussion-paper</value>
62
- <value>draft-discussion-paper</value>
63
- <value>interoperability-program-report</value>
64
- <value>implementation-standard</value>
65
- <value>implementation-standard-corrigendum</value>
66
- <value>extension-package-standard</value>
67
- <value>notes</value>
68
- <value>ogc-reference-model</value>
69
- <value>profile-corrigendum</value>
70
- <value>public-engineering-report</value>
60
+ <value>engineering-report</value>
61
+ <value>other</value>
71
62
  <value>policy</value>
72
- <value>policy-name-type-specification</value>
73
- <value>primer</value>
74
- <value>profile</value>
75
- <value>request-for-comment</value>
76
- <value>retired</value>
77
- <value>standard-application-profile</value>
78
- <value>test-suite</value>
79
- <value>whitepaper</value>
80
- <value>approved-technical-baseline</value>
81
- <value>recommendation-paper</value>
63
+ <value>reference-model</value>
64
+ <value>release-notes</value>
65
+ <value>standard</value>
66
+ <value>user-guide</value>
67
+ <value>white-paper</value>
82
68
  </choice>
83
69
  </define>
84
70
  <define name="editorialgroup">
@@ -96,6 +82,9 @@
96
82
  <optional>
97
83
  <ref name="doctype"/>
98
84
  </optional>
85
+ <optional>
86
+ <ref name="docsubtype"/>
87
+ </optional>
99
88
  <ref name="editorialgroup"/>
100
89
  <zeroOrMore>
101
90
  <ref name="ics"/>
@@ -113,6 +102,25 @@
113
102
  </element>
114
103
  </define>
115
104
  </include>
105
+ <define name="docsubtype">
106
+ <element name="docsubtype">
107
+ <choice>
108
+ <value>conceptual-model</value>
109
+ <value>conceptual-model-and-encoding</value>
110
+ <value>conceptual-model-and-implementation</value>
111
+ <value>encoding</value>
112
+ <value>extension</value>
113
+ <value>implementation</value>
114
+ <value>profile</value>
115
+ <value>profile-with-extension</value>
116
+ <value>general</value>
117
+ <value>encoding</value>
118
+ <value>extension</value>
119
+ <value>profile</value>
120
+ <value>profile-with-extension</value>
121
+ </choice>
122
+ </element>
123
+ </define>
116
124
  <define name="submitters">
117
125
  <element name="submitters">
118
126
  <ref name="Basic-Section"/>
@@ -39,6 +39,12 @@
39
39
  <optional>
40
40
  <attribute name="filename"/>
41
41
  </optional>
42
+ <optional>
43
+ <attribute name="model"/>
44
+ </optional>
45
+ <optional>
46
+ <attribute name="type"/>
47
+ </optional>
42
48
  <optional>
43
49
  <ref name="reqtitle"/>
44
50
  </optional>
@@ -16,7 +16,8 @@ module Asciidoctor
16
16
 
17
17
  def stage_validate(xmldoc)
18
18
  stage = xmldoc&.at("//bibdata/status/stage")&.text
19
- %w(rfc candidate published deprecated retired).include? stage or
19
+ %w(swg-draft oab-review public-rfc tc-vote
20
+ published deprecated retired).include? stage or
20
21
  warn "Document Attributes: #{stage} is not a recognised status"
21
22
  end
22
23
 
@@ -0,0 +1,214 @@
1
+ .coverpage-maturity, .coverpage-stage {
2
+ font-family: $headerfont;
3
+ font-weight: 400;
4
+ font-size: 1.3em;
5
+ margin: 0 0 2em 0;
6
+ text-transform: uppercase;
7
+ }
8
+
9
+ .icon-svg {
10
+ width: 100%;
11
+ color: #5ecf86;
12
+ }
13
+
14
+ .wrapper-top {
15
+ background: rgb(0,51,91);
16
+ background: linear-gradient(130deg, rgba(0,51,91,1) 45%, rgba(241,248,255,1) 100%);
17
+ color: #ffffff;
18
+ padding: 5em 0;
19
+ width: 100%;
20
+ }
21
+
22
+ .wrapper-top-bottom {
23
+ width: 0;
24
+ height: 0;
25
+ border-top: 100px solid #00335b;
26
+ border-right: 100px solid transparent;
27
+ position: absolute;
28
+ }
29
+
30
+ .coverpage-metadata {
31
+ margin-top: 35px;
32
+ padding-top: 15px;
33
+ margin-right: 25px;
34
+ border-top: solid 1px white;
35
+ }
36
+
37
+ .coverpage-metadata,
38
+ .coverpage-alt-formats {
39
+ font-size: 12px;
40
+ font-family: $headerfont;
41
+ margin-left: 1em;
42
+ text-align: left;
43
+
44
+ span {
45
+ display: block;
46
+ text-align: left;
47
+
48
+ a {
49
+ color: white;
50
+
51
+ &:hover {
52
+ text-decoration: underline;
53
+ background: none;
54
+ box-shadow: none !important;
55
+ font-weight: 400;
56
+ }
57
+ }
58
+ }
59
+
60
+ .value {
61
+ font-size: 15px;
62
+ margin-bottom: 15px;
63
+ }
64
+
65
+ .label {
66
+ font-size: 12px;
67
+ padding:0;
68
+ }
69
+ }
70
+
71
+ .coverpage-alt-formats span {
72
+ display: inline;
73
+ text-align: left;
74
+
75
+ a {
76
+ padding-right: 5px;
77
+ }
78
+ }
79
+
80
+ .coverpage-title {
81
+ padding-bottom: 0.5em;
82
+ font-family: $headerfont;
83
+ font-weight: 100;
84
+ padding-left: 1em;
85
+ padding-right: 1em;
86
+
87
+ span {
88
+ font-family: $headerfont;
89
+ font-size: 1.8em;
90
+ line-height: 1;
91
+ }
92
+ }
93
+
94
+
95
+ .WordSection11 {
96
+ padding: 0 2em 0 3em;
97
+ }
98
+
99
+ .info-section {
100
+ padding: 0 2em 0 5em; }
101
+
102
+ .prefatory-section {
103
+ padding: 0 3em 0 6em;
104
+ }
105
+
106
+ .zzSTDTitle1, .MsoCommentText {
107
+ display: none;
108
+ }
109
+
110
+ .coverpage {
111
+ text-align: center;
112
+ padding-left: 1.5em;
113
+ }
114
+
115
+ .coverpage-logo span, .coverpage-tc-name span {
116
+ font-family: $bodyfont;
117
+ text-transform: none;
118
+ font-weight: 300;
119
+ margin-left: 1em;
120
+ }
121
+
122
+ .coverpage-tc-name {
123
+ font-size: 1.2em;
124
+ line-height: 1.2em;
125
+ margin: 0.25em 0;
126
+ }
127
+
128
+ .copyright {
129
+ padding: 1em;
130
+ font-size: 0.9em;
131
+ text-align: left;
132
+ }
133
+
134
+
135
+ /* Document Identity */
136
+
137
+ .coverpage-doc-identity {
138
+ font-size: 2em;
139
+ line-height: 2em;
140
+ }
141
+
142
+ .coverpage-title .title-second {
143
+ display: none;
144
+ }
145
+
146
+ .coverpage-stage-block {
147
+ font-family: $headerfont;
148
+ font-weight: 600;
149
+ font-size: 1.25em;
150
+ margin: 2em 0em 2em 0em;
151
+ text-transform: uppercase;
152
+ }
153
+
154
+ .authors {
155
+ margin-top: 2em;
156
+
157
+ span {
158
+ display: block;
159
+ line-height: 2;
160
+ }
161
+
162
+ span.roletag {
163
+ display: inline-block;
164
+ font-size: 12px;
165
+ color: #00335b;
166
+ background-color: white;
167
+ padding: 2px 5px;
168
+ margin-left: 7px;
169
+ border-radius: 5px;
170
+ }
171
+ }
172
+
173
+ /* Draft Warning */
174
+
175
+ .coverpage-warning {
176
+ border: #f36f36 solid 2px;
177
+ color: #f36f36!important;
178
+ margin: 1em 2em;
179
+ color: #2e81c2;
180
+ padding: 2em 1em 1em 1em;
181
+ border-radius: 25px;
182
+
183
+ .title {
184
+ font-family: $headerfont;
185
+ font-weight: 300;
186
+ text-transform: uppercase;
187
+ font-size: 1.2em;
188
+ }
189
+ }
190
+
191
+ @media print {
192
+ .document-info, .copyright {
193
+ page-break-before: always;
194
+ }
195
+
196
+ .coverpage {
197
+ height: 23cm;
198
+ }
199
+
200
+ .info-section {
201
+ display: none;
202
+ }
203
+
204
+ .wrapper-top {
205
+ top: 0;
206
+ padding-top: 4cm;
207
+ padding-bottom: 4cm;
208
+ }
209
+
210
+ .wrapper-top-bottom {
211
+ margin-top: -5px;
212
+ display: none;
213
+ }
214
+ }
@@ -25,12 +25,14 @@
25
25
  </div>
26
26
 
27
27
  <div class="coverpage-logo">
28
- <span>Open Geospatial Consortium {{ docyear }}</span>
28
+ <span>Open Geospatial Consortium</span>
29
29
  </div>
30
30
 
31
+ <!--
31
32
  <div class="coverpage-tc-name">
32
33
  <span>{{ tc | capitalize }}</span>
33
34
  </div>
35
+ -->
34
36
 
35
37
  <div class="authors">
36
38
  {% if editors %}
@@ -52,6 +54,9 @@
52
54
  {% if previousuri %}
53
55
  <span class="label">Previous URI: </span> <span class="value"><a href="{{ previousuri }}">{{previousuri}}</a></span>
54
56
  {% endif %}
57
+ {% if edition %}
58
+ <span class="label">Version: </span> <span class="value">{{ edition }}</span>
59
+ {% endif %}
55
60
  </div>
56
61
 
57
62
  {% if xml or pdf or doc %}
@@ -1,704 +1,312 @@
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,
63
- a, abbr, acronym, address, big, cite,
64
- del, dfn, em, img, ins, q, s,
65
- small, strike, strong, sub, sup, 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
- code, pre, tt, kbd, samp {
78
- font-family: $monospacefont;
79
- font-variant-ligatures: none;
80
- }
81
-
82
- code *, pre *, tt *, kbd *, samp * {
83
- font-family: $monospacefont !important;
84
- font-variant-ligatures: none;
85
- }
1
+ $doctype-colors-list: (
2
+ standard: rgb(216, 236, 168),
3
+ governance: #750697,
4
+ policy-and-procedures: #750697,
5
+ );
86
6
 
87
- h1, h2, h3, h4, h5, h6, .h2Annex {
88
- font-family: $headerfont;
89
- }
90
7
 
91
- dl {
92
- display: grid;
93
- grid-template-columns: max-content auto;
94
- }
8
+ $docstage-colors-list: (
9
+ rfc: #48a0e7,
10
+ candidate: #fd06fd,
11
+ published: #9abd48,
12
+ deprecated: #7e0d13,
13
+ retired: #7e0d13,
14
+ working-draft: #f780ec,
15
+ proposal: #f780ec,
16
+ committee-draft: #fd06fd,
17
+ draft-standard: #fd06fd,
18
+ standard: #9abd48,
19
+ obsolete: #7e0d13,
20
+ guide: #48a0e7,
21
+ );
95
22
 
96
- dt {
97
- grid-column-start: 1;
98
- }
99
23
 
100
- dd {
101
- grid-column-start: 2;
102
- }
24
+ @import 'base_style/all';
103
25
 
104
- dd p, dt p {
105
- margin-top: 0px;
106
- }
107
26
 
108
- /* HTML5 display-role reset for older browsers */
109
- article, aside, details, figcaption, figure,
110
- footer, header, hgroup, menu, nav, section {
111
- display: block;
112
- }
113
27
  body {
114
- line-height: 1;
115
- }
28
+ @include bodyStyle1(
29
+ $fontSize: 16px, $lineHeight: 1.5,
30
+ $colorText: #00335b, $colorBackground: #f6f8fa,
31
+ $fontWeight: 300);
116
32
 
117
- blockquote, q {
118
- quotes: none;
119
- }
120
- blockquote:before, blockquote:after,
121
- q:before, q:after {
122
- content: '';
123
- content: none;
124
- }
125
- table {
126
- border-collapse: collapse;
127
- border-spacing: 0;
33
+ @include sidebarNavContainer(360px);
128
34
  }
129
35
 
130
36
 
131
- /*
132
- 1. HTML & Body
133
- */
37
+ #toc {
38
+ @include toc($colorLink: #00335b, $colorLinkActiveBg: #00335b, $colorLinkActiveFg: white);
134
39
 
135
- body {
136
- margin: 0;
137
- margin-left: auto;
138
- margin-right: auto;
139
- max-width: 100%;
140
- color: #00335b;
141
- font-weight: 300;
142
- font-size: 16px;
143
- line-height: 1.5;
144
- background-color: #f6f8fa;
40
+ li a {
41
+ font-size: 14px;
145
42
  }
146
43
 
147
- main {margin: 0 3em 0 6em;}
148
-
149
- #toc{
150
- font-family: $bodyfont;
151
- font-weight: 400;
44
+ li:before {
45
+ content: " ";
46
+ display: none;
152
47
  }
153
48
 
154
- /*
155
- 2. Responsive navigation layout
156
- */
157
-
158
-
159
- @media screen and (min-width: 768px) {
160
- nav {
161
- position: fixed;
162
- top: 0;
163
- bottom: 0;
164
- left: 0;
165
- width: 323px;
166
- font-size: 0.9em;
167
- overflow: auto;
168
- padding: 0 0 0 45px;
169
- margin-right: 30px;
170
- background-color:#f1f8ff;
171
- }
172
-
173
- #toggle {
174
- position: fixed;
175
- height: 100%;
176
- width: 30px;
177
- background-color:#00335b;
178
- color: white!important;
179
- cursor: pointer;
180
- z-index: 100;
181
- }
182
-
183
- #toggle span {
184
- text-align: center;
185
- width: 100%;
186
- position: absolute;
187
- top: 50%;
188
- transform: translate(0, -50%);
189
-
190
- }
191
-
192
- .container {
193
- padding-left: 360px;
194
- }
195
-
196
- .rule.toc {
197
- display: none;
198
- }
199
-
200
- h1.toc-contents {
201
- margin-top: 1em;
202
- }
49
+ .toc-active, li:hover {
50
+ font-weight: 600;
51
+ }
203
52
 
204
- ul#toc-list {
205
- padding:0;
206
- margin:0;
207
- }
53
+ li:hover a {
54
+ background: none;
55
+ box-shadow: none;
56
+ }
208
57
  }
209
58
 
210
- @media screen and (max-width: 768px) {
211
- #toc {
212
- padding: 0 1.5em 0 1.5em;
213
- overflow: visible;
214
- }
215
- }
59
+ nav {
60
+ @include sidebarNav(#f1f8ff, 323px, 45px);
216
61
 
217
- div.figure > img {
218
- margin-left: auto;
219
- margin-right: auto;
220
- display: block;
221
- max-width: 100%;
222
- height: auto;
62
+ @media screen and (min-width: $bigscreenBreakpoint) {
63
+ marign-right: 30px;
223
64
  }
224
-
225
- #toc ul {
226
- margin: 0;
227
- padding: 0;
228
- list-style: none;
229
- }
230
-
231
- #toc li a {
232
- padding: 5px 10px;
233
- font-size: 14px;
234
65
  }
235
66
 
236
- #toc a {
237
- color: #00335b;
238
- text-decoration: none;
239
- display: block;
67
+ #toggle {
68
+ @include sidebarNavToggle(white, #00335b);
240
69
  }
241
70
 
242
- #toc a:hover {
243
- box-shadow: none;
244
- color: white;
245
- }
71
+ .rule {
72
+ @include rule(1px, #00335b, 2em 0);
246
73
 
247
- #toc .h2 {
248
- padding-left: 30px;
74
+ &.toc {
75
+ @include tocSeparator();
76
+ }
249
77
  }
250
78
 
251
- #toc .h3 {
252
- padding-left: 50px;
253
- }
254
79
 
255
- #toc .toc-active a {
256
- color: white;
257
- }
80
+ @media screen and (min-width: 768px) {
81
+ h1.toc-contents {
82
+ margin-top: 1em;
83
+ }
258
84
 
259
- #toc .toc-active, #toc li:hover {
260
- background: #00335b;
261
- box-shadow: inset -5px 0px 10px -5px #00335b!important;
262
- font-weight: 600;
85
+ ul#toc-list {
86
+ padding: 0;
87
+ margin: 0;
88
+ }
263
89
  }
264
90
 
265
- #toc li:hover a {
266
- color: white;
267
- background: none;
268
- box-shadow: none;
269
- }
91
+ #toc-list {
92
+ ul {
93
+ margin-bottom: 0.25em;
94
+ }
270
95
 
271
- #toc li a {
272
- text-transform: nonce;
96
+ li {
97
+ list-style-type: none;
98
+ }
273
99
  }
274
100
 
275
- /*
276
- Document types + stages
277
- */
278
-
279
- .document-type-band {
280
- left:0;
281
- top:180px;
282
- height: 100%;
283
- position: fixed;
284
- display: block;
285
- z-index: 99;
286
- /*box-shadow: -5px 0px 10px #1d1d1d*/
287
-
101
+ .figure {
102
+ @include figureBlock();
288
103
  }
289
104
 
290
105
  .document-stage-band {
291
- left:0;
292
- top:0;
293
- height: 100%;
294
- position: fixed;
295
- display: block;
296
- z-index: 98;
297
- box-shadow: -5px 0px 10px #1d1d1d
298
- }
299
-
300
- .document-type {
301
- position: relative;
302
- width: 25px;
106
+ @include docBand($order: 1, $textLength: 160px, $fontWeight: 300);
303
107
  }
304
108
 
305
- .document-stage {
306
- position: relative;
307
- width: 25px;
109
+ .document-type-band {
110
+ @include docBand($order: 2, $textLength: 150px, $offset: 180px);
308
111
  }
309
112
 
310
- p.document-type, p.document-stage {
311
- text-transform: uppercase;
312
- font-size: 0.9em;
113
+ #governance-band p.document-type {
313
114
  font-weight: 400;
314
- letter-spacing: 0.05em;
315
- margin:0;
316
- margin-left: 6px;
317
- writing-mode:tb-rl;
318
- -webkit-transform: rotate(180deg);
319
- -moz-transform: rotate(180deg);
320
- -o-transform: rotate(180deg);
321
- transform:rotate(180deg);
322
- white-space:nowrap;
323
- display:block;
324
- bottom:0;
115
+ height: 230px!important;
325
116
  }
326
117
 
327
- p.document-type {
328
- font-weight: 400;
329
- height: 150;
118
+ #standard-band p {
119
+ height: 135px;
330
120
  }
331
121
 
332
- #governance-band p.document-type {
333
- font-weight: 400;
334
- height: 230px!important;
122
+ #proposal-band p {
123
+ height: 150px;
335
124
  }
336
125
 
337
- p.document-stage {
338
- font-weight: 300;
339
- height:160px;
126
+ #standard-band,
127
+ #published-band {
128
+ color: rgb(123, 168, 18);
340
129
  }
341
130
 
342
- #standard-band p {
343
- height: 135px; }
344
-
345
- #proposal-band p {
346
- height: 150px; }
347
-
348
- #standard-band, #published-band {
349
- color: rgb(123, 168, 18);
350
- background-color: rgb(216, 236, 168); }
351
-
352
- #standard, #published {
353
- color: #9ABD48; }
354
-
355
- #governance, #policy-and-procedures {
356
- border-bottom: solid 3px #750697; }
357
-
358
- #governance-band, #policy-and-procedures-band {
359
- background-color: #750697; }
360
-
131
+ #standard,
132
+ #published {
133
+ color: #9ABD48;
134
+ }
361
135
 
362
136
 
363
- $docstage-colors-list:(
364
- rfc: #48a0e7,
365
- candidate: #fd06fd,
366
- published: #9abd48,
367
- deprecated: #7e0d13,
368
- retired: #7e0d13,
369
- working-draft: #f780ec,
370
- proposal: #f780ec,
371
- committee-draft: #fd06fd,
372
- draft-standard: #fd06fd,
373
- standard: #9abd48,
374
- obsolete: #7e0d13,
375
- guide: #48a0e7,
376
- );
137
+ @import 'coverpage';
377
138
 
378
- @each $key,$val in $docstage-colors-list{
379
- ##{$key}-band {
380
- background-color: #{$val};
381
- }
382
- ##{$key} {
383
- border-bottom: solid 3px #{$val};
384
- }
139
+ p {
140
+ margin-top: 1em;
141
+ margin-bottom: 1em;
385
142
  }
386
143
 
387
- .coverpage-maturity, .coverpage-stage {
388
- font-family: $headerfont;
144
+ h1, h2, h3, h4, h5, h6 {
145
+ color: #00335b;
389
146
  font-weight: 400;
390
- font-size: 1.3em;
391
- margin: 0 0 2em 0;
392
- text-transform: uppercase;
147
+ margin-top: 1.6em;
148
+ margin-bottom: 0.3em;
393
149
  }
394
150
 
151
+ h1 {
152
+ font-size: 1.8em;
153
+ text-transform: uppercase;
154
+ margin-top: 2em;
395
155
 
396
- /*
397
- 3. TYPOGRAPHY
398
- */
399
-
400
- /*
401
- 3.1 Titles
402
- */
403
-
404
- h1,h2,h3,h4,h5,h6 {
405
- font-family: $headerfont;
406
- color: #00335b;
407
- font-weight: 400;
408
- margin-top: 1.6em;
409
- margin-bottom: 0.3em;
410
- }
411
-
412
- h1 {
413
- font-size: 1.8em;
414
- text-transform: uppercase;
156
+ #content {
415
157
  margin-top: 2em;
416
158
  }
159
+ }
417
160
 
418
- h1#content {
419
- margin-top: 2em;
420
- }
421
-
422
- h2 {
423
- margin-top: 1.3em;
424
- font-size: 1.7em;
425
- font-weight: 300;
426
- }
161
+ h2 {
162
+ margin-top: 1.3em;
163
+ font-size: 1.7em;
164
+ font-weight: 300;
427
165
 
428
- h3 {
429
- margin-top: 1.3em;
430
- font-size: 1.5em;
431
- font-weight: 100;
166
+ p {
167
+ display: inline;
432
168
  }
169
+ }
433
170
 
434
- h4 {
435
- font-size: 1.4em;
436
- }
171
+ h3 {
172
+ margin-top: 1.3em;
173
+ font-size: 1.5em;
174
+ font-weight: 100;
175
+ }
437
176
 
438
- .TermNum, .Terms, .AltTerms {
439
- color: #00335b;
440
- font-weight: 300;
441
- font-family: $headerfont;
442
- }
177
+ h4 {
178
+ font-size: 1.4em;
179
+ }
443
180
 
444
- h2.TermNum {
445
- margin-bottom: 0;
446
- }
447
181
 
448
- /*
449
- p.Terms {
450
- font-size: 1.1em;
451
- line-height: 1.5em;
452
- margin: 0;
182
+ .contact-info {
183
+ a:hover {
184
+ text-decoration: underline;
185
+ background: none;
186
+ box-shadow: 0 0 0 0;
453
187
  }
454
- */
455
-
456
- p.AltTerms {
457
- /*
458
- font-style: italic;
459
- */
460
- font-size: 24px;
461
- margin-top: 1em;
188
+ a, a:hover {
189
+ color: #00335b;
462
190
  }
463
191
 
464
- /*
465
- 3.2 Links
466
- */
467
-
468
- a, a:visited{
469
- text-decoration: none;
470
- color: #2e81c2;
471
- }
472
-
473
- a:hover {
474
- color: white;
475
- background: #00335b;
476
- box-shadow: 3px 0 0 #00335b, -3px 0 0 #00335b;
477
- /* padding: 2px 0 2px 0; */
478
- }
479
-
480
- ::selection {
481
- background: #00335b; /* WebKit/Blink Browsers */
482
- color: white;
483
- }
484
- ::-moz-selection {
485
- background: #00335b; /* Gecko Browsers */
486
- color: white;
487
- }
488
-
489
- .contact-info a:hover {
490
- color: #2e81c2;
491
- text-decoration: underline;
492
- background: none;
493
- box-shadow: 0 0 0 0;
494
- }
495
-
496
-
497
-
498
- /*
499
- 3.3 Lists
500
- */
501
-
502
- ul, ol {margin-left: 1.2em;}
503
-
504
- ul > li {
505
- list-style: none;
506
- }
192
+ padding: 2em;
193
+ margin-top: 5em;
194
+ width: 280px;
195
+ text-align: left;
196
+ border: #00335b solid 2px;
197
+ color: #00335b!important;
198
+ border-radius: 25px;
507
199
 
508
- ul > li:before {
509
- content: "\2014";
510
- display: inline-block;
511
- width: 1em;
512
- margin-left: -1em;
200
+ p, a {
201
+ font-family: $monospacefont;
202
+ font-variant-ligatures: none;
203
+ font-weight: 400;
513
204
  }
514
205
 
515
- ul > li p:first-child {
516
- display: inline;
206
+ .name {
207
+ font-weight: 700;
208
+ font-size: 1.2em;
209
+ margin-bottom:0;
517
210
  }
518
211
 
519
- ul > li:first-child {
520
- margin-top: 1em;
212
+ .address {
213
+ font-size: 1em;
214
+ line-height: 1.3em;
215
+ margin-top:0;
216
+ }
521
217
  }
522
218
 
523
- #toc-list ul {margin-bottom: 0.25em;}
524
219
 
525
- #toc-list li {list-style-type: none;}
526
-
527
- #toc li:before {
528
- content: " ";
529
- display: none;
220
+ ul, ol {
221
+ margin-left: 1.2em;
530
222
  }
531
223
 
224
+ ul {
225
+ > li {
226
+ list-style: none;
532
227
 
533
- /*
534
- 3.4 Rules
535
- */
536
-
537
- .rule {
538
- width: 100%;
539
- height: 1px;
540
- background-color: #00335b;
541
- margin: 2em 0;
542
- }
543
-
544
- /*
545
- 3.5 Bibliograhy
546
- */
547
-
548
- p.Biblio, p.NormRef {
549
- margin-top: 1em;
550
- margin-left: 2em;
551
- }
228
+ &:before {
229
+ content: "\2014";
230
+ display: inline-block;
231
+ width: 1em;
232
+ margin-left: -1em;
233
+ }
552
234
 
553
- /*
554
- 3.6 Source Code + figures
555
- */
235
+ p:first-child {
236
+ display: inline;
237
+ }
556
238
 
557
- .Sourcecode {
558
- font-family: $monospacefont;
559
- font-variant-ligatures: none;
239
+ &:first-child {
240
+ margin-top: 1em;
241
+ }
560
242
  }
561
-
562
- .figure, .Sourcecode, .pseudocode {
563
- background-color: #e1eef1;
564
- color: #424242;
565
- font-size: 0.8em;
566
- line-height: 1.6em;
567
- padding: 1.5em;
568
- margin: 2em 0 1em 0;
569
- overflow: auto;
570
- }
571
-
572
- .FigureTitle, .SourceTitle, .AdmonitionTitle {
573
- font-weight: 700;
574
- font-size: 1em;
575
- text-align: center;
576
243
  }
577
244
 
578
- /*
579
- 3.7 Notes
580
- */
581
-
582
- .Note {
583
- background-color: #fff8bb;
584
- color: #7d760b;
585
- padding: 1.2em;
586
- margin: 1em 0 1em 0;
587
245
 
588
- p {
589
- margin: 0;
590
- }
246
+ span.keyword {
247
+ font-weight: 600;
591
248
  }
592
249
 
593
- .Admonition {
594
- padding: 1em 1.2em 1.2em 1.2em;
595
- margin: 1em 0 1em 0;
596
- background-color: #fcad88;
597
- border-top: 10px solid #eb5a06;
598
- color:#290404;
599
- }
600
-
601
- .Admonition.Important {
602
- background-color: #f58cff;
603
- color: #5d1364;
604
- border-top: 10px solid #9503a8;
605
- }
606
250
 
607
- .Admonition.Warning {
608
- background-color: #ff989d;
609
- color: #270204;
610
- border-top: 10px solid #e4010c;
611
- }
251
+ /* Tables */
612
252
 
253
+ table {
254
+ @include table($border: none !important);
613
255
 
614
- .Admonition p, .Admonition.Important p, .Admonition.Warning p {
615
- margin: 0;
616
- }
256
+ color: #010d16;
617
257
 
258
+ tr:nth-child(even) {
259
+ background: #f1f8ff
260
+ }
261
+ tr:nth-child(odd) {
262
+ background: #cfe6fd
263
+ }
618
264
 
619
- /*
620
- 3.8 Examples
621
- */
265
+ thead tr th {
266
+ background-color: #5d99d6;
267
+ }
622
268
 
623
- .example {
624
- background-color: #e1eef1;
625
- color: #424242;
626
- padding: 1.2em;
627
- margin: 2em 0 1em 0;
628
- padding-left: 2em;
629
- }
269
+ td, th {
270
+ padding: 1em;
271
+ }
630
272
 
631
- .example .example-title {
632
- font-weight: 700;
633
- text-transform: uppercase;
634
- margin-top:0;
635
- margin-left:-1.5em;
273
+ td.header {
274
+ font-weight: 400;
275
+ }
636
276
  }
637
277
 
638
- .example .Sourcecode, .example .pseudocode {
639
- background: none;
640
- }
641
-
642
- .recommend, .recommend .example_label {
643
- background-color: #f8ffbd;
644
- }
645
-
646
- .recommend .example_label {
647
- font-weight: bold;
648
- }
649
-
650
- .permission, .permission .example_label {
651
- background-color: #cdfdbe;
652
- }
653
-
654
- .permission .example_label {
655
- font-weight: bold;
656
- }
657
-
658
- .require, .require .example_label {
659
- background-color: #d3e6ff;
660
- }
661
-
662
- .require .example_label {
663
- font-weight: bold;
664
- }
278
+ table.recommendtest {
279
+ @include table($border: none !important);
665
280
 
281
+ color: #010d16;
666
282
 
283
+ tr:nth-child(even) {
284
+ background: #ffffff
285
+ }
286
+ tr:nth-child(odd) {
287
+ background: #ffffff
288
+ }
667
289
 
668
- /*
669
- 3.9 Tables
670
- */
290
+ thead tr th {
291
+ background-color: #5d99d6;
292
+ }
671
293
 
672
- table {
673
- border-collapse: collapse;
674
- width: 100%;
675
- color: #010d16;
676
- font-weight: 300;
677
- margin: 1em 0 2em 0;
678
- margin-left: auto;
679
- margin-right: auto;
680
- padding-right: 2em;
681
- }
294
+ td, th {
295
+ padding: 1em;
296
+ }
682
297
 
683
- table, th, td {
684
- border: none!important;
685
- font-size: 0.95em;
298
+ td.header {
299
+ font-weight: 400;
300
+ }
686
301
  }
687
302
 
688
- tr:nth-child(even) {background: #f1f8ff}
689
- tr:nth-child(odd) {background: #cfe6fd}
690
-
691
- thead tr th {
692
- background-color: #5d99d6;
303
+ td > p:first-child, th > p:first-child {
304
+ margin-top: 0em;
693
305
  }
694
-
695
- td, th {
696
- padding: 1em;
306
+ td > p:last-child, th > p:last-child {
307
+ margin-bottom: 0em;
697
308
  }
698
309
 
699
- td.header {
700
- font-weight: 400;
701
- }
702
310
 
703
311
  p.TableTitle {
704
312
  text-align: center;
@@ -706,462 +314,246 @@ p.TableTitle {
706
314
  font-weight: 400;
707
315
  }
708
316
 
709
- /*
710
- 3.10 Footnotes
711
- */
712
317
 
713
- a.footnote-number {
714
- vertical-align: super;
715
- font-size: 0.8em;
716
- }
318
+ /* Terms */
717
319
 
718
- .footnote {
719
- font-size: 0.9em;
320
+ .TermNum, .Terms, .AltTerms {
321
+ color: #00335b;
322
+ font-weight: 300;
323
+ font-family: $headerfont;
720
324
  }
721
325
 
722
-
723
- /*
724
- 3.11 Blockquotes
725
- */
726
-
727
- .Quote {
728
- background-color: #e1eef1;
729
- font-style: italic;
730
- width: 80%;
731
- padding: 1.5em;
732
- margin-top: 2em;
733
- margin-left: auto;
734
- margin-right: auto;
326
+ h2.TermNum {
327
+ margin-bottom: 0;
735
328
  }
736
329
 
737
-
738
- /*
739
- 3.12 Formulas
740
- */
741
-
742
- .formula {
743
- background-color: #f6f6f6;
744
- padding: 1.5em;
745
- margin-top: 2em;
746
- text-align: center;
330
+ p.AltTerms {
331
+ font-size: 24px;
332
+ margin-top: 1em;
747
333
  }
748
334
 
749
- /*
750
- 3.13 Contact Info
751
- */
752
335
 
753
- .contact-info {
754
- padding: 2em;
755
- margin-top: 5em;
756
- width: 280px;
757
- text-align: left;
758
- border: #00335b solid 2px;
759
- color: #00335b!important;
760
- border-radius: 25px;
761
- }
336
+ /* Links, selection */
762
337
 
763
- .contact-info a,
764
- .contact-info a:hover {
765
- color: #00335b;
766
- }
338
+ @include elementStyles(#2e81c2, white, #00335b);
767
339
 
768
- .contact-info p, .contact-info a {
769
- font-family: $monospacefont;
770
- font-variant-ligatures: none;
771
- font-weight: 400;
772
- }
773
340
 
774
- .contact-info .name {
775
- font-weight: 700;
776
- font-size: 1.2em;
777
- margin-bottom:0;
778
- }
341
+ /* Bibliograhy */
779
342
 
780
- .contact-info .address {
781
- font-size: 1em;
782
- line-height: 1.3em;
783
- margin-top:0;
343
+ p.Biblio, p.NormRef {
344
+ margin-top: 1em;
345
+ margin-left: 2em;
784
346
  }
785
347
 
786
- /*
787
- Keywords
788
- */
789
348
 
790
- span.keyword {
791
- font-weight: 600;
792
- }
349
+ /* Blocks */
793
350
 
794
- /*
795
- Paragraphs
796
- */
351
+ .Sourcecode {
352
+ @include sourceBlock(#f7f7f7);
797
353
 
798
- p {
799
- margin-top: 1em;
800
- margin-bottom: 1em;
354
+ font-family: $monospacefont;
355
+ font-variant-ligatures: none;
801
356
  }
802
357
 
803
- h2 p {
804
- display: inline;
805
- }
358
+ .Admonition {
359
+ @include admonitionBlock();
360
+ padding: 1em 1.2em 1.2em 1.2em;
361
+ margin: 1em 0 1em 0;
362
+ background-color: #fcad88;
363
+ border-top: 10px solid #eb5a06;
364
+ color: #290404;
806
365
 
366
+ &.Important {
367
+ background-color: #f58cff;
368
+ color: #5d1364;
369
+ border-top: 10px solid #9503a8;
370
+ }
807
371
 
808
- /*
809
- 4.0 Page header
810
- */
372
+ &.Warning {
373
+ background-color: #ff989d;
374
+ color: #270204;
375
+ border-top: 10px solid #e4010c;
376
+ }
811
377
 
812
- /*
813
- 4.1 Top Logo
814
- */
815
378
 
816
- .icon-svg {
817
- width: 100%;
818
- color: #5ecf86;
379
+ p, &.Important p, &.Warning p {
380
+ margin: 0;
381
+ }
819
382
  }
820
383
 
821
- .wrapper-top {
822
- background: rgb(0,51,91);
823
- background: linear-gradient(130deg, rgba(0,51,91,1) 45%, rgba(241,248,255,1) 100%);
824
- color: #ffffff;
825
- padding: 5em 0;
826
- width: 100%;
384
+ .figure, .Sourcecode, .pseudocode {
385
+ background-color: #e1eef1;
386
+ color: #424242;
387
+ font-size: 0.8em;
827
388
  }
828
389
 
829
- .wrapper-top-bottom {
830
- width: 0;
831
- height: 0;
832
- border-top: 100px solid #00335b;
833
- border-right: 100px solid transparent;
834
- position: absolute;
835
- }
390
+ .Note {
391
+ background-color: #fff8bb;
392
+ color: #7d760b;
393
+ padding: 1.2em;
394
+ margin: 1em 0 1em 0;
836
395
 
837
- .coverpage-metadata {
838
- margin-top: 35px;
839
- padding-top: 15px;
840
- margin-right: 25px;
841
- border-top: solid 1px white;
396
+ p {
397
+ margin: 0;
398
+ }
842
399
  }
843
400
 
844
- .coverpage-metadata,
845
- .coverpage-alt-formats {
846
- font-size: 12px;
847
- font-family: $headerfont;
848
- margin-left: 1em;
849
- text-align: left;
850
- }
401
+ .example {
402
+ background-color: #e1eef1;
403
+ color: #424242;
404
+ padding: 1.2em;
405
+ margin: 2em 0 1em 0;
406
+ padding-left: 2em;
851
407
 
852
- .coverpage-metadata span,
853
- .coverpage-alt-formats span {
854
- display: block;
855
- text-align: left;
856
- }
408
+ .example-title {
409
+ font-weight: 700;
410
+ text-transform: uppercase;
411
+ margin-top:0;
412
+ margin-left:-1.5em;
413
+ }
857
414
 
858
- .coverpage-metadata .value,
859
- .coverpage-alt-formats .value {
860
- font-size: 15px;
861
- margin-bottom: 15px;
862
- }
863
- .coverpage-metadata .label,
864
- .coverpage-alt-formats .label {
865
- font-size: 12px;
866
- padding:0;
867
- }
868
- .coverpage-alt-formats span {
869
- display: inline;
870
- text-align: left;
415
+ .Sourcecode, .pseudocode {
416
+ background: none;
417
+ }
871
418
  }
872
419
 
873
- .coverpage-metadata span a,
874
- .coverpage-alt-formats span a {
875
- color: white;
876
- }
877
- .coverpage-alt-formats span a {
878
- padding-right: 5px;
879
- }
880
- .coverpage-metadata span a:hover,
881
- .coverpage-alt-formats span a:hover {
882
- text-decoration: underline;
883
- background: none;
884
- box-shadow: none !important;
885
- font-weight: 400;
420
+ .Quote {
421
+ @include blockquoteBlock(#e1eef1);
886
422
  }
887
423
 
888
- .coverpage-title {
889
- padding-bottom: 0.5em;
890
- font-family: $headerfont;
891
- font-weight: 100;
892
- padding-left: 1em;
893
- padding-right: 1em;
894
- /* text-transform: uppercase; */
895
- }
896
424
 
897
- .coverpage-title span {
898
- font-family: $headerfont;
899
- font-size: 1.8em;
900
- line-height: 1;
425
+ .formula {
426
+ @include formulaBlock(#f6f6f6);
901
427
  }
902
428
 
903
- .WordSection11 {
904
- padding: 0 2em 0 3em;
905
- }
906
-
907
- .info-section {
908
- padding: 0 2em 0 5em; }
909
-
910
- .prefatory-section {
911
- padding: 0 3em 0 6em;
912
- }
429
+ .recommend, .recommendtest {
430
+ @include recommendationBlock();
431
+ }
913
432
 
914
- .zzSTDTitle1, .MsoCommentText {
915
- display: none;
916
- }
433
+ .require, .requiretest {
434
+ @include recommendationBlock();
435
+ }
917
436
 
918
- .coverpage {
919
- text-align: center;
920
- padding-left: 1.5em;
921
- }
437
+ .permission, .permissiontest {
438
+ @include recommendationBlock();
439
+ }
922
440
 
923
- .coverpage-logo span, .coverpage-tc-name span {
924
- font-family: $bodyfont;
925
- text-transform: none;
926
- font-weight: 300;
927
- margin-left: 1em;
928
- }
929
441
 
930
- .coverpage-tc-name {
931
- font-size: 1.2em;
932
- line-height: 1.2em;
933
- margin: 0.25em 0;
934
- }
442
+ .RecommendationTestTitle {
443
+ @include blockTitle();
444
+ }
935
445
 
936
446
  /*
937
- 4.2 Document Identity
938
- */
939
-
940
- .coverpage-doc-identity {
941
- font-size: 2em;
942
- line-height: 2em;
447
+ .recommend {
448
+ &, .example_label {
449
+ background-color: #f8ffbd;
943
450
  }
944
-
945
- .coverpage-title .title-second {
946
- display: none;
451
+ .example_label {
452
+ font-weight: bold;
947
453
  }
454
+ }
948
455
 
949
- .coverpage-stage-block {
950
- font-family: $headerfont;
951
- font-weight: 600;
952
- font-size: 1.25em;
953
- margin: 2em 0em 2em 0em;
954
- text-transform: uppercase;
456
+ .permission {
457
+ &, .example_label {
458
+ background-color: #cdfdbe;
955
459
  }
956
-
957
- .authors {
958
- margin-top: 2em;
959
- }
960
-
961
- .authors span{
962
- display: block;
963
- line-height: 2;
964
- }
965
-
966
- .authors span.roletag {
967
- display: inline-block;
968
- font-size: 12px;
969
- color: #00335b;
970
- background-color: white;
971
- padding: 2px 5px;
972
- margin-left: 7px;
973
- border-radius: 5px;
974
- }
975
-
976
- /*
977
- 4.3 Draft Warning
978
- */
979
-
980
- .coverpage-warning {
981
- border: #f36f36 solid 2px;
982
- color: #f36f36!important;
983
- margin: 1em 2em;
984
- color: #2e81c2;
985
- padding: 2em 1em 1em 1em;
986
- border-radius: 25px;
460
+ .example_label {
461
+ font-weight: bold;
987
462
  }
463
+ }
988
464
 
989
- .coverpage-warning .title {
990
- font-family: $headerfont;
991
- font-weight: 300;
992
- text-transform: uppercase;
993
- font-size: 1.2em;
465
+ .require {
466
+ &, .example_label {
467
+ background-color: #d3e6ff;
994
468
  }
995
-
996
-
997
- /*
998
- 4.4 Copyright
999
- */
1000
-
1001
- .copyright {
1002
- padding: 1em;
1003
- font-size: 0.9em;
1004
- text-align: left;
469
+ .example_label {
470
+ font-weight: bold;
1005
471
  }
1006
-
1007
-
1008
- /* .copyright .name, .copyright .address {color: #2e81c2;} */
1009
-
1010
-
1011
-
1012
- /*
1013
- 5.0 Other styles
472
+ }
1014
473
  */
1015
474
 
475
+ .recommend {
476
+ @include recommendationBlock();
477
+ }
1016
478
 
479
+ .require {
480
+ @include recommendationBlock();
481
+ }
1017
482
 
1018
- /*
1019
- To top button
1020
- */
483
+ .permission {
484
+ @include recommendationBlock();
485
+ }
1021
486
 
1022
487
  #myBtn {
1023
- font-family: $monospacefont;
1024
- font-variant-ligatures: none;
1025
- display: none;
1026
- position: fixed;
1027
- bottom: 20px;
1028
- right: 30px;
1029
- z-index: 99;
1030
- font-size: 12px;
1031
- border: none;
1032
- outline: none;
1033
- background-color: #00335b;
1034
- opacity: 0.15;
1035
- color: white;
1036
- cursor: pointer;
1037
- padding: 10px 15px 10px 15px;
1038
- border-radius: 4px;
1039
- text-transform: uppercase;
1040
- }
1041
-
1042
- #myBtn:hover {
1043
- opacity: 1;
1044
- }
488
+ @include toTopBtn(white, #00335b);
489
+ }
1045
490
 
1046
- a.anchorjs-link:hover {
1047
- background: none;
1048
- color: #2e81c2;
1049
- box-shadow: none;
491
+ a.anchorjs-link {
492
+ @include anchorLink(#2e81c2);
1050
493
  }
1051
494
 
495
+
1052
496
  @page {
1053
497
  margin: 2cm 1cm;
1054
498
  }
1055
499
 
1056
500
  @media print {
1057
-
1058
-
1059
- .document-info, nav, .copyright, .prefatory-section {
1060
- page-break-before: always;
1061
- }
1062
-
1063
- nav {
1064
- page-break-after: always;
1065
- }
1066
-
1067
501
  h1, h2, h3, h4 {
1068
502
  page-break-after: avoid;
1069
503
  margin-top: 1.2em;
1070
504
  }
1071
505
 
1072
- .note, .figure, .Sourcecode, .pseudocode, table {
1073
- page-break-inside: avoid;
1074
- }
506
+ h1 {
507
+ font-size: 1.5em;
508
+ line-height: 1.5;
1075
509
 
1076
- .info-section {
1077
- display: none;
510
+ &.content {
511
+ margin-top: 2em;
512
+ line-height: 2.5em;
513
+ }
1078
514
  }
1079
515
 
1080
- .coverpage {
1081
- height: 23cm;
516
+ h2 {
517
+ font-size: 1.2em
1082
518
  }
1083
519
 
1084
- .wrapper-top {
1085
- top: 0;
1086
- padding-top: 4cm;
1087
- padding-bottom: 4cm;
520
+ h3 {
521
+ font-size: 1em;
1088
522
  }
1089
523
 
1090
- .wrapper-top-bottom {
1091
- margin-top: -5px;
524
+ .prefatory-section {
525
+ page-break-before: always;
1092
526
  }
1093
527
 
1094
-
1095
- #toggle, .document-stage-band,
1096
- .document-type-band, button#myBtn {
1097
- display: none;
528
+ .note, .pseudocode {
529
+ page-break-inside: avoid;
1098
530
  }
1099
531
 
1100
- button#myBtn {
1101
- background-color: white;
1102
- }
532
+ .Note {
533
+ background-color: #fff495;
534
+ color: #47430c;
535
+ padding: 5px;
536
+ margin: 2em 0 1em 0;
1103
537
 
1104
- .container {
1105
- padding-left: 0;
538
+ p {
539
+ padding: 0 5px 0 5px;
540
+ }
1106
541
  }
1107
542
 
1108
543
  nav {
1109
- position: relative;
1110
- width: auto;
1111
- font-size: 0.9em;
1112
- overflow: auto;
1113
- padding: 0;
1114
- margin-right: 0;
1115
- background-color: white;
1116
- }
1117
-
1118
- #toc .toc-active a {
1119
- color: #4D7EA5;
544
+ line-height: 1;
1120
545
  }
546
+ }
1121
547
 
1122
- #toc .toc-active, #toc li:hover {
1123
- background: white;
1124
- box-shadow: none !important; }
1125
-
1126
- #toc li:hover a {
1127
- color: black; }
1128
-
1129
-
1130
- h1.content {
1131
- margin-top: 2em;
1132
- line-height: 2.5em;
1133
- }
1134
-
1135
- h1 {
1136
- font-size: 1.5em;
1137
- line-height: 1.5;
1138
- }
1139
-
1140
- h2 {
1141
- font-size: 1.2em
1142
- }
1143
-
1144
- h3 {
1145
- font-size: 1em;
1146
- }
1147
548
 
1148
- .Note {
1149
- background-color: #fff495;
1150
- color: #47430c;
1151
- padding: 5px;
1152
- margin: 2em 0 1em 0; }
1153
549
 
1154
- .Note p {
1155
- padding: 0 5px 0 5px;
1156
- }
1157
-
1158
- nav {
1159
- line-height: 1;
1160
- }
1161
-
1162
- .wrapper-top-bottom {
1163
- display: none;
1164
- }
550
+ /* Footnotes */
1165
551
 
552
+ a.footnote-number {
553
+ vertical-align: super;
554
+ font-size: 0.8em;
1166
555
  }
1167
556
 
557
+ .footnote {
558
+ font-size: 0.9em;
559
+ }