|
Lines 272-278
Link Here
|
| 272 |
background-color: #edc; |
272 |
background-color: #edc; |
| 273 |
border-style: solid; |
273 |
border-style: solid; |
| 274 |
border-color: #EEB985; |
274 |
border-color: #EEB985; |
| 275 |
border-width: 0 0 0 24px; |
275 |
border-width: 0 0 0 2.25em; |
| 276 |
border-radius: 6px; |
276 |
border-radius: 6px; |
| 277 |
counter-reset: code; |
277 |
counter-reset: code; |
| 278 |
} |
278 |
} |
|
Lines 284-290
Link Here
|
| 284 |
background-color: #eee; |
284 |
background-color: #eee; |
| 285 |
border-style: solid; |
285 |
border-style: solid; |
| 286 |
border-color: #BABABA; |
286 |
border-color: #BABABA; |
| 287 |
border-width: 0 0 0 24px; |
287 |
border-width: 0 0 0 2.25em; |
| 288 |
border-radius: 6px; |
288 |
border-radius: 6px; |
| 289 |
counter-reset: code; |
289 |
counter-reset: code; |
| 290 |
} |
290 |
} |
|
Lines 292-309
Link Here
|
| 292 |
span.verbatim { |
292 |
span.verbatim { |
| 293 |
counter-increment: code; |
293 |
counter-increment: code; |
| 294 |
display: block; |
294 |
display: block; |
| 295 |
padding: 0 13px 0 29px; |
295 |
padding: 0 0.5em 0 3.5em; |
| 296 |
position: relative; |
296 |
position: relative; |
| 297 |
margin: 0 -8px 0 -24px; |
297 |
margin: 0 -0.3em 0 -3em; |
| 298 |
overflow: hidden; |
298 |
overflow: hidden; |
| 299 |
} |
299 |
} |
| 300 |
|
300 |
|
| 301 |
span.verbatim:before { |
301 |
span.verbatim:before { |
| 302 |
width: 24px; |
302 |
width: 3em; |
| 303 |
text-align: right; |
303 |
text-align: center; |
| 304 |
content: counter(code) " "; |
304 |
content: counter(code); |
| 305 |
position: absolute; |
305 |
position: absolute; |
| 306 |
left: -10px; |
306 |
left: 0; |
|
|
307 |
color: #404040; |
| 307 |
} |
308 |
} |
| 308 |
|
309 |
|
| 309 |
@media screen { /* hide from IE3 */ |
310 |
@media screen { /* hide from IE3 */ |