|
5 | 5 |
|
6 | 6 | @import "https://www.w3.org/StyleSheets/TR/2016/base.css"; |
7 | 7 |
|
8 | | - /* Style for paragraphs I know are in MD-genned lists */ |
9 | | - [data-md] > :first-child { |
10 | | - margin-top: 0; |
11 | | - } |
12 | | - [data-md] > :last-child { |
13 | | - margin-bottom: 0; |
14 | | - } |
15 | | - |
16 | | - /* This is mostly to make the list inside the CR exit criteria more compact. */ |
17 | | - |
18 | | - ol.inline, ol.inline li { |
19 | | - display: inline; |
20 | | - padding: 0; margin: 0; |
21 | | - } |
22 | | - ol.inline { |
23 | | - counter-reset: list-item; |
24 | | - } |
25 | | - ol.inline li { |
26 | | - counter-increment: list-item; |
27 | | - } |
28 | | - ol.inline li::before { |
29 | | - content: "(" counter(list-item) ") "; |
30 | | - font-weight: bold; |
31 | | - } |
32 | | - |
33 | | -/** Syntax-Highlighted Code ***************************************************/ |
34 | | - |
35 | | - .example pre[class*="language-"], |
36 | | - .example [class*="language-"] pre, |
37 | | - .example pre[class*="lang-"], |
38 | | - .example [class*="lang-"] pre { |
39 | | - background: transparent; /* Prism applies a gray background that doesn't work well in the template. */ |
40 | | - } |
41 | | - |
42 | 8 | /** Example Code **************************************************************/ |
43 | 9 |
|
44 | 10 | div.html, div.xml, |
|
60 | 26 | color: red; |
61 | 27 | } |
62 | 28 |
|
63 | | -/** Inline CSS fragments ******************************************************/ |
64 | | - |
65 | | - .css.css, .property.property, .descriptor.descriptor { |
66 | | - color: #005a9c; |
67 | | - font-size: inherit; |
68 | | - font-family: inherit; |
69 | | - } |
70 | | - .css::before, .property::before, .descriptor::before { |
71 | | - content: "‘"; |
72 | | - } |
73 | | - .css::after, .property::after, .descriptor::after { |
74 | | - content: "’"; |
75 | | - } |
76 | | - .property, .descriptor { |
77 | | - /* Don't wrap property and descriptor names */ |
78 | | - white-space: nowrap; |
79 | | - } |
80 | | - .type { /* CSS value <type> */ |
81 | | - font-style: italic; |
82 | | - } |
83 | | - pre .property::before, pre .property::after { |
84 | | - content: ""; |
85 | | - } |
86 | | - |
87 | 29 | /** Inline markup fragments ***************************************************/ |
88 | 30 |
|
89 | 31 | code.html, code.xml { |
90 | 32 | color: #660000; |
91 | 33 | } |
92 | 34 |
|
93 | | -/** Autolinks produced using Bikeshed *****************************************/ |
94 | | - |
95 | | - [data-link-type]:not([data-link-type="dfn"]), |
96 | | - [data-dfn-type]:not([data-dfn-type="dfn"]) { |
97 | | - hyphens: none; |
98 | | - } |
99 | | - |
100 | | - [data-link-type="property"]::before, |
101 | | - [data-link-type="propdesc"]::before, |
102 | | - [data-link-type="descriptor"]::before, |
103 | | - [data-link-type="value"]::before, |
104 | | - [data-link-type="function"]::before, |
105 | | - [data-link-type="at-rule"]::before, |
106 | | - [data-link-type="selector"]::before, |
107 | | - [data-link-type="maybe"]::before { |
108 | | - content: "‘"; |
109 | | - } |
110 | | - [data-link-type="property"]::after, |
111 | | - [data-link-type="propdesc"]::after, |
112 | | - [data-link-type="descriptor"]::after, |
113 | | - [data-link-type="value"]::after, |
114 | | - [data-link-type="function"]::after, |
115 | | - [data-link-type="at-rule"]::after, |
116 | | - [data-link-type="selector"]::after, |
117 | | - [data-link-type="maybe"]::after { |
118 | | - content: "’"; |
119 | | - } |
120 | | - |
121 | | - [data-link-type].production::before, |
122 | | - [data-link-type].production::after, |
123 | | - .prod [data-link-type]::before, |
124 | | - .prod [data-link-type]::after { |
125 | | - content: ""; |
126 | | - } |
127 | | - |
128 | | - [data-link-type=element], |
129 | | - [data-link-type=element-attr] { |
130 | | - font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace; |
131 | | - font-size: .9em; |
132 | | - } |
133 | | - [data-link-type=element]::before { content: "<" } |
134 | | - [data-link-type=element]::after { content: ">" } |
135 | | - |
136 | | - [data-link-type=biblio] { |
137 | | - white-space: pre; |
138 | | - } |
139 | | - |
140 | | -/** Self-Links ****************************************************************/ |
141 | | - /* Auto-generated links from an element to its own anchor, for usability */ |
142 | | - |
143 | | - .heading, .issue, .note, .example, li, dt { |
144 | | - position: relative; |
145 | | - } |
146 | | - a.self-link { |
147 | | - position: absolute; |
148 | | - top: 0; |
149 | | - left: -2.5em; |
150 | | - width: 2em; |
151 | | - height: 2em; |
152 | | - text-align: center; |
153 | | - border: none !important; |
154 | | - opacity: .5; |
155 | | - transition: opacity .2s; |
156 | | - } |
157 | | - a.self-link:hover { |
158 | | - opacity: 1; |
159 | | - } |
160 | | - .heading > a.self-link { |
161 | | - font-size: 83%; |
162 | | - } |
163 | | - li > a.self-link { |
164 | | - left: -3.5em; |
165 | | - } |
166 | | - dfn > a.self-link { |
167 | | - top: auto; |
168 | | - left: auto; |
169 | | - width: 1.5em; |
170 | | - height: 1.5em; |
171 | | - background: gray; |
172 | | - color: white; |
173 | | - font-style: normal; |
174 | | - opacity: 0; |
175 | | - transition: opacity .2s, background-color .2s, color .2s; |
176 | | - } |
177 | | - dfn:hover > a.self-link { |
178 | | - opacity: 1; |
179 | | - } |
180 | | - dfn > a.self-link:hover { |
181 | | - color: #005A9C; |
182 | | - background: #ddd; |
183 | | - } |
184 | | - |
185 | | - a.self-link::before { content: "¶"; } |
186 | | - .heading > a.self-link::before { content: "§"; } |
187 | | - dfn > a.self-link::before { content: "#"; } |
188 | | - |
189 | 35 | /******************************************************************************/ |
190 | 36 | /* Images */ |
191 | 37 | /******************************************************************************/ |
|
205 | 51 | display: table; |
206 | 52 | } |
207 | 53 |
|
208 | | -/******************************************************************************/ |
209 | | -/* Counters */ |
210 | | -/******************************************************************************/ |
211 | | - |
212 | | - .caption::before, |
213 | | - figcaption::before { |
214 | | - content: "Figure " counter(figure) ". "; |
215 | | - } |
216 | | - |
217 | | - .issue:not(.no-marker)::before { |
218 | | - content: "Issue " counter(issue); |
219 | | - } |
220 | | - |
221 | | - .example:not(.no-marker)::before { |
222 | | - content: "Example"; |
223 | | - content: "Example " counter(example); |
224 | | - } |
225 | | - .invalid.example:not(.no-marker)::before, |
226 | | - .illegal.example:not(.no-marker)::before { |
227 | | - content: "Invalid Example "; |
228 | | - content: "Invalid Example " counter(example); |
229 | | - } |
230 | | - |
231 | 54 | /******************************************************************************/ |
232 | 55 | /* Tables */ |
233 | 56 | /******************************************************************************/ |
|
0 commit comments