Ignore:
Timestamp:
May 17, 2017, 8:05:38 AM (22 months ago)
Author:
arno@…
Message:

Javascript pour gérer le swipe (écran tactile) sur les <slideXXX>

Location:
_plugins_/medias_responsive_mod/squelettes
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/medias_responsive_mod/squelettes/css/medias_responsive.css

    r104547 r104550  
     1.notrans {
     2        transition: all 0s !important;
     3}
    14.spip_documents_left, .spip_documents_right {
    25        margin-top: 0.5em;
     
    180183        clear: both;
    181184        transition: transform 0.3s;
    182         transform: translate(0%,0);
     185        transform: translate3d(0%,0,0);
    183186}
    184187input.portfolio_slide_radio.sel0:checked ~ .label_ligne_0 { display: block; }
    185 input.portfolio_slide_radio.sel1:checked ~ ul.portfolio_slide { transform: translate(-101%,0); }
     188input.portfolio_slide_radio.sel1:checked ~ ul.portfolio_slide { transform: translate3d(-101%,0,0); }
    186189input.portfolio_slide_radio.sel1:checked ~ .label_ligne_1 { display: block; }
    187 input.portfolio_slide_radio.sel2:checked ~ ul.portfolio_slide { transform: translate(-202%,0); }
     190input.portfolio_slide_radio.sel2:checked ~ ul.portfolio_slide { transform: translate3d(-202%,0,0); }
    188191input.portfolio_slide_radio.sel2:checked ~ .label_ligne_2 { display: block; }
    189 input.portfolio_slide_radio.sel3:checked ~ ul.portfolio_slide { transform: translate(-303%,0); }
     192input.portfolio_slide_radio.sel3:checked ~ ul.portfolio_slide { transform: translate3d(-303%,0,0); }
    190193input.portfolio_slide_radio.sel3:checked ~ .label_ligne_3 { display: block; }
    191 input.portfolio_slide_radio.sel4:checked ~ ul.portfolio_slide { transform: translate(-404%,0); }
     194input.portfolio_slide_radio.sel4:checked ~ ul.portfolio_slide { transform: translate3d(-404%,0,0); }
    192195input.portfolio_slide_radio.sel4:checked ~ .label_ligne_4 { display: block; }
    193 input.portfolio_slide_radio.sel5:checked ~ ul.portfolio_slide { transform: translate(-505%,0); }
     196input.portfolio_slide_radio.sel5:checked ~ ul.portfolio_slide { transform: translate3d(-505%,0,0); }
    194197input.portfolio_slide_radio.sel5:checked ~ .label_ligne_5 { display: block; }
    195 input.portfolio_slide_radio.sel6:checked ~ ul.portfolio_slide { transform: translate(-606%,0); }
     198input.portfolio_slide_radio.sel6:checked ~ ul.portfolio_slide { transform: translate3d(-606%,0,0); }
    196199input.portfolio_slide_radio.sel6:checked ~ .label_ligne_6 { display: block; }
    197 input.portfolio_slide_radio.sel7:checked ~ ul.portfolio_slide { transform: translate(-707%,0); }
     200input.portfolio_slide_radio.sel7:checked ~ ul.portfolio_slide { transform: translate3d(-707%,0,0); }
    198201input.portfolio_slide_radio.sel7:checked ~ .label_ligne_7 { display: block; }
    199 input.portfolio_slide_radio.sel8:checked ~ ul.portfolio_slide { transform: translate(-808%,0); }
     202input.portfolio_slide_radio.sel8:checked ~ ul.portfolio_slide { transform: translate3d(-808%,0,0); }
    200203input.portfolio_slide_radio.sel8:checked ~ .label_ligne_8 { display: block; }
    201204
     
    221224        margin-right: -100%;
    222225}
    223 ul.portfolio_slide li+li { transform:translate(101%,0); }
    224 ul.portfolio_slide li+li+li { transform:translate(202%,0); }
    225 ul.portfolio_slide li+li+li+li { transform:translate(303%,0); }
    226 ul.portfolio_slide li+li+li+li+li { transform:translate(404%,0); }
    227 ul.portfolio_slide li+li+li+li+li+li { transform:translate(505%,0); }
    228 ul.portfolio_slide li+li+li+li+li+li+li { transform:translate(606%,0); }
    229 ul.portfolio_slide li+li+li+li+li+li+li+li { transform:translate(707%,0); }
    230 ul.portfolio_slide li+li+li+li+li+li+li+li+li { transform:translate(808%,0); }
    231 
    232 
    233 [dir=rtl] ul.portfolio_slide li+li { transform:translate(-101%,0); }
    234 [dir=rtl] ul.portfolio_slide li+li+li { transform:translate(-202%,0); }
    235 [dir=rtl] ul.portfolio_slide li+li+li+li { transform:translate(-303%,0); }
    236 [dir=rtl] ul.portfolio_slide li+li+li+li+li { transform:translate(-404%,0); }
    237 [dir=rtl] ul.portfolio_slide li+li+li+li+li+li { transform:translate(-505%,0); }
    238 [dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li { transform:translate(-606%,0); }
    239 [dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li+li { transform:translate(-707%,0); }
    240 [dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li+li+li { transform:translate(-808%,0); }
    241 [dir=rtl] input.portfolio_slide_radio.sel1:checked ~ ul.portfolio_slide { transform: translate(101%,0); }
    242 [dir=rtl] input.portfolio_slide_radio.sel2:checked ~ ul.portfolio_slide { transform: translate(202%,0); }
    243 [dir=rtl] input.portfolio_slide_radio.sel3:checked ~ ul.portfolio_slide { transform: translate(303%,0); }
    244 [dir=rtl] input.portfolio_slide_radio.sel4:checked ~ ul.portfolio_slide { transform: translate(404%,0); }
    245 [dir=rtl] input.portfolio_slide_radio.sel5:checked ~ ul.portfolio_slide { transform: translate(505%,0); }
    246 [dir=rtl] input.portfolio_slide_radio.sel6:checked ~ ul.portfolio_slide { transform: translate(606%,0); }
    247 [dir=rtl] input.portfolio_slide_radio.sel7:checked ~ ul.portfolio_slide { transform: translate(707%,0); }
    248 [dir=rtl] input.portfolio_slide_radio.sel8:checked ~ ul.portfolio_slide { transform: translate(808%,0); }
    249 
     226ul.portfolio_slide li+li { transform:translate3d(101%,0,0); }
     227ul.portfolio_slide li+li+li { transform:translate3d(202%,0,0); }
     228ul.portfolio_slide li+li+li+li { transform:translate3d(303%,0,0); }
     229ul.portfolio_slide li+li+li+li+li { transform:translate3d(404%,0,0); }
     230ul.portfolio_slide li+li+li+li+li+li { transform:translate3d(505%,0,0); }
     231ul.portfolio_slide li+li+li+li+li+li+li { transform:translate3d(606%,0,0); }
     232ul.portfolio_slide li+li+li+li+li+li+li+li { transform:translate3d(707%,0,0); }
     233ul.portfolio_slide li+li+li+li+li+li+li+li+li { transform:translate3d(808%,0,0); }
     234
     235
     236[dir=rtl] ul.portfolio_slide li+li { transform:translate3d(-101%,0,0); }
     237[dir=rtl] ul.portfolio_slide li+li+li { transform:translate3d(-202%,0,0); }
     238[dir=rtl] ul.portfolio_slide li+li+li+li { transform:translate3d(-303%,0,0); }
     239[dir=rtl] ul.portfolio_slide li+li+li+li+li { transform:translate3d(-404%,0,0); }
     240[dir=rtl] ul.portfolio_slide li+li+li+li+li+li { transform:translate3d(-505%,0,0); }
     241[dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li { transform:translate3d(-606%,0,0); }
     242[dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li+li { transform:translate3d(-707%,0,0); }
     243[dir=rtl] ul.portfolio_slide li+li+li+li+li+li+li+li+li { transform:translate3d(-808%,0,0); }
     244[dir=rtl] input.portfolio_slide_radio.sel1:checked ~ ul.portfolio_slide { transform: translate3d(101%,0,0); }
     245[dir=rtl] input.portfolio_slide_radio.sel2:checked ~ ul.portfolio_slide { transform: translate3d(202%,0,0); }
     246[dir=rtl] input.portfolio_slide_radio.sel3:checked ~ ul.portfolio_slide { transform: translate3d(303%,0,0); }
     247[dir=rtl] input.portfolio_slide_radio.sel4:checked ~ ul.portfolio_slide { transform: translate3d(404%,0,0); }
     248[dir=rtl] input.portfolio_slide_radio.sel5:checked ~ ul.portfolio_slide { transform: translate3d(505%,0,0); }
     249[dir=rtl] input.portfolio_slide_radio.sel6:checked ~ ul.portfolio_slide { transform: translate3d(606%,0,0); }
     250[dir=rtl] input.portfolio_slide_radio.sel7:checked ~ ul.portfolio_slide { transform: translate3d(707%,0,0); }
     251[dir=rtl] input.portfolio_slide_radio.sel8:checked ~ ul.portfolio_slide { transform: translate3d(808%,0,0); }
     252
Note: See TracChangeset for help on using the changeset viewer.