320 /* Block level ============================================================= */ |
320 /* Block level ============================================================= */ |
321 |
321 |
322 p:before, speech:before, list:before, |
322 p:before, speech:before, list:before, |
323 blockquote:before, table:before, media:before { |
323 blockquote:before, table:before, media:before { |
324 display: marker; |
324 display: marker; |
325 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
325 color: #7f7f7f; |
326 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
326 content: insert-before-button(icon, icon(left-half-disc)) |
|
327 insert-after-button(icon, icon(right-half-disc)); |
327 } |
328 } |
328 |
329 |
329 p, speech, list, blockquote, table, media { |
330 p, speech, list, blockquote, table, media { |
330 display: block; |
331 display: block; |
331 margin-left: 24px; |
332 margin-left: 24px; |
353 content: ")"; |
354 content: ")"; |
354 } |
355 } |
355 |
356 |
356 /* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
357 /* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
357 |
358 |
|
359 list:before { |
|
360 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
361 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)) |
|
362 command-button(command, "putAttribute", parameter, "type ordered", icon, icon(convert)); |
|
363 } |
|
364 list[type="ordered"]:before { |
|
365 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
366 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)) |
|
367 command-button(command, "removeAttribute", parameter, "type", icon, icon(convert)); |
|
368 } |
|
369 list[type="glossary"]:before { |
|
370 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
371 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
372 } |
|
373 |
358 list { |
374 list { |
|
375 margin: .3em 0 .3em 36px; |
|
376 } |
|
377 list[type="glossary"] { |
359 margin: .3em 0 .3em 24px; |
378 margin: .3em 0 .3em 24px; |
360 } |
379 } |
361 |
380 |
362 list > head { |
381 list > head { |
363 font-size: 75%; |
382 font-size: 75%; |
366 item { |
385 item { |
367 display: list-item; |
386 display: list-item; |
368 } |
387 } |
369 list[type="ordered"] > item { |
388 list[type="ordered"] > item { |
370 list-style-type: decimal; |
389 list-style-type: decimal; |
|
390 list-style-position: inside; |
371 } |
391 } |
372 |
392 |
373 item:after { |
393 item:after { |
374 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
394 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
375 } |
395 } |
376 |
396 |
|
397 list:not([type="glossary"]) > item > p:before { |
|
398 color: #7f7f7f; |
|
399 content: insert-same-before-button(icon, icon(left-half-disc)) |
|
400 insert-same-after-button(icon, icon(right-half-disc)); |
|
401 } |
|
402 list:not([type="glossary"]) > item > p { |
|
403 display: inline; |
|
404 } |
|
405 list:not([type="glossary"]) > item > p:after { |
|
406 color: #7f7f7f; |
|
407 content: "\A"; |
|
408 } |
|
409 |
377 list[type="glossary"] > item > label { |
410 list[type="glossary"] > item > label { |
378 font-weight: bold; |
411 font-weight: bold; |
379 } |
412 } |
380 |
413 |
381 /* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */ |
414 /* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */ |
382 |
415 |
|
416 blockquote { color: #004080; } |
|
417 |
383 attribution { font-style: italic; } |
418 attribution { font-style: italic; } |
384 |
|
385 |
419 |
386 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
420 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
387 |
421 |
388 media { |
422 media { |
389 text-align: center; |
423 text-align: center; |