418 attribution { font-style: italic; } |
418 attribution { font-style: italic; } |
419 |
419 |
420 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
420 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
421 |
421 |
422 media { |
422 media { |
423 text-align: center; |
423 margin-top: .5em; |
|
424 margin-bottom: 1em; |
|
425 padding: 10px; |
|
426 border: 1px dashed #7f7f7f; |
|
427 } |
|
428 |
|
429 media image, media audio { |
|
430 display: block; |
|
431 color: #7f7f7f; |
|
432 font-family: sans-serif; |
|
433 } |
|
434 media image:after, media audio:after { |
|
435 content: " " insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
424 } |
436 } |
425 |
437 |
426 image { |
438 image { |
427 display: block; |
439 content: concatenate("image('Images/", attr(id), ".png', -64, -64, smooth)"); |
428 margin: .5em; |
440 vertical-align: middle; |
429 content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)"); |
441 } |
|
442 media image { |
|
443 content: "Image : " |
|
444 concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)"); |
|
445 } |
|
446 |
|
447 media audio { |
|
448 content: "Audio : " text-field(attribute, id, color, black); |
430 } |
449 } |
431 |
450 |
432 caption { |
451 caption { |
433 font-style: italic; |
452 font-style: italic; |
434 font-size: 93%; |
453 font-size: 93%; |
435 } |
454 } |
436 |
455 caption:after { |
437 audio { |
456 content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
438 content: attr(id); |
457 } |
439 } |
458 |
440 |
459 |
441 /* Inline level ============================================================ */ |
460 /* Inline level ============================================================ */ |
442 |
461 |
443 /* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */ |
462 /* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */ |
444 |
463 |