Changeset 85652 in spip-zone for _squelettes_/zktx-kore


Ignore:
Timestamp:
Oct 26, 2014, 7:37:40 PM (5 years ago)
Author:
l.oiseau2nuit@…
Message:

integration BS3

Location:
_squelettes_/zktx-kore/trunk
Files:
11 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/content/article.html

    r84045 r85652  
    11<BOUCLE_content(ARTICLES){id_article}>
    22        [(#REM) Fil d'Ariane ]
    3         <nav class="breadcrumb"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}><span class="sep"> &gt; </span><a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[<span class="sep"> &gt; </span><strong class="on">(#TITRE|couper{80})</strong>]</nav>
     3        <ol class="breadcrumb">
     4                <li><a rel="home" href="#URL_SITE_SPIP/"><:accueil_site:></a></li>
     5                <BOUCLE_ariane(HIERARCHIE){id_article}>
     6                        <li><a href="[(#URL_RUBRIQUE|url_absolue)]">[(#TITRE|couper{80})]</a></li>
     7                </BOUCLE_ariane>
     8                [<li class="on active"><strong>(#TITRE|couper{80})</strong></li>]
     9        </ol>
    410        <article class="row hentry">
    511                <div class="col-xs-12 col-sm-6 col-lg-8">
    6                         <header class="page-header">
    7                                 <p class="info-publi"><time pubdate class="published" datetime="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</time>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
    8                                 [(#REM) Inclure le modele des liens de traductions ]#MODELE{article_traductions}
    9                                 [<div class="#EDIT{chapo} surlignable">(#CHAPO|abs_url)</div>]
    10                         </header>
     12                        [<header class="page-header #EDIT{chapo} surlignable">(#CHAPO|abs_url)</header>]
    1113                        [<section class="#EDIT{texte} surlignable">(#TEXTE|image_reduire{465,0}|abs_url)</section>]
    1214                </div>
    13                 <div class="col-xs-6 col-lg-4">
    14                 [(#REM) Gestion du portfolio et des documents ]
     15                <div class="col-xs-12 col-sm-6 col-lg-4">
     16                        <aside class="well">
     17                                [(#REM) liens de traduction ]
     18                                #MODELE{article_traductions}
     19                                [(#REM) infos de publication ]
     20                                <section class="info-publi list-unstyled">
     21                                        <p>
     22                                                <span class="glyphicon glyphicon-time"></span> <:publie_le:> <time pubdate class="published" datetime="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</time>
     23                                                [<br/><span class="glyphicon"></span> <:zktx:modifie_le:> <time update class="updated" datetime="[(#DATE_MODIF|date_iso)]">(#DATE_MODIF|affdate)</time>]
     24                                        </p>
     25                                        [<p><span class="glyphicon glyphicon-user"></span> <:par_auteur:> <span class="authors">(#LESAUTEURS)</span></p>]
     26                                        <p><span class="glyphicon glyphicon-comment"></span> <a href="#comments"><:zktx:jump2comments:></a></p>
     27                                </section>
     28
     29                                [(#REM) Boutons de partage ]
     30                                [(#INCLURE{fond=inclure/socialtags}{id_article})]
     31                        </aside>
     32                        [(#REM) portfolio & documents ]
    1533                        [<aside class="well">(#INCLURE{fond=inclure/documents}{id_article})</aside>]
    16                         [<footer class="well">(#NOTES|abs_url)</footer>]
     34                        [<footer>(#NOTES|abs_url)</footer>]
    1735                </div>
    1836        </article>
     
    2139        <BOUCLE_auteur(AUTEURS){id_article}>
    2240        <aside class="jumbotron auteur">
    23                 [<span class="#EDIT{qui} h2"><:par_auteur:>(#NOM)</span>]
    24                 [<p class="#EDIT{bio}">(#BIO|couper{240})</p>]
     41                [<span class="#EDIT{qui} h3"><span class="glyphicon glyphicon-user"></span> (#NOM)</span>]
     42                [<p class="#EDIT{bio}"><small>(#BIO|couper{240})</small></p>]
    2543                <a rel="author" class="btn btn-primary btn-lg" href="[(#URL_AUTEUR|url_absolue)]">En savoir +</a>
    26 
    2744        </aside>
    2845        </BOUCLE_auteur>
    2946        </B_auteur>
    3047       
    31         [(#REM) Petition :
    32         La petition ayant une PAGINATION il faut absolument {env}
    33         et pourquoi pas ajax
    34         ][<section>(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} /></section>]
     48        [(#REM) Petition ]
     49        [<section class="ajax">(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} /></section>]
    3550       
    36        
    37         [(#REM) Forum de l'article ]   
     51        [(#REM) Forum & comments ]     
    3852        <INCLURE{fond=inclure/forum,id_article,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum)} />
    3953
  • _squelettes_/zktx-kore/trunk/css/zktx.css.html

    r84588 r85652  
    1 [(#REM) CACHE{3600*24*30}  <= état = prod ]
    2 [(#REM) état = dev => ] #CACHE{0}
     1#CACHE{0}
     2[(#REM)
     3  état = dev => CACHE{0}
     4  état = prod => CACHE{3600*24*30}
     5]
    36#HTTP_HEADER{Content-Type: text/css;}
    47
     
    811]
    912
    10 body { padding-top: 50px; [(#REM) padding-bottom: 30px; ] }
     13body {  padding-top: 50px; [(#REM) padding-bottom: 30px; ] }
    1114
    12 [h2, .h2 {
    13         color: #(#ID_RUBRIQUE
    14                 |couleur_rubrique
    15                 |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    16                 |sinon{"111111"}
    17         );
    18 }]
     15[(#REM) Liens hypertextes ]
     16  a:link, a:visited
     17  nutzme{ [color: #(#ID_RUBRIQUE
     18      |couleur_rubrique
     19      |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
     20      |couleur_inverser
     21      |couleur_foncer
     22    );]
     23    [(#REM) text-decoration:underline; ]
     24  }
    1925
    20 h3, .h3 {margin-bottom:0.75em;}
     26  a:active, a:hover, a:focus {
     27    [color: #(#ID_RUBRIQUE
     28      |couleur_rubrique
     29      |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
     30      |couleur_inverser
     31    );]
     32    text-decoration:none;
     33    [(#REM) text-shadow: 0px 0px 2px #111;]
     34  }
    2135
    22 a:link, a:visited {
    23         [color: #(#ID_RUBRIQUE
    24                 |couleur_rubrique
    25                 |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    26     |couleur_inverser
    27     |couleur_foncer
    28         );]
    29         [(#REM) text-decoration:underline; ]
    30 }
     36[(#REM) Niveaux de titres ]
     37  [h2, .h2 {
     38        color: #(#ID_RUBRIQUE
     39                |couleur_rubrique
     40                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
     41                |sinon{"111111"}
     42        );
     43  }]
    3144
    32 a:active, a:hover, a:focus {
    33         [color: #(#ID_RUBRIQUE
    34                 |couleur_rubrique
    35                 |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    36     |couleur_inverser
    37         );]
    38         text-decoration:none;
    39         [(#REM) text-shadow: 0px 0px 2px #111;]
    40 }
     45  h3, .h3 {font-weight:normal; margin-bottom:0.75em;}
     46
     47[(#REM) balises ]
     48  p { margin:0 0 1em 0; }
     49
     50[(#REM) Helper class ]
     51  [(#REM) .pull-left, .pull-right {margin-bottom:0.75em;} ]
     52  .pull-left {margin-right:1em;}
     53  .pull-right {margin-left:1em;}
    4154
    4255[(#REM) Boutons]
    43 a.btn { text-decoration:none!important; }
    44 [(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
    45 [(#SET{grad_foncer, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer)] })]
    46 [(#SET{grad_bordure, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer|couleur_foncer)] })]
     56  a.btn { text-decoration:none!important; }
     57  [(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
     58  [(#SET{grad_foncer, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer)] })]
     59  [(#SET{grad_bordure, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer|couleur_foncer)] })]
    4760
    48 .btn-primary {
    49   background-image: -webkit-gradient(linear,left 0,left 100%,from(#GET{grad}),to(#GET{grad_foncer}));
    50   background-image: -webkit-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
    51   background-image: -moz-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
    52   background-image: linear-gradient(to bottom,#GET{grad} 0,#GET{grad_foncer} 100%);
    53   background-repeat: repeat-x;
    54   border-color: #GET{grad_bordure};
    55   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#GET{grad}',endColorstr='#ff#GET{grad_foncer}',GradientType=0);
    56   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    57 }
    58 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    59   color: #fff;
    60   border-color: #GET{grad_bordure};
    61   background-color: #GET{grad_foncer};
    62   background-position: 0 -15px;
    63 }
     61  .btn-primary {
     62    background-image: -webkit-gradient(linear,left 0,left 100%,from(#GET{grad}),to(#GET{grad_foncer}));
     63    background-image: -webkit-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
     64    background-image: -moz-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
     65    background-image: linear-gradient(to bottom,#GET{grad} 0,#GET{grad_foncer} 100%);
     66    background-repeat: repeat-x;
     67    border-color: #GET{grad_bordure};
     68    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#GET{grad}',endColorstr='#ff#GET{grad_foncer}',GradientType=0);
     69    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     70  }
     71  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
     72    color: #fff;
     73    border-color: #GET{grad_bordure};
     74    background-color: #GET{grad_foncer};
     75    background-position: 0 -15px;
     76  }
    6477
    65 p {margin:0 0 1em 0;}
     78[(#REM) Navigations et ergonomie ]
     79  .remonter { position:fixed; bottom:0.85em; right:0.85em;}
     80  [.breadcrumb {
     81    background-color: #(#ID_RUBRIQUE
     82      |couleur_rubrique
     83      |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_eclaircir|couleur_eclaircir)] }
     84      |couleur_eclaircir
     85      |couleur_eclaircir
     86    );
     87  }]
    6688
    67 [(#REM) Class Utilitaires Bootstrap ]
    68 [(#REM) .pull-left, .pull-right {margin-bottom:0.75em;} ]
    69 .pull-left {margin-right:1em;}
    70 .pull-right {margin-left:1em;}
    71 
     89[(#REM) STRUCTURE ]
    7290[(#REM)
    7391        Wrapper pour le contenu de la page, permettant de fixer le footer en bas de l'écran
     
    82100  padding: 0 0 60px;
    83101}
    84 
    85 [(#REM) Skiplinks ]
    86 .remonter { position:fixed; bottom:0.85em; right:0.85em;}
    87 [.breadcrumb {
    88         background-color: #(#ID_RUBRIQUE
    89                 |couleur_rubrique
    90                 |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_eclaircir|couleur_eclaircir)] }
    91                 |couleur_eclaircir
    92                 |couleur_eclaircir
    93         );
    94 }]
    95102
    96103[(#REM) Header des pages ]
  • _squelettes_/zktx-kore/trunk/header/article.html

    r84512 r85652  
    1 [(#PLUGINS{skiplink}|oui) #INCLURE{fond=raccourcis} ]
     1[(#PLUGINS{skiplink}|oui) <nav class="sr-only">#INCLURE{fond=raccourcis}</nav> ]
    22<BOUCLE_header(ARTICLES){id_article}{id_rubrique}>
    33        <div class="container">
     
    1212                                > voir http://getbootstrap.com/css/#images
    1313                ]
    14                 [(#LOGO|inserer_attribut{alt,[(#TITRE|textebrut)]})]
     14                [(#LOGO|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut) ][(#TITRE|textebrut)]})]
    1515                [<p class="#EDIT{surtitre} small">(#SURTITRE)</p>]
    1616                <h1 class="h1 #EDIT{titre}">#TITRE</h1>
  • _squelettes_/zktx-kore/trunk/header/auteur.html

    r84512 r85652  
    1 [(#PLUGINS{skiplink}|oui) #INCLURE{fond=raccourcis} ]
     1[(#PLUGINS{skiplink}|oui) <nav class="sr-only">#INCLURE{fond=raccourcis}</nav> ]
    22<BOUCLE_header(AUTEURS){id_auteur}>
    33        <div class="container">
     
    1010                ]
    1111                [(#LOGO_AUTEUR
    12                         |inserer_attribut{alt,[(#NOM|textebrut)]}
     12                        |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)][ (#NOM|textebrut)]}
    1313                        |inserer_attribut{class,img-responsive}
    1414                )]
  • _squelettes_/zktx-kore/trunk/header/dist.html

    r84512 r85652  
    44        <figure class="col-md-3">
    55                [<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">(#LOGO_SITE_SPIP_NORMAL
    6                         |inserer_attribut{alt,#NOM_SITE_SPIP}
     6                        |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)]}
    77                        |inserer_attribut{class,"img-responsive"}
    88                )</a>]
  • _squelettes_/zktx-kore/trunk/header/mot.html

    r84512 r85652  
    1 [(#PLUGINS{skiplink}|oui) #INCLURE{fond=raccourcis} ]
     1[(#PLUGINS{skiplink}|oui) <nav class="sr-only">#INCLURE{fond=raccourcis}</nav> ]
    22<BOUCLE_header(MOTS){id_mot}>
    33        <div class="container">
     
    1111                [(#LOGO_MOT_NORMAL
    1212                        |sinon{[(#LOGO_RUBRIQUE_NORMAL{0})]}
    13                         |inserer_attribut{alt,[(#TITRE|textebrut)]}
     13                        |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)][ (#TITRE|textebrut)]}
    1414                        |inserer_attribut{class,"img-responsive"}
    1515                )]
  • _squelettes_/zktx-kore/trunk/header/rubrique.html

    r84512 r85652  
    1 [(#PLUGINS{skiplink}|oui) #INCLURE{fond=raccourcis} ]
     1[(#PLUGINS{skiplink}|oui) <nav class="sr-only">#INCLURE{fond=raccourcis}</nav> ]
    22<BOUCLE_header(RUBRIQUES){id_rubrique}>
    33<section class="row">
     
    1212                [(#LOGO_RUBRIQUE_NORMAL
    1313                        |sinon{[(#LOGO_RUBRIQUE_NORMAL{0})]}
    14                         |inserer_attribut{alt,[(#TITRE|textebrut)]}
     14                        |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)][ (#TITRE|textebrut)]}
    1515                        |inserer_attribut{class,"img-responsive"}
    1616                )]
  • _squelettes_/zktx-kore/trunk/inclure/article-resume.html

    r69756 r85652  
    88<article>
    99        <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
    10         [(#LOGO|image_passe_partout{102,102}|image_recadre{100,100,center}|inserer_attribut{alt,#TITRE - #NOM_SITE_SPIP})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
     10        [(#LOGO|image_passe_partout{102,102}|image_recadre{100,100,center}|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut) ][(#TITRE|textebrut)]})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
    1111        <h3 class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></h3>
    1212        <div class="info-publi">
  • _squelettes_/zktx-kore/trunk/inclure/nav.html

    r80077 r85652  
    1010                        <span class="icon-bar"></span>
    1111                </button>
    12                 <a class="navbar-brand" href="#URL_SITE_SPIP">#NOM_SITE_SPIP</a>
     12                <a class="navbar-brand" href="#URL_SITE_SPIP">[(#LOGO_SITE_SPIP_NORMAL|image_reduire{120,50}|inserer_attribut{class,img-responsive}|inserer_attribut{alt,#NOM_SITE_SPIP}|sinon{#NOM_SITE_SPIP})]</a>
    1313        </div>
    1414        <div class="navbar-collapse collapse">
  • _squelettes_/zktx-kore/trunk/lang/zktx_fr.php

    r69386 r85652  
    88
    99        // P
    10         'pass_erreur_404' => '<b>Malheureusement, il semble que le document que vous recherchiez ne soit pas disponible. Soit il n\'existe plus, soit il a &eacute;t&eacute; d&eacute;plac&eacute; ou renomm&eacute;.</b>',
     10        'publie_le' => 'Publié le',
     11        'publie_dans' => 'sous',
     12        'pass_erreur_404' => 'Malheureusement, il semble que le document que vous recherchiez ne soit pas disponible. Soit il n\'existe plus, soit il a &eacute;t&eacute; d&eacute;plac&eacute; ou renomm&eacute;.',
    1113        'pass_erreur_401' => 'Une authentification est n&eacute;cessaire pour acc&eacute;der &agrave; la page.',
    1214        'pass_erreur_503' => 'Service temporairement indisponible ou en maintenance.'
  • _squelettes_/zktx-kore/trunk/liste/articles-resume-col.html

    r84590 r85652  
    1616                <article class="item hentry col-lg-4 text-center">
    1717                        <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
    18                         [(#LOGO|image_reduire{360,0}|image_recadre{0,160,center}|inserer_attribut{class,img-responsive}|inserer_attribut{class,center-block})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
     18                        [(#LOGO|image_reduire{360,0}|image_recadre{0,160,center}|inserer_attribut{class,img-responsive}|inserer_attribut{class,center-block}|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut) ][(#TITRE|textebrut)]})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
    1919                        <div class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></div>
    2020                        [<section class="#EDIT{intro} introduction entry-content">(#INTRODUCTION|couper{160}|abs_url)</section>]
Note: See TracChangeset for help on using the changeset viewer.