Changeset 95796 in spip-zone for _squelettes_/scolaspip


Ignore:
Timestamp:
Mar 6, 2016, 9:00:34 AM (4 years ago)
Author:
johan.pustoch@…
Message:

on répare les boutons play/pause du carousel et on positionne miueux les choses dans ce carousel

Location:
_squelettes_/scolaspip/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/scolaspip/trunk/inclure/article-hero.html

    r94559 r95796  
    2929                </BOUCLE_combien>
    3030        </ol>
    31         <a class="left carousel-control" href="#carousel" data-slide="prev">◄&nbsp;</a>
    32         <a class="right carousel-control" href="#carousel" data-slide="next">&nbsp;►</a>
     31        <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
     32        <a class="right carousel-control" href="#carousel" data-slide="next"></a>
    3333        </B_combien>
    3434</div><!-- /.carousel -->
  • _squelettes_/scolaspip/trunk/scolaspip.css

    r95770 r95796  
    7979#carousel {
    8080        font-size: 1.25em;
    81         padding: 40px 70px;
     81        padding: 25px 70px 45px 80px;
    8282        margin-bottom: 2.28571em;
    8383        line-height: 1.42857em;
     
    8585        border-radius: 6px;
    8686        }
    87 #carousel .carousel-control{
    88         line-height : 40px;
    89         }
    9087body .carousel-stop {
    9188        float : left;
     
    9794.carousel-indicators {
    9895        float : left;
    99         margin-left : 40px;
    100         margin-top : -10px;   
     96        margin-left : 45%;
     97        margin-top : -5px;   
    10198        position: relative;
    10299        }
    103 .carousel-indicators .active {
     100.carousel-indicators .active,.carousel-indicators li:hover {
    104101        background-color : #333;
    105102        }
    106103.carousel-indicators li {
    107104        background-color : #999;
     105        font-size: 16px;
     106        height: 16px;
     107        width:16px;
     108        -webkit-border-radius: 8px;
     109        -moz-border-radius: 8px;
     110        border-radius: 8px;
    108111        }
    109112.carousel-control {
    110         font-size : 30px;
     113        font-size : 25px;
     114        margin-top: 0px;
     115        width:35px;
     116        height: 38px;
     117        padding-top: 2px;
     118}
     119.carousel-control.right {
     120        padding-left: 5px;
     121        }
     122.carousel-control.left {
     123        padding-right: 5px;
    111124        }
    112125.carousel-inner {
     
    118131        margin-bottom : 10px;
    119132        }
    120 .carousel-control{
    121         line-height: 40px;
    122         }
    123133
    124134#video p {
    125135        text-align : center;
    126136        }
    127 
     137.carousel-indicators li:hover,.carousel-stop li:hover{
     138        cursor: pointer;
     139}
     140.carousel-stop {
     141        margin-left:0;
     142        }
     143.carousel-stop li{
     144        font-size:1.7em;
     145        color: #999;
     146        }
     147.carousel-stop li:hover{
     148        color: #333;
     149}
    128150.tweets {
    129151        margin-top : 20px;
     
    210232        background-color : #CE5;
    211233        }
    212 #carousel a {
    213         color : 009FE3;
    214         }
    215234.navbar-responsive.navbar-inverse .navbar-inner .nav-collapse {
    216235        background-color : #94C11F;
     
    265284        border : 1px solid #DDD;
    266285        }
    267 
    268 
    269 @font-face {
    270   font-family: 'Glyphicons Halflings';
    271   src: url('../fonts/glyphicons-halflings-regular.eot');
    272   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    273 }
    274 
    275286
    276287/* Formulaire de recherche*/
  • _squelettes_/scolaspip/trunk/scolaspip.js.html

    r95770 r95796  
    4242    }
    4343}
    44 
    45 jQuery(document).ready(function(){
     44$.removeCookie = function (key, options) {
     45        if ($.cookie(key) === undefined) {
     46                return false;
     47        }
     48        // Must not alter options, thus extending a fresh object...
     49        $.cookie(key, '', $.extend({}, options, { expires: -1 }));
     50        return !$.cookie(key);
     51};
     52$(function() {
    4653    // on masque les premiers sous-niveaux sauf le courant
    4754    jQuery(".niveau1>li>.ss-rubrique").css({display:'none'});
     
    7582        return false;
    7683    });
     84   
     85    // carousel
     86    if (!$.cookie('stop-carousel')) {
     87        jQuery('#carousel').carousel({interval:8000});
     88        $('#carousel-pause-cancel').hide();
     89    }
     90    else{
     91        $('#carousel-pause').hide();
     92    }
     93    //bouton arret temporaire du carousel
     94    $('#carousel-pause').on('click',function(){
     95        $('#carousel').carousel('pause');
     96        $.cookie('stop-carousel', true, { expires: 7 });
     97        $(this).hide();
     98        $('#carousel-pause-cancel').show();
     99        return false;
     100    });
     101    //bouton arret/reprise definitive du carousel
     102    $('#carousel-pause-cancel').on('click',function() {
     103        $.removeCookie('stop-carousel');
     104        jQuery('#carousel').carousel('next');
     105        jQuery('#carousel').carousel({interval:8000});
     106        $(this).hide();
     107        $('#carousel-pause').show();
     108        return false;
     109    });
    77110});
Note: See TracChangeset for help on using the changeset viewer.