Changeset 95909 in spip-zone


Ignore:
Timestamp:
Mar 11, 2016, 8:19:07 AM (3 years ago)
Author:
johan.pustoch@…
Message:

Revue des pages de rubrique
Plus d'air autour du contenu des pages
Plein d'autres petits détails

Location:
_squelettes_/scolaspip/trunk
Files:
9 edited
1 moved

Legend:

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

    r95856 r95909  
    1818                        <div class="content span9" id="content">
    1919                                <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    20                                 <INCLURE{fond=content/#ENV{type-page},env} />
     20                                <div class="inner-content"><INCLURE{fond=content/#ENV{type-page},env} /></div>
    2121                        </div>
    2222                        <div class="aside  col span3" id="aside">
  • _squelettes_/scolaspip/trunk/content/rubrique.html

    r94559 r95909  
    1010        <div class="main">
    1111                [<div class="#EDIT{texte} chapo">(#TEXTE|adaptive_images)</div>]
    12 
    13                 <br class="nettoyeur"></br>
    14                 [(#REM) Breves du secteur ]
    15                         <B_breves>
    16                         <div class="liste breves">
    17                                         #ANCRE_PAGINATION
    18                                         <h2 class="h2"><:scolaspip:actualites:></h2>
    19                                         <ul class="liste-items">
    20                                                         <BOUCLE_breves(BREVES) {id_rubrique} {par date}{inverse} {pagination 5}>
    21                                                         <li class="item short">#INCLURE{fond=inclure/resume/breve,id_breve}</li>
    22                                                         </BOUCLE_breves>
    23                                         </ul>
    24                                         [<div class="pagination">(#PAGINATION)</div>]
    25                         </div>
    26                         </B_breves>
    27 
    28                 <BOUCLE_articles(ARTICLES){id_rubrique}{0,1}>
    29                         <div class="liste articles">
    30                         <INCLURE{fond=liste/articles-resume,env,ajax,titre=<:articles_rubrique:>} />
    31                         </div>
    32                         <B_sous_rubriques>
    33                 <div class="menu rubriques">
    34                         <h2 class="h2"><:sous_rubriques:></h2>
    35                         <ul class="menu-items menu-liste">
    36                                 <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}>
    37                                 <li class="item menu-entree sous-rubriques-rubrique">
    38                                         <a href="#URL_RUBRIQUE">[(#TITRE)]</a>
    39 
    40                                                                         </li>
    41                                 </BOUCLE_sous_rubriques>
    42                         </ul>
    43                         </div>
     12                <br class="clear"/>
     13               
     14                [(#REM) affiche un plan de la rubrique ]
     15                <B_sous_rubriques>
     16                <div class="span4 offset">
     17                        <div class="menu rubriques">
     18                                <h2 class="h2"><:sous_rubriques:></h2>
     19                                <ul class="menu-items menu-liste liste-items">
     20                                        <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}>
     21                                        <li class="item menu-entree ">
     22                                                <a href="#URL_RUBRIQUE" class=" sous-rubriques-rubrique">[(#TITRE)]</a>
     23                                                [(#REM) Une boucle recursive pour le mini plan]
     24                                                <B_miniplan>
     25                                                <ul class="menu-items menu-liste">
     26                                                        <BOUCLE_miniplan(RUBRIQUES) {id_parent} {par num titre, titre}>
     27                                                        <li class="item menu-entree">
     28                                                                <a href="#URL_RUBRIQUE" class=" sous-rubriques-rubrique">[(#TITRE)]</a>
     29                                                                <BOUCLE_m2(BOUCLE_miniplan)></BOUCLE_m2>
     30                                                        </li>
     31                                                        </BOUCLE_miniplan>
     32                                                </ul>
     33                                                </B_miniplan>
     34                                        </li>
     35                                        </BOUCLE_sous_rubriques>
     36                                </ul>
     37                                </div>
     38                </div>
     39                <div class="span4">
    4440                </B_sous_rubriques>
     41                <div>
     42                <//B_sous_rubriques>
     43                        <INCLURE{fond=liste/breves-resume}{id_rubrique}{ajax}{env}>
     44                       
     45                        <INCLURE{fond=liste/articles-resume}{ajax}{env}{titre=<:articles_rubrique:>}>
     46                </div>
    4547               
    46                 </BOUCLE_articles>
    47 
    48 
    49 
    50 
    51                 [(#REM) affiche un plan de la rubrique ]
    52         <B_sous_rubriques2>
    53                 <div class="menu rubriques">
    54                         <h2 class="h2"><:sous_rubriques:></h2>
    55                         <ul class="menu-items menu-liste">
    56                                 <BOUCLE_sous_rubriques2(RUBRIQUES) {id_parent} {par num titre, titre}>
    57                                 <li class="item menu-entree ">
    58                                         <a href="#URL_RUBRIQUE" class=" sous-rubriques-rubrique">[(#TITRE)]</a>
    59 
    60                                         [(#REM) Une boucle recursive pour le mini plan]
    61                                         <B_miniplan>
    62                                         <ul class="menu-items menu-liste">
    63                                                 <BOUCLE_miniplan(RUBRIQUES) {id_parent} {par num titre, titre}>
    64                                                 <li class="item menu-entree">
    65                                                         <a href="#URL_RUBRIQUE" class=" sous-rubriques-rubrique">[(#TITRE)]</a>
    66                                                         <BOUCLE_m2(BOUCLE_miniplan)></BOUCLE_m2>
    67                                                 </li>
    68                                                 </BOUCLE_miniplan>
    69                                         </ul>
    70                                         </B_miniplan>
    71 
    72                                 </li>
    73                                 </BOUCLE_sous_rubriques2>
    74                         </ul>
    75                         </div>
    76                 </B_sous_rubriques2>
    77                
    78                
    79                
    80                
    81         <//B_articles>
    8248        </div>
    8349
    84         <aside>
     50        <aside class="clear">
    8551                [(#REM) Gestion du portfolio et des documents ]
    8652                [(#INCLURE{fond=inclure/documents,id_rubrique})]
    8753
    88 
    89                         [(#REM) Sites de la rubrique ]
    90                         <B_sites>
    91                         <div class="liste sites">
    92                                         <h2 class="h2"><:sur_web:></h2>
    93                                         <ul class="liste-items">
    94                                                         <BOUCLE_sites(SITES) {id_rubrique} {par nom_site}>
    95                                                         <li class="item short">#INCLURE{fond=inclure/resume/site,id_syndic}
    96                                                                         <B_syndic>
    97                                                                         <ul class="spip">
    98                                                                                         <BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {par date}{inverse} {0,3}>
    99                                                                                         <li class="short with-publication-inline">#INCLURE{fond=inclure/resume/syndic_article,id_syndic_article}</li>
    100                                                                                         </BOUCLE_syndic>
    101                                                                         </ul>
    102                                                                         </B_syndic>
    103                                                         </li>
    104                                                         </BOUCLE_sites>
     54                [(#REM) Sites de la rubrique ]
     55                <B_sites>
     56                <div class="liste sites">
     57                        <h2 class="h2"><:sur_web:></h2>
     58                        <ul class="liste-items">
     59                                <BOUCLE_sites(SITES) {id_rubrique} {par nom_site}>
     60                                <li class="item short">#INCLURE{fond=inclure/resume/site,id_syndic}
     61                                        <B_syndic>
     62                                        <ul class="spip">
     63                                                <BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {par date}{inverse} {0,3}>
     64                                                <li class="short with-publication-inline">#INCLURE{fond=inclure/resume/syndic_article,id_syndic_article}</li>
     65                                                </BOUCLE_syndic>
    10566                                        </ul>
    106                         </div>
    107                         </B_sites>
    108 
     67                                        </B_syndic>
     68                                </li>
     69                                </BOUCLE_sites>
     70                        </ul>
     71                </div>
     72                </B_sites>
    10973
    11074        </aside>
  • _squelettes_/scolaspip/trunk/content/sommaire.html

    r95856 r95909  
    1 <section class="span9">
     1<section>
    22       
    33        <header class="cartouche hide">
     
    88       
    99        <INCLURE{fond=inclure/article-hero} />
     10       
    1011</section>
    1112
    12 <section  class="span6">
     13<section class="span6">
    1314        <div class="main">
    1415               
    1516                <INCLURE{fond=inclure/selection_accueil,ajax} {doublons}/>
    1617
    17                 [(#CONFIG{scolaspip_accueil/breves}|!={oui}|?{' ',#INCLURE{fond=inclure/breves}{ajax}{env}})]           
     18                [(#CONFIG{scolaspip_accueil/breves}|!={oui}|?{' ',#INCLURE{fond=liste/breves-resume}{ajax}{env}})]             
    1819
    1920                <div class="liste long articles">
     
    3233        #CALENDRIER_MINI{#GET{date_debut},date_debut,#URL_PAGE{agenda},#URL_PAGE{calendrier_mini_event.json}}
    3334    </div>
    34         ]       
     35        ]
    3536    [(#REM) Affichage prochains evenements si la configuration du plugin dit oui ]
    3637    [(#CONFIG{scolaspip_accueil/evenements}|!={oui}|?{' ',#INCLURE{fond=inclure/prochainement}{ajax}{env}})]
    3738       
    3839        <INCLURE{fond=inclure/mosaiques_accueil} />
     40       
    3941        [(#REM) Affichage du flux Twitter ]
    4042    [(#CONFIG{scolaspip_accueil/afficher_compte_twitter}|!={oui}|?{' ',[(#INCLURE{fond=inclure/twitter_accueil}{ajax}{env})]})]
  • _squelettes_/scolaspip/trunk/css/base_scolaspip.less

    r95870 r95909  
    105105}
    106106.page_sommaire {
    107         #content {
    108                 section.span9,section.span6{margin-left: 0;}
     107        #content{
     108                .inner-content{
     109                        padding-left: 0;
     110                }
    109111                .tweets {
    110112                        margin-top : 20px;
     
    125127    }
    126128}
     129.page_plan{
     130    #content{
     131        .main ul.plan{
     132            list-style:none;
     133            font-size: 1.2em;
     134            li{
     135                a{
     136                    display: block;
     137                    &:hover{background-color: @grayLighter;}
     138                }
     139            }
     140            ul{
     141                list-style:none;
     142                font-size: 90%;
     143            }
     144        }
     145    }
     146}
    127147.article .publication{
    128148        display : block;
     
    147167}
    148168#content{
     169        .inner-content{
     170                padding-left: 2em;
     171                .span4.offset,.span6,.span9{margin-left: 0;}
     172        }
    149173        .comment{
    150174                padding-bottom: 0;
     
    313337        }
    314338}
     339.menu.rubriques{
     340        .menu-liste{
     341                font-size : 1.5em;
     342                line-height : 1.8em;
     343                .menu-liste{
     344                        font-size : .8em;
     345                        margin-left: 20px;
     346                        li{
     347                                border: none;
     348                        }
     349                }
     350        }
     351}
    315352.liste-items .item , .secondary .liste-items .item{padding : 5px;}
    316353.weel {padding : 12px;}
  • _squelettes_/scolaspip/trunk/css/couleurs.css.html

    r95856 r95909  
    9696[(#CONFIG{scolaspip_colorer/bandeau_large}|=={large}|?{'body > .container{width :100%;} .navbar-inner{-moz-box-shadow: none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;} '})]
    9797
    98 [(#CONFIG{scolaspip_colorer/position_menu}|=={gauche}|?{'body #aside {float:left; } @media (max-width: 767px){body #aside { margin-left:0px;}}@media (min-width: 768px) and (max-width: 1199px){body #aside { margin-left:20px;} }@media (min-width: 1200px) { body #aside { margin-left:30px;}}         body #content {clear :right ;float:right;margin : 0px;} .centre {float:left; margin-left : 0px;} .gauche{margin-left : 20px;clear :right ;float:right;} ','#aside {margin : 0px; float : right;}' })]
     98[(#CONFIG{scolaspip_colorer/position_menu}|=={gauche}|?{'body #aside {float:left; } @media (max-width: 767px){body #aside { margin-left:0px;}}@media (min-width: 768px) and (max-width: 1199px){body #aside { margin-left:20px;} }@media (min-width: 1200px) { body #aside { margin-left:30px;}} body #content {clear :right ;float:right;margin : 0px;}','#aside {margin : 0px; float : right;};' })]
    9999
    100100@media (max-width: 767px){
  • _squelettes_/scolaspip/trunk/css/scolaspip.less

    r95870 r95909  
    8484        color : #FFF;
    8585        }
    86 .sous-rubriques-rubrique{
    87         font-size : 1.5em;
    88         line-height : 1.8em;
    89         }
    9086body .h2 a {
    9187        color : #333;
  • _squelettes_/scolaspip/trunk/lang/scolaspip_fr.php

    r94559 r95909  
    3333// b
    3434    'background_legend' => 'Couleur de fond du site',
    35     'background_texte' => 'Correspond à l\'arrière plan du site. <strong>Paramètre sans effet en mode «&nbsp;Bandeau élargi&nbsp;».</strong>',
     35    'background_texte' => 'Correspond à l\'arrière plan du site. À noter : une image de fond est superposée et atténue la couleur (vous pouvez ajouter dans les règles css en bas la ligne <code>body { background-image : none; }</code> pour retirer l\'image de fond',
    3636    'bandeau_elargi' => 'Bandeau élargi',
    3737   
  • _squelettes_/scolaspip/trunk/liste/articles-resume.html

    r94559 r95909  
    33        <h2 class="h2">[(#ENV{titre,<:derniers_articles:>})]</h2>
    44        <ul class="liste-items">
    5                 <BOUCLE_articles(ARTICLES){id_rubrique?} {!par date}{!id_article IN #ENV{articles_exclus,#ARRAY}} {pagination #ENV{nb,5}}>
     5                <BOUCLE_articles(ARTICLES){id_rubrique?} {!par date} {pagination #ENV{nb,5}}>
    66                <li class="item">#INCLURE{fond=inclure/resume/article,id_article}</li>
    77                </BOUCLE_articles>
  • _squelettes_/scolaspip/trunk/liste/breves-resume.html

    r95764 r95909  
    22<B_breves>
    33<div class="liste articles breves" >
    4 #ANCRE_PAGINATION
    5 <h2 class="h2"><:scolaspip:actualites:></h2>
    6 <ul class="liste-items">
    7 <BOUCLE_breves(BREVES){id_secteur ?}{!par date}{pagination #CONFIG{scolaspip_accueil/pagination_breves}}{scolaspip_nb_breves}>
    8         [<li class="item hentry" title="<:scolaspip:breve_publie_le:> [(#DATE|nom_jour) ][(#DATE|affdate)]">
    9                 <h3 class="h3 entry-title"><a href="#URL_BREVE" title="<:scolaspip:affiche_breve:>">[(#LOGO_BREVE|right||image_reduire{80,40})](#TITRE)</a></h3>
    10                 <div class="contenu_breve">
    11                         [<div class="#EDIT{texte} texte">(#TEXTE)</div>]
    12                         [<p class="hyperlien #EDIT{hyperlien}"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out" title="<:scolaspip:lien_externe:>">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
    13                         [(#INCLURE{fond=inclure/documents,id_breve}{titre= })]
    14                 </div>
    15         </li>]
    16 </BOUCLE_breves>
    17 </ul>
     4        #ANCRE_PAGINATION
     5        <h2 class="h2"><:scolaspip:actualites:></h2>
     6        <ul class="liste-items">
     7        <BOUCLE_breves(BREVES){id_secteur ?}{!par date}{pagination #CONFIG{scolaspip_accueil/pagination_breves}}>
     8                [<li class="item hentry" title="<:scolaspip:breve_publie_le:> [(#DATE|nom_jour) ][(#DATE|affdate)]">
     9                        <h3 class="h3 entry-title"><a href="#URL_BREVE" title="<:scolaspip:affiche_breve:>">[(#LOGO_BREVE|right||image_reduire{80,40})](#TITRE)</a></h3>
     10                        <div class="contenu_breve">
     11                                [<div class="#EDIT{texte} texte">(#TEXTE)</div>]
     12                                [<p class="hyperlien #EDIT{hyperlien}"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out" title="<:scolaspip:lien_externe:>">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
     13                                [(#INCLURE{fond=inclure/documents,id_breve}{titre= })]
     14                        </div>
     15                </li>]
     16        </BOUCLE_breves>
     17        </ul>
    1818        [<div class="pagination">(#PAGINATION)</div>]
    1919</div>
  • _squelettes_/scolaspip/trunk/liste/derniers-articles.html

    r95067 r95909  
    33  Distribue sous licence GPL
    44]
    5 
    6 
    75<B_articles>
    86        #ANCRE_PAGINATION
    97        <h2 class="h2">[(#ENV{titre,<:derniers_articles:>})]</h2>
    108        <ul class="liste-items">
    11 <BOUCLE_articles(ARTICLES){!par date} {!mots.titre IN Sélection , Éditorial}{pagination #CONFIG{scolaspip_accueil/pagination_articles},5}{scolaspip_nb_articles}{!mots.titre=Exclu}>
     9                <BOUCLE_articles(ARTICLES){!par date} {!mots.titre IN Sélection , Éditorial}{pagination #CONFIG{scolaspip_accueil/pagination_articles},5}{scolaspip_nb_articles}{!mots.titre=Exclu}>
    1210                <li class="item">#INCLURE{fond=inclure/resume/article,id_article}</li>
    1311                </BOUCLE_articles>
Note: See TracChangeset for help on using the changeset viewer.