230 |
white-space: pre-wrap; |
white-space: pre-wrap; |
231 |
} |
} |
232 |
|
|
233 |
|
.example { |
234 |
|
background-color: #ececff; |
235 |
|
} |
236 |
|
|
237 |
|
pre.example { |
238 |
|
margin-left: 1em; |
239 |
|
margin-right: 1em; |
240 |
|
padding: 0.2em 0.5em; |
241 |
|
} |
242 |
|
|
243 |
|
.example.bad { |
244 |
|
background-color: #fff7f7; |
245 |
|
} |
246 |
|
|
247 |
|
code.example.bad { |
248 |
|
color: inherit; |
249 |
|
background-color: #ffeeee; |
250 |
|
} |
251 |
|
|
252 |
|
h3 code.example.bad { |
253 |
|
color: orangered; |
254 |
|
background-color: transparent; |
255 |
|
} |
256 |
|
|
257 |
|
pre.example::before { |
258 |
|
content: "Example"; |
259 |
|
display: block; |
260 |
|
color: #b0b0ff; |
261 |
|
background-color: transparent; |
262 |
|
font-weight: bolder; |
263 |
|
font-family: sans-serif; |
264 |
|
} |
265 |
|
|
266 |
|
pre.example.html::before { |
267 |
|
content: "HTML Example"; |
268 |
|
} |
269 |
|
|
270 |
|
pre.example.xml::before { |
271 |
|
content: "XML Example"; |
272 |
|
} |
273 |
|
|
274 |
|
pre.example.manifest::before { |
275 |
|
content: "Cache Manifest Example"; |
276 |
|
} |
277 |
|
|
278 |
|
pre.example.bad::before { |
279 |
|
content: "Bad Example"; |
280 |
|
color: #ffc1c1; |
281 |
|
} |
282 |
|
|
283 |
|
pre.example.bad.html::before { |
284 |
|
content: "HTML Bad Example"; |
285 |
|
} |
286 |
|
|
287 |
|
pre.example.bad.xml::before { |
288 |
|
content: "XML Bad Example"; |
289 |
|
} |
290 |
|
|
291 |
|
pre.example.bad.manifest::before { |
292 |
|
content: "Cache Manifest Bad Example"; |
293 |
|
} |
294 |
|
|
295 |
.rfc2119 { |
.rfc2119 { |
296 |
border-style: none; |
border-style: none; |
297 |
text-transform: lowercase; |
text-transform: lowercase; |