Ignore:
Timestamp:
May 16, 2017, 5:21:15 PM (22 months ago)
Author:
arno@…
Message:

Introduction du raccourci <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

    r104139 r104547  
    1 .spip_documents picture {
    2         display: block;
    3 }
    41.spip_documents_left, .spip_documents_right {
    52        margin-top: 0.5em;
     
    137134.spip_documents_ligne {
    138135        margin: 0;
     136        clear: both;
    139137}
    140138* + ul.portfolio_ligne {
     
    155153                display: block;
    156154}
    157 
     155.label_ligne_precedent {
     156        float: left;
     157}
     158.label_ligne_suivant {
     159        float: right;
     160}
     161.label_ligne_precedent span, .label_ligne_suivant span {
     162        font-weight: bold;
     163        font-size: 70%;
     164        display: inline-block;
     165        transform: translate(0%, -0.25em);
     166}
     167.label_ligne_precedent:hover span, .label_ligne_suivant:hover span {
     168        text-decoration: underline;
     169}
     170.label_ligne {
     171        display: none;
     172        padding-top: 5px;
     173}
     174
     175
     176.portfolio_slide_radio {
     177        display: none;
     178}
     179ul.portfolio_slide {
     180        clear: both;
     181        transition: transform 0.3s;
     182        transform: translate(0%,0);
     183}
     184input.portfolio_slide_radio.sel0:checked ~ .label_ligne_0 { display: block; }
     185input.portfolio_slide_radio.sel1:checked ~ ul.portfolio_slide { transform: translate(-101%,0); }
     186input.portfolio_slide_radio.sel1:checked ~ .label_ligne_1 { display: block; }
     187input.portfolio_slide_radio.sel2:checked ~ ul.portfolio_slide { transform: translate(-202%,0); }
     188input.portfolio_slide_radio.sel2:checked ~ .label_ligne_2 { display: block; }
     189input.portfolio_slide_radio.sel3:checked ~ ul.portfolio_slide { transform: translate(-303%,0); }
     190input.portfolio_slide_radio.sel3:checked ~ .label_ligne_3 { display: block; }
     191input.portfolio_slide_radio.sel4:checked ~ ul.portfolio_slide { transform: translate(-404%,0); }
     192input.portfolio_slide_radio.sel4:checked ~ .label_ligne_4 { display: block; }
     193input.portfolio_slide_radio.sel5:checked ~ ul.portfolio_slide { transform: translate(-505%,0); }
     194input.portfolio_slide_radio.sel5:checked ~ .label_ligne_5 { display: block; }
     195input.portfolio_slide_radio.sel6:checked ~ ul.portfolio_slide { transform: translate(-606%,0); }
     196input.portfolio_slide_radio.sel6:checked ~ .label_ligne_6 { display: block; }
     197input.portfolio_slide_radio.sel7:checked ~ ul.portfolio_slide { transform: translate(-707%,0); }
     198input.portfolio_slide_radio.sel7:checked ~ .label_ligne_7 { display: block; }
     199input.portfolio_slide_radio.sel8:checked ~ ul.portfolio_slide { transform: translate(-808%,0); }
     200input.portfolio_slide_radio.sel8:checked ~ .label_ligne_8 { display: block; }
     201
     202ul.portfolio_slide:after {
     203        content: " ";
     204        display: block;
     205        width: 100%;
     206        height: 1px;
     207        clear: left;
     208}
     209.portfolio_slide_container:after {
     210        content: " ";
     211        display: block;
     212        width: 100%;
     213        height: 1px;
     214        clear: both;
     215        margin-bottom: 2em;
     216}
     217ul.portfolio_slide li {
     218        position: relative;
     219        float: left;
     220        width: 100%;
     221        margin-right: -100%;
     222}
     223ul.portfolio_slide li+li { transform:translate(101%,0); }
     224ul.portfolio_slide li+li+li { transform:translate(202%,0); }
     225ul.portfolio_slide li+li+li+li { transform:translate(303%,0); }
     226ul.portfolio_slide li+li+li+li+li { transform:translate(404%,0); }
     227ul.portfolio_slide li+li+li+li+li+li { transform:translate(505%,0); }
     228ul.portfolio_slide li+li+li+li+li+li+li { transform:translate(606%,0); }
     229ul.portfolio_slide li+li+li+li+li+li+li+li { transform:translate(707%,0); }
     230ul.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
Note: See TracChangeset for help on using the changeset viewer.