Changeset 111981 in spip-zone for _plugins_/owlcarousel


Ignore:
Timestamp:
Oct 13, 2018, 7:20:38 AM (5 weeks ago)
Author:
arnaud.berard@…
Message:

prefixer les selecteurs css, les classes étaient un peut trop générique donc on limite la cascade

Location:
_plugins_/owlcarousel/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/owlcarousel/trunk/css/owl.modeles.css

    r111830 r111981  
    1919}
    2020/* Owl VideoPlayer */
     21.owl-video-player .owl-main_player,
     22.owl-video-player .owl-video_thumbs {
     23  max-width: 960px;
     24  margin: 0 auto;
     25}
    2126.owl-video-player .owl-slide {
    2227        display: block;
    23         width: 100%;
     28        width: 100%; /* 1 */
    2429        margin: 0 auto;
    2530}
    26 .owl-video-player .video_thumbs .owl-slide {
     31.owl-video-player .owl-video_thumbs .owl-slide {
    2732        display: inline-block;
     33  width: auto; /* 1- laisse de l'espace entre les vignettes */
    2834        padding:.5em;
    2935        border: 1px solid black;
     
    3137        margin-right: .5em;
    3238}
    33 .owl-video-player .video_thumbs .owl-slide:hover,
    34 .owl-video-player .video_thumbs .owl-slide.active {
     39.owl-video-player .owl-video_thumbs .owl-slide:hover,
     40.owl-video-player .owl-video_thumbs .owl-slide.active {
    3541        border: 1px solid silver;
    3642}
    37 .owl-video-player .video_thumbs .owl-slide > a {
     43.owl-video-player .owl-video_thumbs .owl-slide > a {
    3844        display: block;
    3945}
  • _plugins_/owlcarousel/trunk/noisettes/owl-video-player.html

    r111830 r111981  
    2121[(#REM) <!-- Active item -->]
    2222<div class="owl-video-player">
    23 <div id="#GET{id-carousel}" class="owl-carousel owl-theme">
    24         <BOUCLE_listDocs(DOCUMENTS spip_documents_liens){objet ?}{id_objet ?}{id_document ?}
    25                                                                                                                                                                 {media=video}
    26                                                                                                                                                                 {mode=document}
    27                                                                                                                                                                 {par rang_lien,num titre, date}>
    28         <div class="owl-slide" data-hash="#GET{id-carousel}_#ID_DOCUMENT">
    29                         [(#OEMBED|oembed{})]
     23        <div id="#GET{id-carousel}" class="owl-main_player owl-carousel owl-theme">
     24                <BOUCLE_listDocs(DOCUMENTS spip_documents_liens){objet ?}{id_objet ?}{id_document ?}
     25                                                                                                                                                                        {media=video}
     26                                                                                                                                                                        {mode=document}
     27                                                                                                                                                                        {par rang_lien,num titre, date}>
     28                <div class="owl-slide" data-hash="#GET{id-carousel}_#ID_DOCUMENT">
     29                                [(#OEMBED|oembed{})]
     30                </div>
     31                </BOUCLE_listDocs>
    3032        </div>
    31         </BOUCLE_listDocs>
    32 </div>
    33 [(#REM)<!-- Video thumbnails  -->]
    34 <B_docs>
    35 <div class="video_thumbs">
    36     <div id="[(#GET{id-carousel})_video-thumbnails]" class="diapo_thumbnails owl-carousel">
    37     <BOUCLE_docs(DOCUMENTS spip_documents_liens){objet ?}{id_objet ?}
    38                                                                                                                                                                         {id_document ?}
    39                                                                                                                                                                         {si #ENV{afficher_thumbnails}|=={oui} }
    40                                                                                                                                                                         {mode=document}{media=video}
    41                                                                                                                                                                         {par rang_lien,num titre, date}>
    42         [<div class="owl-slide">
    43             <a class="video_thumbnail[ (#ENV{doc}|=={#GET{id-carousel}_#ID_DOCUMENT}|oui)active]"
    44                href="#[(#GET{id-carousel})_#ID_DOCUMENT]"
    45                [ title="(#TITRE|couper{80}|texte_backend)"]>
    46                                 (#LOGO_DOCUMENT|image_recadre{16:9,'center','transparent'}|image_reduire{200,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
    47             </a>
    48         </div>]
    49     </BOUCLE_docs>
    50     </div>
    51 </div>
    52 </B_docs>
     33        [(#REM)<!-- Video thumbnails  -->]
     34        <B_docs>
     35        <div class="owl-video_thumbs">
     36            <div id="[(#GET{id-carousel})_video-thumbnails]" class="diapo_thumbnails owl-carousel">
     37            <BOUCLE_docs(DOCUMENTS spip_documents_liens){objet ?}{id_objet ?}
     38                                                                                                                                                                                {id_document ?}
     39                                                                                                                                                                                {si #ENV{afficher_thumbnails}|=={oui} }
     40                                                                                                                                                                                {mode=document}{media=video}
     41                                                                                                                                                                                {par rang_lien,num titre, date}>
     42                [<div class="owl-slide">
     43                    <a class="video_thumbnail[ (#ENV{doc}|=={#GET{id-carousel}_#ID_DOCUMENT}|oui)active]"
     44                       href="#[(#GET{id-carousel})_#ID_DOCUMENT]"
     45                       [ title="(#TITRE|couper{80}|texte_backend)"]>
     46                                        (#LOGO_DOCUMENT|image_recadre{16:9,'center','transparent'}|image_reduire{200,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
     47                    </a>
     48                </div>]
     49            </BOUCLE_docs>
     50            </div>
     51        </div>
     52        </B_docs>
    5353</div>
    5454<script>
Note: See TracChangeset for help on using the changeset viewer.