| 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; |