Changeset 109611 in spip-zone


Ignore:
Timestamp:
Mar 19, 2018, 3:55:30 PM (3 years ago)
Author:
placido@…
Message:

Suite de r109601 sur recommandations de Cédric

  • Rétablir le text-indent et le <br/> pour ceux qui ont surchargé le modèle dans une version antérieure.
  • prefixer les classes avec 'oe-'

NB: Le markup conserve malgré tout une petite nouveauté :
span.oe-author_name ----> span.oe-author > span.oe-author_par + .oe-author_name
pour être en mesure de cibler uniquement la chaine de langue 'par'.

Location:
_plugins_/oembed
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/oembed/css/oembed.css

    r109601 r109611  
    5353/* Play button */
    5454.oe-play-button {position: relative;cursor: pointer;}
    55 .oe-play-button button {position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
     55.oe-play-button button {text-indent:-5000em; cursor: pointer; position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
    5656.oe-play-button button:before {content:"";position: absolute;top:-1px;left:-1px;display: block;padding:0;border:4px solid #ddd;width: 68px;height: 68px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
    5757.oe-play-button button:after {content:"";position: absolute;display: block;left: 50%;top: 50%;border-left:20px solid #ddd;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left: -7px;margin-top: -10px;z-index:11;}
    58 .oe-play-button button:hover {cursor: pointer;}
    59 .oe-play-button button .label {position: fixed; left: -999em;}
     58.oe-play-button_label {position: fixed; left: -5000em;}
    6059.oe-play-button:hover button,.oe-play-button button:focus {background-color: #DD2826;}
    6160.oe-play-button:hover button:before,.oe-play-button button:focus:before{border-color:#fff;}
     
    6463/* Legende */
    6564.oe-title {}
    66 .oe-author_name { display: inline-block; width: 100%; font-style: italic;}
     65.oe-author {font-style: italic;}
     66.oe-author_name {}
    6767
    6868/* Cas particuliers */
  • _plugins_/oembed/modeles/oembed_photo.html

    r109601 r109611  
    66<figcaption>
    77[<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
    8 <span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
     8<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
    99[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
    1010</figcaption>
  • _plugins_/oembed/modeles/oembed_rich.html

    r109601 r109611  
    77                onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('[(#ENV*{data/html}|oembed_force_video_autoplay|rawurlencode|texte_script)]'));}"
    88        ]>
    9                 [(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
     9                [(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
    1010                [(#GET{async}|non) [(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
    1111        </div>
     
    1414<figcaption>
    1515[<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
    16 <span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
     16<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
    1717[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
    1818</figcaption>
  • _plugins_/oembed/modeles/oembed_video.html

    r109601 r109611  
    77                        onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('[(#ENV*{data/html}|oembed_force_video_autoplay|rawurlencode|texte_script)]'));}"
    88                ]>
    9                         [(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
     9                        [(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
    1010                        [(#GET{async}|non)[(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
    1111        </div>
     
    1414<figcaption>
    1515[<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
    16 <span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
     16<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
    1717[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
    1818</figcaption>
Note: See TracChangeset for help on using the changeset viewer.