Browse Source

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'.
yohooo-patch-1
placido@roxing.net 5 years ago
parent
commit
cb25d8ddcf
  1. 8
      css/oembed.css
  2. 2
      modeles/oembed_photo.html
  3. 4
      modeles/oembed_rich.html
  4. 4
      modeles/oembed_video.html

8
css/oembed.css

@ -52,18 +52,18 @@ figure.oe-image-block figcaption {background:#eee;padding: 10px;text-align: left
/* Play button */
.oe-play-button {position: relative;cursor: pointer;}
.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}
.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}
.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}
.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;}
.oe-play-button button:hover {cursor: pointer;}
.oe-play-button button .label {position: fixed; left: -999em;}
.oe-play-button_label {position: fixed; left: -5000em;}
.oe-play-button:hover button,.oe-play-button button:focus {background-color: #DD2826;}
.oe-play-button:hover button:before,.oe-play-button button:focus:before{border-color:#fff;}
.oe-play-button:hover button:after,.oe-play-button:hover button:focus:after{border-left-color:#fff;}
/* Legende */
.oe-title {}
.oe-author_name { display: inline-block; width: 100%; font-style: italic;}
.oe-author {font-style: italic;}
.oe-author_name {}
/* Cas particuliers */
/* Storify */

2
modeles/oembed_photo.html

@ -5,6 +5,6 @@
</span>]
<figcaption>
[<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)
<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>]
<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>]
[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
</figcaption>

4
modeles/oembed_rich.html

@ -6,13 +6,13 @@
[(#GET{async}|oui)
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)]'));}"
]>
[(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
[(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
[(#GET{async}|non) [(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
</div>
<style><!--/**/.oe-rich .loading {background-image:url("#CHEMIN_IMAGE{searching.gif}")!important;background-size:auto !important;}/**/--></style>
</div>
<figcaption>
[<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)
<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>]
<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>]
[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
</figcaption>

4
modeles/oembed_video.html

@ -6,13 +6,13 @@
[(#GET{async}|oui)
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)]'));}"
]>
[(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
[(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
[(#GET{async}|non)[(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
</div>
<style><!--/**/.oe-video .loading {background-image:url("#CHEMIN_IMAGE{searching.gif}")!important;background-size:auto !important;}/**/--></style>
</div>
<figcaption>
[<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)
<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>]
<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>]
[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
</figcaption>

Loading…
Cancel
Save