41 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
41 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
42 head > subjectset:before { content: insert-before-button() " Thèmes :"; } |
42 head > subjectset:before { content: insert-before-button() " Thèmes :"; } |
43 head > abstract:before { content: insert-before-button() " Résumé :"; } |
43 head > abstract:before { content: insert-before-button() " Résumé :"; } |
44 head > cover:before { content: insert-before-button() " Couverture :"; } |
44 head > cover:before { content: insert-before-button() " Couverture :"; } |
45 head > annotation:before { content: insert-before-button() " Annotation :"; } |
45 head > annotation:before { content: insert-before-button() " Annotation :"; } |
|
46 head > audio:before { content: insert-before-button() " Audio :"; } |
46 |
47 |
47 head > * { |
48 head > * { |
48 display: block; |
49 display: block; |
49 margin: 0 0 .8em 7.5em; |
50 margin: 0 0 .8em 7.5em; |
50 } |
51 } |
426 border: 1px dashed #7f7f7f; |
428 border: 1px dashed #7f7f7f; |
427 } |
429 } |
428 |
430 |
429 media image, media audio { |
431 media image, media audio { |
430 display: block; |
432 display: block; |
431 color: #7f7f7f; |
|
432 font-family: sans-serif; |
433 font-family: sans-serif; |
433 } |
434 } |
434 media image:after, media audio:after { |
435 |
435 content: " " insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
436 media caption { |
436 } |
437 display: block; |
437 |
438 } |
438 image { |
439 media caption:after { |
439 content: concatenate("image('Images/", attr(id), ".png', -64, -64, smooth)"); |
440 content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
441 } |
|
442 |
|
443 /* image ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
444 |
|
445 cover image { |
|
446 content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)"); |
|
447 } |
|
448 |
|
449 p image { |
|
450 content: concatenate("image('Images/", attr(id), ".png', -64, -48, smooth)"); |
440 vertical-align: middle; |
451 vertical-align: middle; |
441 } |
452 } |
|
453 |
|
454 media image:before { |
|
455 display: block; |
|
456 text-align: left; |
|
457 content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)") |
|
458 insert-button(color, #7f7f7f, icon, icon(pop-down)) |
|
459 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
460 } |
|
461 media image[type="thumbnail"]:before { |
|
462 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)") |
|
463 insert-button(color, #7f7f7f, icon, icon(pop-down)) |
|
464 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
465 } |
|
466 |
|
467 tooltip image:before { |
|
468 content: ""; |
|
469 } |
|
470 tooltip > image { |
|
471 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
|
472 } |
|
473 |
442 media image { |
474 media image { |
443 content: "Image : " |
475 margin-bottom: .8em; |
444 concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)"); |
476 } |
445 } |
477 |
446 |
478 image > copyright { |
|
479 display: block; |
|
480 font-size: 75%; |
|
481 font-style: italic; |
|
482 } |
|
483 |
|
484 tooltip { |
|
485 display: block; |
|
486 padding: .5em; |
|
487 background-color: #eaffe9; |
|
488 border-radius: 1.5em; |
|
489 } |
|
490 tooltip > p { |
|
491 font-family: sans-serif; |
|
492 font-size: 85%; |
|
493 } |
|
494 |
|
495 /* audio ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
496 |
|
497 audio { |
|
498 content: text-field(attribute, id, color, black, font-size, 75%) |
|
499 " type : " label(attribute, type, color, black) " " |
|
500 set-attribute-button(attribute, type, icon, icon(pop-sw), color, black); |
|
501 } |
447 media audio { |
502 media audio { |
448 content: "Audio : " text-field(attribute, id, color, black); |
503 content: "Audio : " text-field(attribute, id, color, black) |
449 } |
504 " type : " label(attribute, type, color, black) " " |
450 |
505 set-attribute-button(attribute, type, icon, icon(pop-sw), color, black); |
451 caption { |
|
452 font-style: italic; |
|
453 font-size: 93%; |
|
454 } |
|
455 caption:after { |
|
456 content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
457 } |
506 } |
458 |
507 |
459 |
508 |
460 /* Inline level ============================================================ */ |
509 /* Inline level ============================================================ */ |
461 |
510 |