Changeset 91895 in spip-zone for _squelettes_/bazar


Ignore:
Timestamp:
Sep 16, 2015, 10:47:41 PM (4 years ago)
Author:
chankalan@…
Message:

html5 un peu mieux + un menu spécial < 768px

Location:
_squelettes_/bazar/trunk
Files:
3 added
2 deleted
18 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/bazar/trunk/404.html

    r91864 r91895  
    1717<div class="page">
    1818
    19         <header class="entete clearfix">
     19        <header class="entete clearfix" role="banner" >
    2020        <div class="wrapper">
    2121                <INCLURE{fond=inclure/header} />
     
    2323        </div>
    2424        </header>
    25         <div class="main clearfix">
     25        <div class="main clearfix" role="main">
    2626                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:pass_erreur:></strong></p>
    2727       
  • _squelettes_/bazar/trunk/article.html

    r91864 r91895  
    1818<div class="page">
    1919
    20         <header class="entete clearfix">
     20        <header class="entete clearfix" role="banner">
    2121        <div class="wrapper">
    2222                <INCLURE{fond=inclure/header} />
     
    2424        </div>
    2525        </header>
    26         <div class="main clearfix">
    27                 <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong>(#TITRE|couper{80})</strong>]</p>
     26        <div class="main clearfix" role="main">
     27                <nav class="arbo" aria-label="Fil d'Ariane"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong>(#TITRE|couper{80})</strong>]</nav>
    2828
    2929                [(#REM) Contenu principal : contenu de l'article]
  • _squelettes_/bazar/trunk/auteur.html

    r90536 r91895  
    1717<div class="page">
    1818
    19         <header class="entete clearfix">
     19        <header class="entete clearfix" role="banner" >
    2020        <div class="wrapper">
    2121                <INCLURE{fond=inclure/header,home=oui} />
     
    2424        </header>
    2525       
    26         <div class="main clearfix">
     26        <div class="main clearfix" role="main">
    2727                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <:info_auteurs:>[ &gt; <strong class="on">(#NOM|couper{80})</strong>]</p>
    2828                <div class="wrapper hfeed">
  • _squelettes_/bazar/trunk/breve.html

    r90536 r91895  
    2020<div class="page">
    2121
    22         <header class="entete clearfix">
     22        <header class="entete clearfix" role="banner" >
    2323        <div class="wrapper">
    2424                <INCLURE{fond=inclure/header,home=oui} />
     
    2727        </header>
    2828       
    29         <div class="main clearfix">
     29        <div class="main clearfix" role="main">
    3030                <p class="arbo"><a href="#URL_SITE_SPIP/" ><:accueil_site:></a><BOUCLE_ariane(RUBRIQUES){id_rubrique}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p>
    3131                <div class="wrapper hfeed">
  • _squelettes_/bazar/trunk/contact.html

    r90536 r91895  
    1616<div class="page">
    1717
    18         <header class="entete clearfix">
     18        <header class="entete clearfix" role="banner" >
    1919        <div class="wrapper">
    2020                <INCLURE{fond=inclure/header,home=oui} />
     
    2323        </header>
    2424       
    25         <div class="main clearfix">
     25        <div class="main clearfix" role="main">
    2626                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:contact:></strong></p>
    2727                <div class="wrapper hfeed">
  • _squelettes_/bazar/trunk/css/spip.css

    r90497 r91895  
    88
    99/* Neutraliser conflit spip / tinytypo */
    10 ul, ol {list-style:none;margin-left:0; }
     10ul, ol {list-style:none;}
    1111blockquote {   border:none; padding-left:3em;  }
    1212blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
  • _squelettes_/bazar/trunk/css/theme.css

    r91864 r91895  
    4747.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }
    4848
    49 
    50 .nav { text-align:right; }
     49.nav { text-align:right; position:relative; }
    5150.nav ul { margin:0; }
    5251.nav li {display:inline;}
     
    5554.nav li a:focus,
    5655.nav li a:hover,
    57 .nav li a:active { background: #222; color:#fff; }
     56.nav li a:active, .btn-nav:hover, .btn-nav:active, .btn-nav:focus { background: #222; color:#fff; }
     57.btn-nav { position:absolute; top:0; left:-9999px; width:30px; height:30px; border-radius:5px; border:none; background:#c85000; }
     58.ham { border-bottom: 3px solid #b7b3ac; border-top: 3px solid #b7b3ac; display: block; padding: 1px; }
     59/* animation du menu sous 768px de largeur ecran, cf js/script.js */
     60.nav ul.ouvert { height:auto; right:0;
     61        -webkit-animation:  ouvrir 0.2s 1 ease; /* Chrome, Safari, Opera */
     62        animation: ouvrir 0.2s 1 ease;
     63}
     64/* Chrome, Safari, Opera */
     65@-webkit-keyframes ouvrir {
     66    0%   { right:-100%; }
     67    100% { right:0; }
     68}
     69/* Standard */
     70@keyframes ouvrir {
     71    0%   { right:-100%; }
     72    100% { right:0; }
     73}
     74
     75
    5876
    5977/**********************************
     
    182200                flex-wrap:         wrap;
    183201        }
    184         .row.nb_tile_3 .tile/*,
    185         .row.nb_tile_5 .tile*/ { max-width:100%; min-height:0; -webkit-align-self: auto; /* Safari */  align-self:auto; }
     202        .row.nb_tile_3 .tile { max-width:100%; min-height:0; -webkit-align-self: auto; /* Safari */  align-self:auto; }
     203        .nav { padding-right:50px; min-height:46px; }
     204        .btn-nav { top:8px; left:auto; right:8px; }
     205        .nav ul { margin:0; position:absolute; right:-100%; top:46px; width:100%; height:0; z-index:2; }
     206        .nav li { display:block; }
     207        .nav li a { display:block; background:#b7b3ac; margin:0; }
    186208}
    187209@media (max-width:479px) {
  • _squelettes_/bazar/trunk/forum.html

    r90536 r91895  
    1616<div class="page">
    1717
    18         <header class="entete clearfix">
     18        <header class="entete clearfix" role="banner" >
    1919        <div class="wrapper">
    2020                <INCLURE{fond=inclure/header,home=oui} />
     
    2323        </header>
    2424       
    25         <div class="main clearfix">
     25        <div class="main clearfix" role="main">
    2626                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; ... &gt; <strong class="on"><:forum:forum:> #ID_FORUM</strong></p><!--.arbo-->
    2727                <div class="wrapper hfeed">
  • _squelettes_/bazar/trunk/inclure/footer.html

    r90497 r91895  
    1 <footer class="footer clearfix">
     1<footer class="footer clearfix" role="contentinfo">
    22<div class="wrapper">
    33        <p class="colophon">
  • _squelettes_/bazar/trunk/inclure/nav.html

    r90497 r91895  
    11<B_nav>
    2 <nav class="nav[ (#TOTAL_BOUCLE|=={1}|oui)none]" id="nav">
     2<nav class="nav[ (#TOTAL_BOUCLE|=={1}|oui)none]" id="nav" role="navigation" aria-label="Menu principal">
     3        <button type="button" class="btn-nav" aria-label="afficher/masquer le menu de navigation">
     4                <span class="ham"></span>
     5        </button>
    36        <ul>
    47                <BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre}>
    5                 <li class="nav-item[ (#EXPOSE)][ (#COMPTEUR_BOUCLE|=={1}|oui)first][ (#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|oui)last]"><a href="#URL_RUBRIQUE">#TITRE</a></li>
     8                <li class="nav-item[ (#EXPOSE)][ (#COMPTEUR_BOUCLE|=={1}|oui)first][ (#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|oui)last]">
     9                        <a href="#URL_RUBRIQUE">#TITRE[ (#EXPOSE)<span class="none">(rubrique courante)</span>]</a>
     10                </li>
    611                </BOUCLE_nav>
    712        </ul>
  • _squelettes_/bazar/trunk/inclure/navsub.html

    r90497 r91895  
    88<BOUCLE_secteur(HIERARCHIE){tout}{id_rubrique}{racine}{0,1}>
    99<B_rubriques>
    10 <nav class="menu menu_rubriques">
     10<nav class="menu menu_rubriques" role="navigation" aria-label="Menu secondaire">
    1111        <h2>#TITRE</h2>
    1212        <ul>
  • _squelettes_/bazar/trunk/mot.html

    r90536 r91895  
    2020<div class="page">
    2121
    22         <header class="entete clearfix">
     22        <header class="entete clearfix" role="banner" >
    2323        <div class="wrapper">
    2424                <INCLURE{fond=inclure/header} />
     
    2727        </header>
    2828
    29         <div class="main clearfix">
     29        <div class="main clearfix" role="main">
    3030                [(#REM) Contenu principal : contenu du mot-cle ]
    3131                <div class="wrapper">
  • _squelettes_/bazar/trunk/paquet.xml

    r91864 r91895  
    22        prefix="bazar"
    33        categorie="squelette"
    4         version="0.1.1"
     4        version="0.1.2"
    55        etat="dev"
    66        compatibilite="[3.0.0;3.1.*]"
     
    99
    1010        <nom>BAZAR</nom>
    11         <!-- paramétrage de la page d'accueil + Squelettes pour SPIP 3 issu du squelette neo-dist http://zone.spip.org/trac/spip-zone/browser/_core_/plugins/neo-dist -->
     11        <!-- paramétrage de la page d'accueil + Squelettes HTML5 issu du squelette neo-dist http://zone.spip.org/trac/spip-zone/browser/_core_/plugins/neo-dist -->
    1212
    1313        <auteur>chankalan</auteur>
  • _squelettes_/bazar/trunk/plan.html

    r90536 r91895  
    1616<div class="page">
    1717       
    18         <header class="entete clearfix">
     18        <header class="entete clearfix" role="banner" >
    1919        <div class="wrapper">
    2020                <INCLURE{fond=inclure/header} />
     
    2323        </header>
    2424       
    25         <div class="main clearfix">
     25        <div class="main clearfix" role="main">
    2626                <div class="wrapper">
    2727                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:plan_site:></strong></p>
  • _squelettes_/bazar/trunk/recherche.html

    r90536 r91895  
    1515<div class="page">
    1616
    17         <header class="entete clearfix">
     17        <header class="entete clearfix" role="banner" >
    1818        <div class="wrapper">
    19                 <INCLURE{fond=inclure/header,home=oui} />
     19                <INCLURE{fond=inclure/header,home=non} />
    2020                <INCLURE{fond=inclure/nav,env} />
    2121        </div>
    2222        </header>
    2323       
    24         <div class="main clearfix">
     24        <div class="main clearfix" role="main">
    2525                <div class="wrapper hfeed">
    2626                [(#REM) Contenu principal : Resultats de la recherche ]
  • _squelettes_/bazar/trunk/rubrique.html

    r91864 r91895  
    2020<div class="page">
    2121
    22         <header class="entete clearfix">
     22        <header class="entete clearfix" role="banner" >
    2323                <div class="wrapper">
    2424                <INCLURE{fond=inclure/header} />
     
    2626                </div>
    2727        </header>
    28         <div class="main clearfix">
     28        <div class="main clearfix" role="main">
    2929                [(#REM) Contenu principal : contenu de la rubrique ]
    3030                <div class="wrapper">
  • _squelettes_/bazar/trunk/site.html

    r91864 r91895  
    1919<div class="page">
    2020
    21         <header class="entete clearfix">
     21        <header class="entete clearfix" role="banner" >
    2222        <div class="wrapper">
    2323                <INCLURE{fond=inclure/header,home=non} />
     
    2626        </header>
    2727       
    28         <div class="main clearfix">
     28        <div class="main clearfix" role="main">
    2929                <div class="wrapper">
    3030                [(#REM) Contenu principal : affichage du site reference ]
  • _squelettes_/bazar/trunk/sommaire.html

    r91782 r91895  
    1616<div class="page">
    1717
    18         <header class="entete clearfix">
     18        <header class="entete clearfix" role="banner" >
    1919        <div class="wrapper">
    2020                <INCLURE{fond=inclure/header,home=oui} />
     
    2323        </header>
    2424       
    25         <div class="main clearfix">
     25        <div class="main clearfix" role="main">
    2626                <div class="wrapper hfeed">
    2727                <article class="content" id="content">
     
    4343                                <section class="clearfix">
    4444                                <h2 class="h1">#TITRE</h2>
    45                                 [(#CONFIG{bazar/logo_#VALEUR}|=={oui}|oui)[<img src="(#GET{logo#ID_ARTICLE})" alt="logo #TITRE" class="img_article" width="#GET{largeur}" height="#GET{hauteur}" style="max-width:#GET{largeur#ID_ARTICLE}px !important;" />]]
     45                                [(#CONFIG{bazar/logo_#VALEUR}|=={oui}|oui)[<img src="(#GET{logo#ID_ARTICLE})" alt="#TITRE" class="img_article" width="#GET{largeur}" height="#GET{hauteur}" style="max-width:#GET{largeur#ID_ARTICLE}px !important;" />]]
    4646                                [(#CONFIG{bazar/intro_#VALEUR}|=={oui}|oui)
    4747                                [(#SET{couper,#CONFIG{bazar/couper_#VALEUR}|sinon{600}})]
Note: See TracChangeset for help on using the changeset viewer.