Changeset 95856 in spip-zone for _squelettes_/scolaspip


Ignore:
Timestamp:
Mar 8, 2016, 4:27:14 PM (4 years ago)
Author:
johan.pustoch@…
Message:

Beaucoup de changements :

  • On utilise désormais less pour les feuilles de style de scolaspip et on nettoie
  • base de scolaspip (quelques détails : la base est celle de spipr_dist) + couleurs de scolaspip par défaut dans scolaspip.less + couleurs définies dans l'interface dans couleurs.css.$
  • js : ménage
  • menu vertical en carousel revu
  • plein d'autres détails ou améliorations
  • passage en version 4.1.0

À noter : un vidage du cache est nécessaire actuellement en cas de changement des couleurs dans l'interface (point à améliorer)

Location:
_squelettes_/scolaspip/trunk
Files:
4 added
13 edited
5 moved

Legend:

Unmodified
Added
Removed
  • _squelettes_/scolaspip/trunk/body.html

    r94559 r95856  
    1 
    21
    32<body>
    4 <div class="container page">
    5 <a href="#"><i class="go_top ">▲</i></a>
    6                 <div class="header" id="header">
    7                         <div class="container">
    8                                 <INCLURE{fond=header/#ENV{type-page},env} />
     3<div class="page container">
     4        <div class="header" id="header">
     5                <div class="container">
     6                        <INCLURE{fond=header/#ENV{type-page},env} />
     7                </div>
     8        </div>
     9               
     10        [<div class="navbar navbar-inverse navbar-responsive " id="nav">
     11                <div class="container">
     12                        (#INCLURE{fond=inclure/nav,env}|navbar_responsive)
     13                </div>
     14        </div>]
     15               
     16        <div class="container ">
     17                <div class="row">
     18                        <div class="content span9" id="content">
     19                                <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
     20                                <INCLURE{fond=content/#ENV{type-page},env} />
     21                        </div>
     22                        <div class="aside  col span3" id="aside">
     23                                <INCLURE{fond=aside/#ENV{type-page},env} />
     24                                <INCLURE{fond=extra/#ENV{type-page},env} />
    925                        </div>
    1026                </div>
    11                
    12                         [<div class="navbar navbar-inverse navbar-responsive " id="nav">
    13                         <div class="container">
    14                                 (#INCLURE{fond=inclure/nav,env}|navbar_responsive)
    15                         </div>
    16                         </div>]
    17                
     27        </div>
    1828
    19                 <div class="container ">
    20                 <div class=" corps">
    21                         <div class="row">
    22                                 <div class="content span9 " id="content">
    23                                         <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    24                                         <INCLURE{fond=content/#ENV{type-page},env} />
    25                                 </div>
    26                                 <div class="aside  col span3" id="aside">
    27                                         <INCLURE{fond=aside/#ENV{type-page},env} />
    28                                         <INCLURE{fond=extra/#ENV{type-page},env} />
    29                                 </div>
    30                         </div>
     29        <div class="footer" id="footer">
     30                <div class="container">
     31                        <INCLURE{fond=footer/#ENV{type-page},env} />
    3132                </div>
    32                 </div>
    33 
    34                 <div class="footer" id="footer">
    35                         <div class="container">
    36                                 <INCLURE{fond=footer/#ENV{type-page},env} />
    37                         </div>
    38                 </div>
     33        </div>
    3934</div>
    4035</body>
  • _squelettes_/scolaspip/trunk/content/breve.html

    r94559 r95856  
    33       
    44        <header class="cartouche">
    5           <h1 class="#EDIT{titre}">[(#LOGO_BREVE|image_reduire)]#TITRE</h1>
     5          <h1 class="#EDIT{titre}">[(#LOGO_BREVE|image_reduire{200,200})]#TITRE</h1>
    66                </header>
    77
  • _squelettes_/scolaspip/trunk/content/sommaire.html

    r94559 r95856  
    1 <section  class="span9 gauche">
     1<section class="span9">
     2       
    23        <header class="cartouche hide">
    34                <h1>#NOM_SITE_SPIP</h1>
    45        </header>
    5                  [(#CONFIG{scolaspip_accueil/descriptifdusite}|!={oui}|?{'',<div id="descriptif_site_spip">#DESCRIPTIF_SITE_SPIP</div>})]
    6                 <INCLURE{fond=inclure/article-hero} />
    7 
    8 
     6       
     7        [(#CONFIG{scolaspip_accueil/descriptifdusite}|!={oui}|?{'',<div id="descriptif_site_spip">#DESCRIPTIF_SITE_SPIP</div>})]
     8       
     9        <INCLURE{fond=inclure/article-hero} />
    910</section>
    1011
    11 <section  class="span6 centre">
    12 
    13         <div class="main  ">
    14 
     12<section  class="span6">
     13        <div class="main">
     14               
    1515                <INCLURE{fond=inclure/selection_accueil,ajax} {doublons}/>
    1616
    17     [(#CONFIG{scolaspip_accueil/breves}|!={oui}|?{' ',#INCLURE{fond=inclure/breves}{ajax}{env}})]               
     17                [(#CONFIG{scolaspip_accueil/breves}|!={oui}|?{' ',#INCLURE{fond=inclure/breves}{ajax}{env}})]           
    1818
    1919                <div class="liste long articles">
    20    [(#CONFIG{scolaspip_accueil/articles}|!={oui}|?{' ',#INCLURE{fond=liste/derniers-articles}{ajax}{env}})]
    21 
     20                        [(#CONFIG{scolaspip_accueil/articles}|!={oui}|?{' ',#INCLURE{fond=liste/derniers-articles}{ajax}{env}})]
    2221                </div>
    23 
    24 
    25 
     22               
    2623        </div>
    27 
    28 
    29 
    3024</section>
    3125
    3226
    33 <section class="span3 gauche">
     27<section class="span3">
    3428        [(#PLUGIN{agenda}|oui)
    3529    [(#REM) Affichage du calendrier si la configuration du plugin dit oui ]
     
    4337       
    4438        <INCLURE{fond=inclure/mosaiques_accueil} />
    45    [(#REM) Affichage du flux Twitter ]
     39        [(#REM) Affichage du flux Twitter ]
    4640    [(#CONFIG{scolaspip_accueil/afficher_compte_twitter}|!={oui}|?{' ',[(#INCLURE{fond=inclure/twitter_accueil}{ajax}{env})]})]
    4741
    48        
    4942</section>
  • _squelettes_/scolaspip/trunk/css/base_scolaspip.less

    r95764 r95856  
     1@import "css/variables.less";
     2@import "css/mixins.less";
     3
    14/* structure de la page */
    2 .invisible {display : none;}
    3 .page {margin-top : 10px;}
    4 #nav {z-index: 200;}
    5 .centre { float : right;}
    6 .gauche { margin-left : 0px;float : right;}
    7 #aside .sites ul {margin : 0px;}
    8 #aside .sites ul li{display : inline; list-style:none;}
    9 #aside .sites ul li img{margin : 5px;}
    10 .article .publication{display : block;}
    11 .footer .generator {max-width : 210px;}
    12 .cartouche .spip_logos{float : left; margin-left : 0px; margin-right : 20px;}
    13 
    14 /* structure de la page d'acceuil*/
    15 .selection {overflow : hidden; margin-bottom : 40px;}
    16 #calendar {padding : 10px;}
    17 #calendar  {padding-top :0px;}
    18 #calendar h2 {display :none;}
    19 .tweets {margin-top : 20px;}
    20 #carousel {
     5#header .container{
     6        min-height : 110px;
     7        position  : relative;
     8        #nom_site_spip {
     9                margin-bottom : 10px;
     10                padding-top: 10px;
     11        }
     12        .spip_logos { margin-bottom : 0px; }
     13        .bandeau_complet{
     14                .spip_logos {margin: 11px 19px 11px 0;}
     15        }
     16        .logo-institution{
     17                position:absolute;
     18                right:10px;
     19                top:5px;
     20        }
     21        .infos {
     22                margin-bottom : 5px;
     23        }
     24}
     25#nav {
     26        z-index: 200;
     27        .container {
     28                max-width: 1170px;
     29                .navbar-inner {
     30                        padding-left : 0px;
     31                        .spip_logo{margin-right: 10px;}
     32                }
     33        }
     34}
     35#aside {
     36        margin-left : 20px;
     37        .well.rubriques{
     38                margin: 0 0 2em 0;
     39                padding: 1em;
     40                list-style: none;
     41                li{
     42                        margin: 0;
     43                        padding: 0;
     44                }
     45                ul{
     46                        margin: 0 0 .5em .5em;
     47                        padding:0 0 0 1.3em;
     48                        list-style: none;
     49                        border-left:1px solid @grayLight;
     50                }
     51                h4{
     52                        margin-bottom: .4em;
     53                        a.toggle{
     54                                display: inline-block;
     55                                vertical-align: middle;
     56                                width: 20px;
     57                                height: 1em;
     58                                background: url('../img/deplierbas.png') no-repeat left bottom;
     59                                &.collapsed{
     60                                        background: url('../img/deplierhaut.png') no-repeat left bottom;
     61                                }
     62                                &.on{
     63                                        background: url('../img/deplierbas.png') no-repeat left bottom;
     64                                        &.collapsed{background: url('../img/deplierhaut.png') no-repeat left bottom;}
     65                                }
     66                        }
     67                        a.branche{
     68                                display: inline-block;
     69                                max-width: 200px;
     70                                vertical-align: middle;
     71                        }
     72                }
     73                h4.feuille {
     74                        a{
     75                                padding-left: 20px;
     76                                background: url('../img/deplierbas.png') no-repeat left center;
     77                        }
     78                }
     79        }
     80        .sites {
     81                ul {
     82                        margin : 0px;
     83                        li {
     84                                display : inline;
     85                                list-style:none;
     86                                img { margin : 5px 10px; }
     87                        }
     88                }
     89        }
     90}
     91#footer {
     92        .generator {
     93                max-width : 210px;
     94                position : relative;
     95                float : right;
     96                margin-top : -20px;
     97                img{margin-right: 2em;}
     98        }
     99        .colophon{
     100                float : left;
     101        }
     102        .container {
     103                padding : 0px 10px;
     104        }
     105}
     106.page_sommaire {
     107        #content {
     108                section.span9,section.span6{margin-left: 0;}
     109                .tweets {
     110                        margin-top : 20px;
     111                }
     112        }
     113        #video p {
     114                text-align : center;
     115        }
     116}
     117.page_breve,.page_article{
     118    #content{
     119        .hyperlien{
     120            background-color:@grayLighter;
     121                        padding:.5em 1em;
     122                        margin: 1em 0 0 5%;
     123                        display: inline-block;
     124        }
     125    }
     126}
     127.article .publication{
     128        display : block;
     129}
     130.cartouche {
     131        h1 .titre {
     132                display : block;
     133        }
     134        .spip_logos{
     135                float : left;
     136                margin-left : 0px;
     137                margin-right : 20px;
     138        }
     139}
     140.chapo {
     141        font-weight: normal;
     142        font-size: 1.1em;
     143}
     144hr {
     145        height : 2px;
     146        background-color : #aaa;
     147}
     148#content{
     149        .comment{
     150                padding-bottom: 0;
     151                .comment-meta {
     152                        padding-left: 50px;
     153                        background: none;
     154                        .item{display: none;}
     155                }       
     156        }
     157    .spip_out{
     158        padding-right:20px;
     159        background-image:url(img/spip_out.gif);
     160        background-repeat:no-repeat;
     161        background-position:right;
     162    }
     163}
     164
     165/* carousel (page d'accueil ou de rubrique) */
     166.carousel {
    21167        font-size: 1.25em;
    22         padding: 40px 70px;
     168        padding: 25px 70px 45px 80px;
    23169        margin-bottom: 2.28571em;
    24170        line-height: 1.42857em;
    25         background-color: #EEE;
    26         border-radius: 6px;
    27         }
    28 body .carousel-stop {float : left; }
    29 body .carousel-stop li{display : inline; list-style:none;}
    30 .carousel-indicators { float : left; margin-left : 40px;margin-top : -10px;   position: relative;}
    31 .carousel-indicators .active { background-color : #333;}
    32 .carousel-indicators li { background-color : #999;}
    33 .carousel-control {font-size : 30px;}
    34 .carousel-inner {height : 230px;}
    35 .carousel-inner .spip_logos{float : right; margin-left : 10px; margin-bottom : 10px;}
    36 .carousel-control{line-height: 40px;}
    37 #video p {text-align : center;}
    38 .liste-items .item , .secondary .liste-items .item{padding : 5px;}
    39 .weel {padding : 12px;}
    40 /* bandeau */
    41 .logo-institution{position:absolute;right:10px;top:5px;}
    42 body .header .spip_logos {margin-bottom : 0px;}
    43 #header {margin-bottom : 10px;}
    44 #header .container{position  : relative ;}
    45 
    46 
    47  a.spip_out{ color : #900;}
    48 .bandeau .infos {float : left;}
    49 
    50 .go_top{
    51     background-color: #AAA;
    52     border : 2px solid white;
    53     opacity : 0.7;
     171        background-color: #DDD;
     172        .border-radius(6px);
     173        position: relative;
     174        .carousel-inner {
     175                height : 230px;
     176                .spip_logos{
     177                        float : right;
     178                        margin-left : 10px;
     179                        margin-bottom : 10px;
     180                }
     181        }
     182        .carousel-stop {
     183                float : left;
     184                margin-left:0;
     185                li{
     186                        display : inline;
     187                        list-style:none;
     188                        font-size:1.7em;
     189                        color: #999;
     190                        &:hover{
     191                                color: #333;
     192                                cursor: pointer;
     193                        }
     194                }
     195        }
     196        .carousel-indicators {
     197                top: inherit;
     198        bottom:8px;
     199                right: inherit;
     200        left: 45%;
     201                float: none;
     202                li {
     203                        background-color : transparent !important;
     204                        color: #999;
     205                        height: auto;
     206                        width: auto;
     207                        display: inline-block;
     208                        margin: 0 5px;
     209                        padding: 0;
     210                        float: none;
     211                        text-indent: inherit;
     212                        cursor: pointer;
     213                        font-size: 2.5em;
     214                        .border-radius(8px);
     215                        &.active{
     216                                color : #333;
     217                                cursor: default;
     218                        }
     219                        &:hover {
     220                                color : #333;
     221                        }
     222                }
     223        }
     224        .carousel-control {
     225                font-size : 25px;
     226                margin-top: 0px;
     227                width:35px;
     228                height: 38px;
     229                padding-top: 2px;
     230                &.right {
     231                        padding-left: 5px;
     232                }
     233                &.left {
     234                        padding-right: 5px;
     235                }
     236        }
     237}
     238
     239/* Formulaire de recherche*/
     240.form-search .input-append .search-query,.form-search .input-prepend .btn {
     241        .border-radius(4px 0 0 4px);
     242}
     243.form-search .input-append .btn,.form-search .input-prepend .search-query{
     244        .border-radius(0 4px 4px 0);
     245}
     246.spip_documents {
     247        &.oembed{
     248                margin-top : 0.3em;
     249                margin-bottom : 0;
     250                .oe-play-button{
     251                        button {
     252                                background-color : rgba(22,22,22,0.6);
     253                                .border-radius(3px);
     254                                &:before{border-width : 1px;.border-radius(3px);}
     255                        }
     256                        &:hover button {
     257                                background-color : rgba(22,22,22,0.6);
     258                        }
     259                }
     260                .oembed {
     261                        background-color : transparent;
     262                        border : none;
     263                }
     264        }
     265}
     266
     267/* Bouton retour haut de page*/
     268#backtotop{
     269    cursor:pointer;
     270    background-color: @grayDark;
     271    .opacity(50);
     272    &:hover{.opacity(100);}
    54273    color : #FFF;
    55     padding-top : 10px;
    56274    text-align : center;
    57     font-size : 20px;
    58275    z-index : 200;
    59276    display: none;
    60277    position: fixed;
    61     width: 45px;            /* A régler selon votre image */
    62     height: 35px;            /* A régler selon votre image */
    63     bottom: 20px;                /* A régler selon votre image */
    64     right: 20px;                /* A régler selon votre image */
    65     -webkit-border-radius: 24px;
    66         -moz-border-radius: 24px;
    67         border-radius: 24px;
    68 
    69 }
     278    font-family:helvetica,arial,sans-serif;
     279    width: 45px;
     280    height: 37px;
     281    font-size : 30px;
     282    padding-top : 8px;
     283    border : 2px solid white;
     284    .border-radius(25px);
     285    bottom: 20px;
     286    right: 20px;
     287}
     288/* Divers */
     289.spip_flash_link,.invisible{
     290    display : none;
     291}
     292.selection {
     293        overflow : hidden;
     294        margin-bottom : 40px;
     295        }
     296#calendar {
     297        padding : 10px;
     298        padding-top :0px;
     299        h2 {
     300                display :none;
     301        }
     302}
     303.liste-items .item , .secondary .liste-items .item{padding : 5px;}
     304.weel {padding : 12px;}
     305
     306.comment-reply {
     307        visibility : visible;
     308        margin-bottom : 10px;
     309}
     310
     311/* Ajout fonctions responsive*/
     312@media (max-width: 767px){
     313        body #aside {
     314                margin-left:0px;
     315        }
     316        .well {
     317                background-color : transparent;
     318                border : none;
     319        }
     320        #nav {
     321                background-color : transparent;
     322                background-image : none;
     323                border : none;
     324        }
     325        #header {
     326                border-bottom:3px solid #94C11F;
     327                min-height : 70px;
     328                .logo-institution img {
     329                        width : 50%;
     330                        height : 50%;
     331                }
     332        }
     333}
     334
     335@media (min-width: 768px) and (max-width: 979px){
     336        body #aside { margin-left:10px;}
     337        #nav .container {width : 724px;}
     338        #header {
     339                min-height : 80px;
     340                .logo-institution img {width : 75%; height : 75%;}
     341        }
     342       
     343}
     344@media (min-width: 980px) and (max-width: 1199px) {
     345        body #aside { margin-left:10px;}
     346        #nav .container {width : 940px;}       
     347}
     348@media (min-width: 1200px) {
     349        body #aside {margin-left:20px;}
     350}
  • _squelettes_/scolaspip/trunk/css/couleurs.css.html

    r95764 r95856  
    3333(#CONFIG{scolaspip_colorer/police_contenu}|=={Futura}|?{'font-family:Futura, "Century Gothic", AppleGothic, sans-serif;'})];}
    3434
    35 
    36 
    37 
    38 
    39 
    4035[(#REM) Arrondis]
    41 [(#CONFIG{scolaspip_colorer/arrondi}|=={non}|?{'.well, #carousel,.navbar-inner , #nav , .breadcrumb{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
     36[(#CONFIG{scolaspip_colorer/arrondi}|=={non}|?{'.well, #carousel,.navbar-inner,.breadcrumb{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
    4237',''})]
    4338[(#CONFIG{scolaspip_colorer/bandeau_large}|=={large}|?{'#nav{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}',''})]
    44 
    4539
    4640[(#REM) Degrades]
     
    9791.navbar-inverse .nav > li > a,body #pied,body #pied a,body .pagination .on, div .forum .forum-fil .forum-chapo, div .forum .forum-fil .forum-chapo a, .navbar-inverse .nav-collapse .nav > li > a{color:[(#CONFIG{scolaspip_colorer/liensmenuhorizontal})];}
    9892body #nav .item a:hover,body #nav .item.on>a,body #nav .item.on .on>a, .navbar-inverse .nav-collapse .nav > li > a:hover{color:[(#CONFIG{scolaspip_colorer/menurollover})];}
    99 
     93.navbar-inverse .nav-collapse .nav > li.open > a:hover{color:[(#CONFIG{scolaspip_colorer/menufond})] !important;}
    10094
    10195[(#REM) Mise en page - bandeau elargi - menu à droite]
  • _squelettes_/scolaspip/trunk/css/scolaspip.less

    r95796 r95856  
    1 
    2 
    3 /* structure de la page */
    4 #header {
    5         min-height : 105px;
    6         }
    7 #nav {
    8         z-index: 200;
    9         }
    10 #aside .sites ul {
    11         margin : 0px;
    12         }
    13 #aside .sites ul li{
    14         display : inline;
    15         list-style:none;
    16         }
    17 #aside .sites ul li img{
    18         margin : 5px;
    19         }
    20 .invisible {
    21         display : none;
    22         }
    23 .centre {
    24         float : right;
    25         }
    26 .gauche {
    27         margin-left : 0px;
    28         float : right;
    29         }
    30 .article .publication{
    31         display : block;
    32         }
    33 body .footer .generator {
    34         max-width : 210px;
    35         position : relative;
    36         float : right;
    37         margin-right : 20px;
    38         margin-top : -20px;
    39         }
    40 .footer  .colophon{
    41         float : left;
    42         }
    43 .cartouche .spip_logos{
    44         float : left;
    45         margin-left : 0px;
    46         margin-right : 20px;
    47         }
    48 .navbar .container {
    49     max-width: 1170px;
    50         }
    51 .navbar-inner {
    52         padding-left : 0px;
    53         }
    54 body {
    55         background:#fff url(img/bg-body.png);
    56         }
    57 .cartouche h1 .titre {
    58         display : block;
    59         }
    60 .chapo {
    61         font-weight: normal;
    62         }
    63 hr { height : 2px; background-color : #aaa;}
    64 
    65 /* structure de la page d'acceuil*/
    66 
    67 .selection {
    68         overflow : hidden;
    69         margin-bottom : 40px;
    70         }
    71 #calendar {
    72         padding : 10px;
    73         padding-top :0px;
    74         }
    75 #calendar h2 {
    76         display :none;
    77         }
    78        
    79 #carousel {
    80         font-size: 1.25em;
    81         padding: 25px 70px 45px 80px;
    82         margin-bottom: 2.28571em;
    83         line-height: 1.42857em;
    84         background-color: #DDD;
    85         border-radius: 6px;
    86         }
    87 body .carousel-stop {
    88         float : left;
    89         }
    90 body .carousel-stop li{
    91         display : inline;
    92         list-style:none;
    93         }
    94 .carousel-indicators {
    95         float : left;
    96         margin-left : 45%;
    97         margin-top : -5px;   
    98         position: relative;
    99         }
    100 .carousel-indicators .active,.carousel-indicators li:hover {
    101         background-color : #333;
    102         }
    103 .carousel-indicators li {
    104         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;
    111         }
    112 .carousel-control {
    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;
    124         }
    125 .carousel-inner {
    126         height : 230px;
    127         }
    128 .carousel-inner .spip_logos{
    129         float : right;
    130         margin-left : 10px;
    131         margin-bottom : 10px;
    132         }
    133 
    134 #video p {
    135         text-align : center;
    136         }
    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 }
    150 .tweets {
    151         margin-top : 20px;
    152         }
    153 
    154 .corps .row {
    155         padding : 5px;
    156         }
    157 #aside{
    158         margin-left : 20px;
    159         }
    160 .footer .container {
    161         padding : 0px 10px;
    162         }
    163 #header .infos {
    164         float  : left;
    165         margin-bottom : 5px;
    166         }
    167 #nom_site_spip {
    168         margin-bottom : 10px;
    169         }
    170 .logo-institution{
    171         position:absolute;
    172         right:10px;
    173         top:5px;
    174         }
    175 body .header .spip_logos {
    176         margin-bottom : 0px;
    177         }
    178 #header .container{
    179         position  : relative;
    180         }
    181 
    1821
    1832/* couleurs */
     3body {background:#fff url(img/bg-body.png);}
     4
    1845.breadcrumb{
    1856        background-color : #EEE;
     
    21536        background-color : #94C11F;
    21637        background-image : linear-gradient(to bottom, #94C11F, #84B10F);
    217         -webkit-border-radius: 4px;
    218         -moz-border-radius: 4px;
    219         border-radius: 4px;}
     38}
    22039.navbar-inverse .nav > li > a {
    22140        color : #FFF;
     
    25170        border : 2px solid #AAA;
    25271        }
    253 .liste-items .item , .secondary .liste-items .item{
    254         padding : 5px;
    255         }
    256 .weel {
    257         padding : 12px;
    258         }
    25972body .navbar-inverse .btn-navbar{
    26073        background-color: #94C11F;
     
    28497        border : 1px solid #DDD;
    28598        }
    286 
    287 /* Formulaire de recherche*/
    288 .form-search .input-append .search-query {
    289   -webkit-border-radius: 4px 0 0 4px;
    290   -moz-border-radius: 4px 0 0 4px;
    291   border-radius: 4px 0 0 4px;
    292 }
    293 .form-search .input-append .btn {
    294   -webkit-border-radius: 0 4px 4px 0;
    295   -moz-border-radius: 0 4px 4px 0;
    296   border-radius: 0 4px 4px 0;
    297 }
    298 .form-search .input-prepend .search-query {
    299   -webkit-border-radius: 0 4px 4px 0;
    300   -moz-border-radius: 0 4px 4px 0;
    301   border-radius: 0 4px 4px 0;
    302 }
    303 .form-search .input-prepend .btn {
    304   -webkit-border-radius: 4px 0 0 4px;
    305   -moz-border-radius: 4px 0 0 4px;
    306   border-radius: 4px 0 0 4px;
    307 }
    308 
    309 /* Bouton retour haut de page*/
    310 .go_top{
    311     background-color: #AAA;
    312     border : 2px solid white;
    313     opacity : 0.7;
    314     color : #FFF;
    315     padding-top : 10px;
    316     text-align : center;
    317     font-size : 20px;
    318     z-index : 200;
    319     display: none;
    320     position: fixed;
    321     width: 45px;            /* A régler selon votre image */
    322     height: 35px;            /* A régler selon votre image */
    323     bottom: 20px;                /* A régler selon votre image */
    324     right: 20px;                /* A régler selon votre image */
    325     -webkit-border-radius: 24px;
    326         -moz-border-radius: 24px;
    327         border-radius: 24px;
    328 }
    329 .comment-reply {
    330         visibility: visible;
    331         margin-bottom: 10px;
    332 }
    333 /* Ajout fonctions responsive*/
    334 
    335 @media (max-width: 767px){
    336         body #aside {
    337                 margin-left:0px;
    338                 }
    339         .well {
    340                 background-color : transparent;
    341                 border : none;
    342                 }
    343         #nav {
    344                 background-color : transparent;
    345                 background-image : none;
    346                 border : none;
    347                 }
    348         #header {
    349                 border-bottom:3px solid #94C11F;
    350                 }
    351         .logo-institution img {
    352                 width : 50%;
    353                 height : 50%;
    354                 }
    355         #header {
    356                 min-height : 70px;
    357                 }
    358         }
    359        
    360 @media (min-width: 768px) and (max-width: 979px){
    361         body #aside {
    362                 margin-left:10px;
    363                 }
    364         #nav .container {width : 724px;}
    365         #header {min-height : 80px;}
    366         .logo-institution img {width : 75%; height : 75%;}
    367 
    368 }
    369 
    370 @media (min-width: 980px) and (max-width: 1199px) {
    371         body #aside {
    372                 margin-left:10px;
    373                 }
    374         #nav .container {
    375                 width : 940px;
    376                 }       
    377 }
    378 
    379 @media (min-width: 1200px) {
    380         body #aside {
    381                 margin-left:20px;
    382                 }
    383 }
    384 
    385 
  • _squelettes_/scolaspip/trunk/footer/dist.html

    r94559 r95856  
    11
    2 <small class="generator"><a href="http://www.spip.net/" rel="generator" title="<:site_realise_avec_spip:>" class="spip_out">[(#CHEMIN{spip.png}|balise_img{SPIP})]</a>&nbsp;<a href="http://contrib.spip.net/spip.php?article4128" title="<:scolaspip:site_realise_avec_scolaspip:>">[(#CHEMIN{img/scolaspip.png}|balise_img{ScolaSPIP})]</a></small>
    3 
    4 
    5 
    6 
    7 
     2<small class="generator">
     3        <a href="http://www.spip.net/" rel="generator" title="<:site_realise_avec_spip:>" class="spip_out">[(#CHEMIN{spip.png}|balise_img{SPIP})]</a>
     4        <a href="http://contrib.spip.net/spip.php?article4128" title="<:scolaspip:site_realise_avec_scolaspip:>">[(#CHEMIN{img/scolaspip.png}|balise_img{ScolaSPIP})]</a>
     5</small>
    86
    97<p class="colophon">
    10 <BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ] &mdash; #NOM_SITE_SPIP [ ((#CONFIG{scolaspip_plus/institution_nom,académie de Versailles}))][&nbsp;<:evamentions:directeur:> : (#CONFIG{eva_mentions/directeur})]<br />
     8<BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ] &mdash; #NOM_SITE_SPIP [ ((#CONFIG{scolaspip_plus/institution_nom,académie de Versailles}))][<br/><:evamentions:directeur:> : (#CONFIG{eva_mentions/directeur})]<br />
    119<?php
    12 if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
    13 ?><a href="#URL_LOGOUT" rel="nofollow"><i class="icon-off"></i> <:icone_deconnecter:></a><span class="sep"> | </span><?php
    14         if (include_spip('inc/autoriser') AND autoriser('ecrire')){
    15         ?><a href="#EVAL{_DIR_RESTREINT_ABS}"><i class="icon-user"></i> <:espace_prive:></a><span class="sep"> | </span><?php
     10if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { ?>
     11        <a href="#URL_LOGOUT" rel="nofollow"><i class="icon-off"></i> <:icone_deconnecter:></a><span class="sep"> | </span><?php
     12        if (include_spip('inc/autoriser') AND autoriser('ecrire')){ ?>
     13                <a href="#EVAL{_DIR_RESTREINT_ABS}"><i class="icon-user"></i> <:espace_prive:></a><span class="sep"> | </span><?php
    1614        }
    1715}
    18 else {
    19 ?><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal'><i class="icon-user"></i> <:lien_connecter:></a><span class="sep"> | </span><?php
    20 }
    21 ?>
     16else { ?>
     17        <a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal'><i class="icon-user"></i> <:lien_connecter:></a><span class="sep"> | </span><?php
     18} ?>
    2219[(#PLUGIN{contact}|?{' '})<a href="#URL_PAGE{contact}" title="<:contact:>"><i class="icon-envelope"></i> <:contact:></a><span class="sep"> | </span>]
    2320<a rel="contents" href="#URL_PAGE{plan}"><i class="icon-asterisk"></i> <:plan_site:></a><span class="sep"> | </span>
    2421<a href="#URL_PAGE{mentions}" title="<:scolaspip:titre_mentions:>"><i class="icon-info-sign"></i> <:scolaspip:mentions:></a><span class="sep"> | </span>
    25 <a href="#URL_PAGE{backend}" rel="alternate" title="<:syndiquer_site:>">[(#CHEMIN{img/feed.png}|balise_img{<:icone_suivi_activite:>})]&nbsp;RSS&nbsp;2.0</a><span class="sep"> | </span>
    26 [(#PLUGIN{balado}|?{' '})<a href="#URL_PAGE{balado}" title="Podcast">[(#CHEMIN{img/feed.png}|balise_img{Podcast})]&nbsp;iTunes</a><span class="sep"> | </span>
    27 <a href="[(#URL_PAGE{balado}|url_absolue|replace{'http://','itpc://'})]" title="iTunes">[(#CHEMIN{img/balado.jpg}|balise_img{iTunes})]&nbsp;iTunes</a><span class="sep"> | </span>
    28 ]<a href="#entete"><i class="icon-chevron-up"></i> <:scolaspip:haut_page:></a><span class="sep"> | </span>
     22<a href="#URL_PAGE{backend}" rel="alternate" title="<:syndiquer_site:>">[(#CHEMIN{img/feed.png}|balise_img{<:icone_suivi_activite:>})]&nbsp;RSS&nbsp;2.0</a>
     23[(#PLUGIN{balado}|?{' '})<span class="sep"> | </span><a href="#URL_PAGE{balado}" title="Podcast">[(#CHEMIN{img/feed.png}|balise_img{Podcast})]&nbsp;iTunes</a>
     24<span class="sep"> | </span><a href="[(#URL_PAGE{balado}|url_absolue|replace{'http://','itpc://'})]" title="iTunes">[(#CHEMIN{img/balado.jpg}|balise_img{iTunes})]&nbsp;iTunes</a>
     25]
    2926</p>
    30 
    31 
  • _squelettes_/scolaspip/trunk/header/dist.html

    r95067 r95856  
    44        [(#CONFIG{scolaspip_colorer/couleurs}|=={oui}|?{
    55                [(#CONFIG{scolaspip_colorer/image_bandeau}|=={oui}|?{
    6                         [(#LOGO_SITE_SPIP
     6                        [<div class="bandeau_image">(#LOGO_SITE_SPIP
    77                                |#URL_SITE_SPIP
    88                                |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)]}
     
    1010                                |inserer_attribut{width,100%}
    1111                                |inserer_attribut{height,100%}
    12                         )]
     12                        )</div>]
    1313                ,
    14                         <div class="bandeau">
     14                        <div class="bandeau_complet">
    1515                                        [(#LOGO_SITE_SPIP
    1616                                                |#URL_SITE_SPIP
     
    2626                })]
    2727        ,
    28                         <div class="bandeau">
     28                        <div class="bandeau_complet">
    2929                                        [(#LOGO_SITE_SPIP
    3030                                                |#URL_SITE_SPIP
  • _squelettes_/scolaspip/trunk/inclure/article-hero.html

    r95796 r95856  
    44<div id="carousel" class="carousel slide ">
    55        <div class="carousel-inner">
    6                 <BOUCLE_articles_selection(ARTICLES ){mots.titre IN Éditorial,edito}{!par date}{0,3}{doublons}>
     6                <BOUCLE_articles_selection(ARTICLES ){mots.titre IN Éditorial,edito}{!par date}{0,8}{doublons}>
    77                <div class="item[ (#COMPTEUR_BOUCLE|=={1}|?{'active',''})] hentry" >
    88                        <article class="entry hentry">
    9                                 [<span class="span2 spip_logos hidden-phone">(#LOGO_ARTICLE|image_reduire{200,200}|inserer_attribut{class, 'img-responsive'})</span>]
     9                                [<span class="spip_logos hidden-phone">(#LOGO_ARTICLE|image_reduire{300,230}|inserer_attribut{class, 'img-responsive'})</span>]
    1010                                <strong class="h3-like entry-title">
    1111                                        <a href="#URL_ARTICLE" rel="bookmark"><span>#TITRE</span></a>
  • _squelettes_/scolaspip/trunk/inclure/head.html

    r94559 r95856  
    3232[<link rel="stylesheet" href="(#CSS{css/spipr_dist.css})" type="text/css" />]
    3333
     34[<link rel="stylesheet" href="(#CSS{css/base_scolaspip.css})" type="text/css" />]
     35
     36[(#CONFIG{scolaspip_colorer/css_scolaspip}|=={oui}|oui)
     37[<link rel="stylesheet" href="(#CSS{css/scolaspip.css})" type="text/css" />]
     38[(#CONFIG{scolaspip_colorer/couleurs}|=={oui}|oui)
     39<link rel="stylesheet" href="#URL_PAGE{css/couleurs.css}" type="text/css" />]]
    3440
    3541[(#REM) Feuille de style du theme]
     
    5460]
    5561
    56 
    57 
    58 
    59 [(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ;
    60         C'est ici que SPIP va inserer l'appel de la librairie jQuery
    61         Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques
    62         si l'option est cochee dans Configuration
    63 ]
    6462#INSERT_HEAD
    6563[<script type="text/javascript" src="(#CHEMIN{js/bootstrap-collapse.js})"></script>]
     
    6967[<script type="text/javascript" src="(#CHEMIN{js/bootstrap-tab.js})"></script>]
    7068
    71 [<link rel="icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />
    72 [<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />]]
     69<script type="text/javascript" src="#URL_PAGE{js/scolaspip.js}"></script>
  • _squelettes_/scolaspip/trunk/inclure/rubriques.html

    r94559 r95856  
    1 <B_rubriques><div class="panel-group well rubriques" id="accordion">
    2         <BOUCLE_rubriques(RUBRIQUES)  {racine}{!mots.titre IN Dans le menu horizontal}{!mots.titre=Exclu}{par num titre, titre}>
    3                 <div class="panel panel-default">
    4  
    5 
    6 
    7 
    8 
    9 <BOUCLE_sous_rubriques_presentes(RUBRIQUES) {id_parent}{!mots.titre=Exclu}{par num titre, titre}> </BOUCLE_sous_rubriques_presentes>
    10                     <div class="panel-heading">
    11                         <h4 class="panel-title">
    12                             <a data-toggle="collapse" data-parent="#accordion" href="#collapse#ID_RUBRIQUE">[(#EXPOSE |== {'on'} |? {[(#CHEMIN{img/deplierbas.png}|balise_img{-}|inserer_attribut{class,imageplus bouton_sommaire bouton_niveau1}|inserer_attribut{title,<:scolaspip:rubriques_masquer:>})],[(#CHEMIN{img/deplierhaut.png}|balise_img{+}|inserer_attribut{class,imageplus bouton_sommaire bouton_niveau1}|inserer_attribut{title,<:scolaspip:rubriques_afficher:>})]} )]</a>
    13                             <a href="#URL_RUBRIQUE" [ class="(#EXPOSE)"]>[(#CONFIG{scolaspip_plus/afficher_logos_rubrique_menu_vertical}|=={oui}|?{[(#LOGO_RUBRIQUE|image_reduire{30,20})]})]&nbsp;#TITRE</a>
    14 
    15                         </h4>
    16                     </div>
    17                     <div id="collapse#ID_RUBRIQUE" class="panel-collapse collapse [ in no(#EXPOSE)]">
    18                         <div class="panel-body">
    19                             <table class="table">
    20                                                 <B_sous_rubriques>
    21                                                                 <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent}{!mots.titre=Exclu}{par num titre, titre}>
    22                                 <tr>
    23                                     <td>
    24                                         <span class="glyphicon glyphicon-pencil text-primary"></span><a href="#URL_RUBRIQUE" [ class="(#EXPOSE)"]> #TITRE</a>
    25                                     </td>
    26                                 </tr>
    27                                                                 </BOUCLE_sous_rubriques>
    28                                                 </B_sous_rubriques>
    29                            </table>
    30                         </div>
    31                     </div>
    32                    
    33 
    34 
    35                                 </B_sous_rubriques_presentes>
    36                     <div class="panel-heading">
    37                         <h4 class="panel-title">
    38                             <a  href="#URL_RUBRIQUE" [ class="(#EXPOSE)"]>[(#CHEMIN{img/deplierbas.png}|balise_img{-})]&nbsp;[(#CONFIG{scolaspip_plus/afficher_logos_rubrique_menu_vertical}|=={oui}|?{[(#LOGO_RUBRIQUE|image_reduire{30,20})]})][(#TITRE|couper{50})]
    39                             </a>
    40                         </h4>
    41                     </div>
    42 
    43                                 <//B_sous_rubriques_presentes>
    44 
    45  
    46  
    47 
    48                 </div>
    49         </BOUCLE_rubriques>
    50 </div>
     1<B_rubriques>
     2<ul class="panel-group well rubriques" id="accordion">
     3    <BOUCLE_rubriques(RUBRIQUES){racine}{!mots.titre IN Dans le menu horizontal}{!mots.titre=Exclu}{par num titre, titre}>
     4    <li class="panel panel-default">
     5        <BOUCLE_sous_rubriques_presentes(RUBRIQUES) {id_parent}{!mots.titre=Exclu}{par num titre, titre}> </BOUCLE_sous_rubriques_presentes>
     6        <div class="panel-heading">
     7            <h4 class="panel-title[ (#EXPOSE)]">
     8                <a data-toggle="collapse" data-parent="#accordion" href="#collapse#ID_RUBRIQUE" class="toggle[ (#EXPOSE{on,collapsed})]"></a>
     9                <a href="#URL_RUBRIQUE" class="branche[ (#EXPOSE)]">[(#CONFIG{scolaspip_plus/afficher_logos_rubrique_menu_vertical}|=={oui}|?{[(#LOGO_RUBRIQUE|image_reduire{30,20})]})&nbsp;]#TITRE</a>
     10            </h4>
     11        </div>
     12        <div id="collapse#ID_RUBRIQUE" class="panel-collapse collapse[ in no(#EXPOSE)]">
     13            <ul class="panel-body table">
     14            <B_sous_rubriques>
     15            <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent}{!mots.titre=Exclu}{par num titre, titre}>
     16            <li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]> #TITRE</a></li>
     17            </BOUCLE_sous_rubriques>
     18            </B_sous_rubriques>
     19            </ul>
     20        </div>
     21        </B_sous_rubriques_presentes>
     22        <div class="panel-heading">
     23            <h4 class="panel-title[ (#EXPOSE)] feuille">
     24                <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#CONFIG{scolaspip_plus/afficher_logos_rubrique_menu_vertical}|=={oui}|?{[(#LOGO_RUBRIQUE|image_reduire{30,20})]})&nbsp;]#TITRE</a>
     25            </h4>
     26        </div>
     27        <//B_sous_rubriques_presentes>
     28    </li>
     29    </BOUCLE_rubriques>
     30</ul>
    5131</B_rubriques>
  • _squelettes_/scolaspip/trunk/inclure/selection_accueil.html

    r94559 r95856  
    1 
    2 
    3 
    41[(#REM) Articles Selectionnes du site ]
    52<B_selection>
    6                 <div class="selection">
    7     <h2 class="h2 "><:scolaspip:articles_selection:></h2>
     3        <div class="selection">
     4                <h2 class="h2 "><:scolaspip:articles_selection:></h2>
    85                <ul class="liste-items">
    9         <BOUCLE_selection(ARTICLES){mots.titre=Sélection}{par num titre,titre}{doublons}>
    10 <li class="item ">
    11         <h3 class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">[(#LOGO_ARTICLE|right||image_reduire{100,50})]#TITRE</a></h3>
    12         <div class="#EDIT{intro} introduction entry-content">[(#INTRODUCTION|couper{200})]</div>
    13         </li>
    14         </BOUCLE_selection>
     6                <BOUCLE_selection(ARTICLES){mots.titre=Sélection}{par num titre,titre}{doublons}>
     7                                <li class="item ">
     8                                <h3 class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">[(#LOGO_ARTICLE|right||image_reduire)]#TITRE</a></h3>
     9                                <div class="#EDIT{intro} introduction entry-content">[(#INTRODUCTION|couper{200})]</div>
     10                                </li>
     11                </BOUCLE_selection>
    1512                </ul>
    16                 </div>
     13        </div>
    1714</B_selection>
    18 
  • _squelettes_/scolaspip/trunk/js/scolaspip.js.html

    r95796 r95856  
    77#HTTP_HEADER{Content-Type:text/javascript;charset=utf-8}
    88#HTTP_HEADER{Vary:Accept-Encoding}
    9 var tout_masque=true;
    109
    11 function masque(identifiant,num) { // masque les premiers sous niveaux
    12     $(".niveau1>li>.ss-rubrique").each(function(){ $(this).hide('slow');});
    13     $("img.imageplus").each(function(){$(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " - " , title : "<:scolaspip:rubriques_afficher:>"});});
    14 }
    15 function changeTousPlusMoins(){
    16     if (tout_masque){
    17         jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "<:scolaspip:rubriques_masquer:>"});});
    18         tout_masque=false;
    19     }
    20     else{
    21         jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "<:scolaspip:rubriques_afficher:>"});});
    22         tout_masque=true;
    23     }
    24 }
    25 function changePlusMoins(niveau){
    26     if (niveau.parent().children("ul").css("display")=="block")
    27         niveau.attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "<:scolaspip:rubriques_afficher:>" });
    28     else
    29         niveau.attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "<:scolaspip:rubriques_masquer:>" });
    30 }
    3110function activeToggleBreves() {    // on masque les contenus des breves, on mets les boutons + et on active l'action
    32     if (jQuery(".liste.breves li.item div.contenu_breve").css("display")!="none"){
    33         jQuery(".liste.breves li.item div.contenu_breve").css({display:'none'});
    34         jQuery(".liste.breves li.item h3.h3 a").removeClass("ouvert");
    35         jQuery(".liste.breves li.item h3.h3 a").addClass("ouvrable");
    36         jQuery(".liste.breves li.item h3.h3").click(function(){ // Affichage des breves
    37             jQuery(this).next().slideToggle();
    38             jQuery(this).children().toggleClass("ouvrable");
    39             jQuery(this).children().toggleClass("ouvert");
     11    if ($(".liste.breves li.item div.contenu_breve").css("display")!="none"){
     12        $(".liste.breves li.item div.contenu_breve").css({display:'none'});
     13        $(".liste.breves li.item h3.h3 a").removeClass("ouvert");
     14        $(".liste.breves li.item h3.h3 a").addClass("ouvrable");
     15        $(".liste.breves li.item h3.h3").click(function(){ // Affichage des breves
     16            $(this).next().slideToggle();
     17            $(this).children().toggleClass("ouvrable");
     18            $(this).children().toggleClass("ouvert");
    4019            return false;
    4120        });
     
    5130};
    5231$(function() {
    53     // on masque les premiers sous-niveaux sauf le courant
    54     jQuery(".niveau1>li>.ss-rubrique").css({display:'none'});
    55     jQuery(".niveau1>li>.ss-rubrique.ddon").css({display:'block'});
    56     activeToggleBreves();
    57     jQuery("#montre_ou_masque_tout").click(function(){ // ouverture/fermeture de tout le sommaire
    58         if (tout_masque) {
    59             jQuery(".niveau1>li>.ss-rubrique").slideDown('slow',changeTousPlusMoins());
    60         }
    61         else {
    62             jQuery(".niveau1>li>.ss-rubrique").slideUp('slow',changeTousPlusMoins());
    63         }
     32    // bouton retour haut de page
     33    $( "body" ).append( '<div id="backtotop" title="<:scolaspip:haut_page:>"><span>▲</span></div>' );
     34    $(window).scroll(function() {
     35        if($('html').scrollTop() > 300 || $('body').scrollTop() > 300) { $('#backtotop').fadeIn();}
     36        else { $('#backtotop').fadeOut(); }
    6437    });
    65     jQuery(".bouton_niveau1").click(function(){ // ouverture/fermeture d'une branche du sommaire
    66         jQuery(this).parent().children("ul").slideToggle("slow",changePlusMoins(jQuery(this)));
    67     });
    68 
    69     if (typeof onAjaxLoad == 'function') onAjaxLoad(activeToggleBreves); // callback pour les breves lors de pagination ajax (merci astuces spip)
    70    
    71     $(window).scroll(function(){
    72         if ($(this).scrollTop() > 100){
    73             $('.go_top').fadeIn();
    74         }
    75         else{
    76             $('.go_top').fadeOut();
    77         }
    78     });
    79     // Evenement au clic
    80     $('.go_top').click(function(){
    81         $('html, body').animate({scrollTop : 0},800);
     38    $('#backtotop').on('click',function() {
     39        $('html,body').animate({ scrollTop: 0 }, 900, function() {
     40            $("html, body").off("scroll mousedown DOMMouseScroll mousewheel keyup");
     41        });
    8242        return false;
    8343    });
    8444   
     45    // liens externes : dans une nouvelle fenetre
     46    $('a.spip_out,.articles-virtuels a').attr("target", "_blank");
     47
     48    activeToggleBreves();
     49    if (typeof onAjaxLoad == 'function') onAjaxLoad(activeToggleBreves); // callback pour les breves lors de pagination ajax (merci astuces spip)
     50   
    8551    // carousel
    8652    if (!$.cookie('stop-carousel')) {
    87         jQuery('#carousel').carousel({interval:8000});
     53        $('#carousel').carousel({interval:8000});
    8854        $('#carousel-pause-cancel').hide();
    8955    }
     
    10268    $('#carousel-pause-cancel').on('click',function() {
    10369        $.removeCookie('stop-carousel');
    104         jQuery('#carousel').carousel('next');
    105         jQuery('#carousel').carousel({interval:8000});
     70        $('#carousel').carousel('next');
     71        $('#carousel').carousel({interval:8000});
    10672        $(this).hide();
    10773        $('#carousel-pause').show();
  • _squelettes_/scolaspip/trunk/local_fr.php

    r94559 r95856  
    99
    1010);
    11 ?>
  • _squelettes_/scolaspip/trunk/paquet.xml

    r95068 r95856  
    22        prefix="scolaspip"
    33        categorie="squelette"
    4         version="4.0.2"
     4        version="4.1.0"
    55        etat="test"
    66        compatibilite="[3.0.0;3.1.*]"
  • _squelettes_/scolaspip/trunk/scolaspip_fonctions.php

    r94559 r95856  
    132132        $boucle->limit = '0, ' .$var ;
    133133}
    134 ?>
  • _squelettes_/scolaspip/trunk/scolaspip_pipelines.php

    r94559 r95856  
    88function autoriser_scolaspip_configurer_dist($faire, $type, $id, $qui, $opt) {
    99        return ($qui['statut'] == '0minirezo' AND !$qui['restreint']);
    10 }
    11 
    12 function scolaspip_insert_head($flux){
    13         $js_start = parametre_url(generer_url_public('scolaspip.js'), 'lang', $lang);
    14         if (_VAR_MODE=="recalcul")
    15                 $js_start = parametre_url($js_start, 'var_mode', 'recalcul');
    16         $flux .= "<script type='text/javascript' src='$js_start'></script>\n";
    17         return $flux;
    18 }
    19 
    20 function scolaspip_insert_head_css($flux){
    21         $config = scolaspip_couleurs_config();
    22         if ($config['css_scolaspip']=='oui') {
    23                 $flux .= '<link rel="stylesheet" href="'.direction_css(find_in_path('scolaspip.css')).'" type="text/css" media="all" />';
    24                 if ($config['couleurs']=='oui') {
    25                         $css_start = parametre_url(generer_url_public('couleurs.css'), 'lang', $lang);
    26                         if (_VAR_MODE=="recalcul")
    27                                 $css_start = parametre_url($css_start, 'var_mode', 'recalcul');
    28                         $flux .= "<link rel='stylesheet' href='$css_start' type='text/css' media='all' />";
    29                 }
    30         }
    31         else{
    32                 $flux .= '<link rel="stylesheet" href="'.direction_css(find_in_path('sans_scolaspip.css')).'" type="text/css" media="all" />';
    33         }
    34         return $flux;
    3510}
    3611
     
    6338        return $flux;
    6439}
    65 ?>
Note: See TracChangeset for help on using the changeset viewer.