Changeset 62374 in spip-zone


Ignore:
Timestamp:
Jun 10, 2012, 7:27:24 PM (7 years ago)
Author:
claffont@…
Message:
  • Ajout de respond.js une librairie JavaScript? qui apporte un support minimaliste des media queries pour IE(6,7 et 8)
  • Ajout de meta et de Google Font-Face dans le fichier inc-insert-head.html
  • Modification du contenu de plugin.xml
  • Modification des css (Organisation et nettoyage + debug IE8) et ajout d'animation en CSS
Location:
_themes_/zpip-2/Brownie
Files:
3 added
5 edited

Legend:

Unmodified
Added
Removed
  • _themes_/zpip-2/Brownie/css/layout.css

    r62176 r62374  
    77-------------------------------------------------------------- */
    88
    9 body { font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif; color:#666666; text-align: center; background: #fff; }
     9body { background: #fff; color:#666; font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif; text-align: center; }
    1010.page { }
    1111
    12 .header { padding: 90px 0 40px 0; background: #403830 url(img/header-bg.jpg) repeat-x; }
    13 .main { overflow: hidden; }
    14 .footer { clear: both; margin-top: 1.5em; padding: 2em 0; position: relative; border-top: 1px solid #453C34; background: #403830; }
     12.header { background: #403830 url(img/header-bg.jpg) repeat-x; padding: 90px 0 20px 0; }
     13.main { clear: both; }
     14.footer { background: #403830; border-top: 1px solid #453C34; clear: both; margin-top: 1.5em; padding: 2em 0; position: relative; }
    1515
    16 .wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
     16.wrapper { clear: both; float: left; width: 70%; }
    1717.content { min-height: 350px; }
    1818
    1919.page_404 .content { background: url(img/404.png) no-repeat 0 100px; }
    20 .page_404 .chapo { margin-top: 130px; margin-left: 200px; width: 350px; font-size: 2em; font-family: 'Courier New', Courier, monospace; line-height: 1.5; }
    21 .aside { float: right; width: 26%; overflow: hidden; }
     20.page_404 .chapo { font-family: 'Courier New', Courier, monospace; font-size: 2em; line-height: 1.5;  margin-top: 130px; margin-left: 200px; width: 350px;}
     21.aside { float: right; overflow: hidden; width: 26%; }
    2222
    2323
     
    2626.header #logo, .header #slogan,
    2727.menu-conteneur,
    28 .main,
    29 .footer .colophon { position: relative; width: 900px; margin: 0 auto; text-align: left; }
     28.main, .nav,
     29.footer .colophon { margin: 0 auto; position: relative; text-align: left; width: 900px; }
    3030
    3131
     
    3333------------------------------------------ */
    3434@media print {
    35 
    36 /*    * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
    37     @page { margin: 0.5cm; }
    38     h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
    39     p { orphans: 3; widows: 3; }
    40     pre, blockquote { border: 1px solid #808080; page-break-inside: avoid; }
    41     abbr[title]:after { content: " (" attr(title) ")"; }
    42     a, a:visited { text-decoration: underline; }
    43     img { max-width: 100% !important; page-break-inside: avoid; }
    44     thead { display: table-header-group; }
    45     tr { page-break-inside: avoid; }
    46 */
    47 
    4835    .page,
    4936    .wrapper,
     
    6350    ------------------------------------------ */
    6451    .header #logo, .header #slogan,
    65     .menu-conteneur, .main,
    66     .footer .colophon { width: auto!important; overflow: visible }
     52    .menu-conteneur, .main, .nav,
     53    .footer .colophon {  overflow: visible; width: auto!important; }
    6754
    6855    .page { margin: 0; }
     
    8471    .aside { clear: both; float: none !important; margin: auto!important; padding: auto!important; width: auto!important; }
    8572
     73    /* On remonte le header et on cache les icons */
     74    .header { background-position: -0 -60px; padding: 20px 10px; }
     75    .socialtags { display:none;}
     76
    8677    /* header du calendrier full-calendar */
    8778    table.fc-header td { display: block; text-align: left; border: 1px solid red }
    8879
    89 
    90     /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques
    91     img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; }*/
    92 
    93     /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding
    94     img {
    95         height: auto; width: 100%;
    96         -webkit-box-sizing: border-box;
    97         -moz-box-sizing: border-box;
    98     }*/
    99 
    100     /* gestion des mots longs */
    101     textarea, table, td, th, code, pre, samp {
    102         word-wrap: break-word; /* passage à la ligne forcé */
    103         -webkit-hyphens: auto; /* césure propre */
    104         -moz-hyphens: auto;
    105         hyphens: auto;
    106     }
    107     code, pre, samp { white-space: pre-wrap; } /* passage à la ligne spécifique pour les éléments à châsse fixe */
     80    /* Pas de hauteur minimum pour les mobiles */
     81    .content { min-height: inherit; }
    10882
    10983}
  • _themes_/zpip-2/Brownie/css/theme.css

    r62176 r62374  
    44   Definition des styles pour Brownie
    55
    6 
    7    # Couleurs du site
    8 
    9    @header      - #
    10    @heading     - #
    11    @link        - #
    12    @link:hover  - #
    13    @footer      - #
    14 
    15 
    16 
    176-------------------------------------------------------------- */
    18 
    197
    208::selection { background: #2e2823; color: #FFFFFF; }
    219::-moz-selection { background: #2e2823; color: #FFFFFF; }
    2210
     11body.wait *, body.wait { cursor:wait !important; }
    2312
    2413/* ------------------------------------------
     
    2817/* Titraille / Intertitres */
    2918h1, h2, h3, h4, h5, h6,
    30 .h1, .h2, .h3, .h4, .h5, .h6 { color: #453C34; font-family: Helvetica, Arial, Tahoma, sans-serif; line-height: 1; margin-bottom: 1em; }
     19.h1, .h2, .h3, .h4, .h5, .h6 { color: #453C34; font-family: Helvetica, Arial, Tahoma, sans-serif; }
    3120hr { background: #D9D9D9; }
    3221
    33 
    34 .arbo { clear: both; font-size: .9em; color: #DDC; color: #453C34; }
    35 .arbo * { font-weight: normal; }
    36 
    3722.cartouche { margin-bottom: 1.5em; }
    38 .cartouche .spip_logos { /*float: right; margin: -30px 0 0 0; width: auto; height: 60px;*/ background: #fff; padding-right: 1em; padding-bottom: .5em; }
    39 .cartouche h1 { font-size: 25px; color: #453C34; border-bottom: 1px solid #d9d9d9; margin: 10px 0; padding: 0 0 10px 0; }
     23.cartouche .spip_logos { background: #fff; padding-right: 1em; padding-bottom: .5em; }
     24.cartouche h1 { border-bottom: 1px solid #d9d9d9; color: #453C34; margin: 10px 0; padding: 0; }
    4025.cartouche p { margin-bottom: 0; }
    4126.surtitre{}
    4227.soustitre {}
     28
     29/* Listes SPIP */
     30dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
     31dl.spip dt, dl.spip dd { padding-left: 50px; }
     32
     33/* Tableaux SPIP */
     34table.spip caption {  background: none; border-bottom: 1px solid; font-weight: bold; text-align: left; }
     35table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
     36table.spip tbody tr th, table.spip tr td { background: none; }
     37table.spip tbody tr.odd th, table.spip tr.odd td { background: #F9F4E1; }
     38table.spip tfoot { border-top: 1px solid; }
     39
     40/* Citations, code et poesie */
     41.spip_code { color: #777; }
     42.spip_cadre { background-color: #fff; border: 1px solid #ddd; color: #777; }
     43blockquote, blockquote.spip, .spip_poesie { background: none; border-left: 4px solid #D8C0A8; font-style: italic; padding: 0 25px; }
     44
     45/* Fil d'ariane */
     46.arbo { clear: both; color: #453C34; font-size: .9em; }
     47.arbo * { font-weight: normal; }
     48
     49/* Date */
    4350.info-publi abbr.published,
    4451abbr.dtreviewed,
     
    4754
    4855@media print {
    49         abbr[title].published:after { content: ""; }
    50         abbr[title].dtreviewed:after { content: ""; }
    51 }
    52 .info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
     56    abbr[title].published:after { content: ""; }
     57    abbr[title].dtreviewed:after { content: ""; }
     58}
     59.info-publi { font-size: .9em; font-style: italic; margin: 1.5em 0 0; }
    5360.traductions { border: 1px dotted lightgrey; font-size: .9em; line-height: 1.5; margin: 1.5em 0; padding: 1em; text-align: center }
    5461.traductions a[hreflang]:after { content: ''; }
    5562
    56 .chapo { color: #D8C0A8; font-size: 1.4em; font-style: italic; font-weight: normal; line-height: 1.4; letter-spacing: -0.5px; }
     63.chapo { color: #403830; font-size: 1.4em; font-style: italic; font-weight: normal; letter-spacing: -0.5px; line-height: 1.4; margin-bottom: 1em; }
    5764.chapo p { margin-bottom: .5em; }
    5865.texte {}
    59 .hyperlien { display: block; padding: 1.5em 50px; background: #F9F4E1 url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
     66.hyperlien { background: #F9F4E1 url("img/def.png") no-repeat 25px 1.9em; display: block; font-weight: bold; padding: 1.5em 1.5em 1.5em 50px; }
    6067.ps, .notes { margin-bottom: 1.5em; }
    6168.notes { clear: both; font-size: .9em; }
    6269.surlignable {  }
    63 .enclosures { margin: .5em;  }
    64 
    65 /* Citations, code et poesie */
    66 .spip_code { color:#777; }
    67 .spip_cadre { color:#777; background-color: #fff; border: 1px solid #ddd; }
    68 blockquote, blockquote.spip, .spip_poesie { background: none; border-left: 4px solid #D8C0A8; font-style: italic; padding: 0 25px;  }
    69 
    70 /* Listes et tableaux */
    71 dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
    72 dl.spip dd {}
    73 
    74 table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
    75 table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
    76 table.spip tbody tr th,
    77 table.spip tr td { background: none; }
    78 table.spip tbody tr.odd th,
    79 table.spip tr.odd td { background: #F9F4E1; }
    80 table.spip tfoot { border-top: 1px solid; }
     70.enclosures { margin: .5em; }
     71
     72
     73/* Couleurs des liens
     74---------------------------------------------- */
     75a {
     76    color: #d93e39; padding: 1px 3px; text-decoration: none;
     77    -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
     78}
     79a:focus, a:hover, a:active { background-color: #d93e39; color: #fff; text-decoration: none; }
     80a.spip_out, a.spip_glossaire { background: url("img/spip_out.gif") no-repeat scroll right center; color: #46839B; padding-right: 12px; }
     81a.spip_out:hover { background-color: #46839B; color: #fff; }
    8182
    8283
    8384/* Formulaires : variantes et cas particuliers
    8485----------------------------------------------- */
    85 .formulaire_spip { clear: both; margin: 1.5em 0; border: 1px solid #F0F0F0; background: #f8f8f8; padding: 2em 1em 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    86 
     86.formulaire_spip {
     87    background: #f8f8f8; border: 1px solid #f0f0f; clear: both; margin: 1.5em 0; padding: 2em 1em 1em;
     88    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     89}
    8790.aside .formulaire_spip { margin-top: 1em; padding: 2em 1em 1em; }
    88 fieldset { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; width: 100%; }
     91fieldset {
     92    margin: 0; width: 100%;
     93    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
     94}
    8995legend { display: none; }
    90 label { display: block;  color: #262626; font-weight: bold; }
     96label { color: #262626; display: block; font-weight: bold; }
    9197.erreur_message { display: block; }
    9298input.text,textarea {
    93 width: 100%;
    94 -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    95 background-color: #fff; border: 1px solid lightgrey; margin-bottom: 1em; padding: 4px;
    96 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     99    background-color: #fff; border: 1px solid lightgrey; margin-bottom: 1em; padding: 4px; width: 100%;
     100    -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
     101    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    97102}
    98103.content input.text { width: 50%; }
     
    103108
    104109/* Selection des langues */
    105 .formulaire_menu_lang { margin: 0; padding: 0; background: none; }
    106 
    107 .header .formulaire_menu_lang { position: absolute; right: 0; top: .90em; display: block; width: 30%; }
    108 .header .formulaire_menu_lang select {width: 100%;}
    109 .formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }
    110 
     110.formulaire_menu_lang {  background: none; margin: 0; padding: 0; }
     111
     112.header .formulaire_menu_lang { display: block; position: absolute; right: 0; top: .90em; width: 30%; }
     113.header .formulaire_menu_lang select { width: 100%; }
    111114
    112115/* Formulaires de recherche (site / petitions) */
    113 .formulaire_recherche { border: none; background: none; margin: 0 !important; padding: 0 !important;  position: absolute; top: 0; left: 0; width: 100%; }
    114 .formulaire_recherche .text { width: 100%; padding-left: 20px; background: url(img/recherche.png) no-repeat left center; }
    115 .formulaire_recherche input.submit { display: none; }
    116 
    117 
    118 /*.formulaire_recherche label { display: block; }
    119 .formulaire_recherche input.text { width: 80%; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
    120 .formulaire_recherche input.submit { float: right; margin: 0; padding: 0; }
    121 .formulaire_recherche input.text { color:#bababa; margin:0; padding:5px; background: #fafafa; border: none;     }
    122 #navigation .formulaire_recherche input.text{width:175px}
    123 .formulaire_recherche input.submit{text-indent:-1000px;width:25px;height:24px;border:0;background:#fff url("//nutzme5.loiseau2nuit.net/themes/zpip-2/trad_spip/css/img/search.gif") no-repeat top left}
    124 .formulaire_recherche label{display:none}*/
     116.formulaire_recherche { background: none; border: none; margin: 0 !important; padding: 0 !important; width: 100%; }
     117.formulaire_recherche .text { background: url("img/recherche.png") no-repeat left center; padding-left: 20px; width: 100%; }
     118.aside .formulaire_recherche { position: absolute; top: 0; left: 0; }
     119.aside .formulaire_recherche input.submit { display: none; }
    125120
    126121/* Choix des mots-clefs */
    127 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
    128 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; margin: 0; padding: 1%; }
     122ul.choix_mots { display: block; list-style: none; margin: 0; padding: 0; }
     123ul.choix_mots li { clear: none; display: block; float: left; margin: 0; padding: 1%; width: 30%; }
    129124ul.choix_mots li label { display: inline; font-weight: normal; }
    130125
     
    140135.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
    141136
     137
    142138/* Habillage des forums
    143139---------------------------------------------- */
    144140
    145141/* Habillage des forums */
    146 .comments-items .comments-items { margin-left: 50px; }
    147 .comments-items .comment-item  { border-top: 1px solid #e6e6e6; margin: 0; padding: 0 0 0 30px; position: relative; }
    148 
    149 .comments-items span.permalink { position: absolute; top: 2px; left: 0; color: #A6A6A6; padding: 5px; font-size: 2em; }
    150 .comments-items .comments-items .comment-item  { padding: 0; }
     142.comments-items .comments-items { margin-left: 30px; }
     143.comments-items .comment-item { border-top: 1px solid #453C34; margin: 0; padding: 0 0 0 30px; position: relative; }
     144.comments-items span.permalink { color: #a6a6a6; font-size: 2em; padding: 5px; position: absolute; top: 2px; left: 0; }
     145.comments-items .comments-items .comment-item { border-style:dashed; border-color: #e6e6e6; padding: 0; }
    151146.comments-items .comments-items span.permalink { display: none; }
    152147.comment-fil ul {}
    153148
    154149/* comments list */
    155 .comment-meta { margin: 0; font-weight: bold; }
     150.comment-meta { font-weight: bold; margin: 0; }
    156151.comment-meta small { color: #A6A6A6; font-size: 100%; font-weight: normal; }
    157152.comment-meta small .sep { display: none; }
     
    161156.comment-meta a:hover,
    162157.comment-meta a:active { color: #fff; }
    163 .comment-content { color: #74665B; font-size: 1em; padding: 0.75em; max-height: 60em; width: 100%; overflow: auto; overflow-x: none; }
    164 .comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }
     158.comment-content { color: #74665B; font-size: 1em; padding: 3px; max-height: 60em; width: 100%; overflow: auto; overflow-x: none; }
     159.comment-content .hyperlien { background: transparent; font-weight: normal; padding: 0; }
    165160.comment-content p { margin-bottom: 1em; }
    166 .comment-reply { clear: both; text-align: right; font-weight: bold; margin-bottom:0;} */
    167 
    168 /* en thread
    169 .comments-thread { margin-bottom: 2em; }
    170 .comments-thread .permalink.in-reply-to { bottom:0; }*/
    171 
    172 /* avec plugin comments
    173 .comment-meta .permalink.picto {font-size:1em;right:0.75em;}
    174 .comment {position:relative;}
    175 .comment .spip-admin {position:absolute;left:0;bottom:0;visibility:hidden;}
    176 .comment:hover .spip-admin {visibility:visible;}*/
    177 
    178 /* en list avec plugin comments
    179 .comment-meta .item {display:block;}*/
    180 
     161.comment-reply { clear: both; font-weight: bold; margin-bottom: 0; text-align: right; }
    181162
    182163/* Formulaire de forum */
     
    208189.menu ul li ul { margin-left: 1.5em; list-style: circle; }
    209190
    210 /* Pagination */
    211 .pagination a, .pagination .on {
    212     background: #F9F4E1; color: #707070; font-size: 1em; line-height: 1;
    213         display: block; float:left; margin: 0 10px 0 0; padding: 8px 15px; text-align: center; text-decoration: none;
    214         -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius:5px;
    215 }
    216 .pagination a:hover { color: #de5853; }
    217 .pagination .on { background: #d93e39; color: #fff; }
    218 .pagination .sep { display: none; }
    219 
    220 /* Listes d'articles et extraits introductifs */
    221 .resume .liste-items .item { border-bottom: 0; border: 1px solid red!important; }
    222 .resume .liste-items .item .h3 { border-bottom:1px solid #888;}
    223 .liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;border: 1px solid red!important; }
    224 .liste-items .item .introduction { font-size: 0.923em;border: 1px solid red!important; }
    225 
     191/* Breves */
     192.menu_breves li {}
     193.menu_breves li h3 { margin: 0; }
     194
     195/* Menus dans la colonne de droite */
    226196.aside { padding-top: 60px; position: relative; }
    227 .aside .menu { margin-top: 1em; padding:2em 0.75em 0.75em; border-top: 1px solid #ccc; }
     197.aside .menu { border-top: 1px solid #ccc; margin-top: 1em; padding:2em 0.75em 0.75em; }
    228198.aside .menu a { display: block; padding-left:20px; margin-left: -20px; }
    229199.aside .menu ul { margin-bottom: 0; }
     
    235205.aside .menu_breves small { display: block; }
    236206
    237 /* Breves */
    238 .menu_breves li {}
    239 .menu_breves li h3 { margin: 0; }
    240 
    241 .cboxElement img { border: 1px solid #ddd; padding: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
     207/* Fichier en piece jointe */
     208.cboxElement img {
     209    border: 1px solid #ddd; padding: 6px;
     210    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     211}
    242212.cboxElement:hover { background: none; }
    243213.cboxElement:hover img { border-color: red; }
    244214
    245 
    246 /* Couleurs des liens
    247 ---------------------------------------------- */
    248 a { color: #d93e39; padding: 1px 3px; text-decoration: none;
    249 -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
    250 }
    251 a:focus, a:hover, a:active { background-color: #d93e39; color: #FFF; text-decoration: none; }
    252 a.spip_out, a.spip_glossaire { color: #46839B; background: url(img/spip_out.gif) no-repeat scroll right center; padding-right: 12px; }
    253 a.spip_out:hover { background-color: #46839B; color: #fff; }
     215/* Pagination */
     216.pagination { margin-bottom: 1.5em; overflow: hidden; }
     217.pagination a, .pagination .on {
     218    background: #F9F4E1; color: #707070; font-size: 1em; line-height: 1;
     219    display: block; float:left; margin: 0 10px 0 0; padding: 8px 15px; text-align: center; text-decoration: none;
     220    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     221}
     222.pagination a:focus, .pagination a:hover, .pagination a:active, .pagination .on { background: #d93e39; color: #fff; }
     223.pagination .sep { display: none; }
     224
    254225
    255226/* Entete et barre de navigation
    256227------------------------------------------ */
    257 @import url(http://fonts.googleapis.com/css?family=Mrs+Sheppards); /* @FONT-FACE */
    258 
    259 .header #logo { color: #F9F4E1; line-height: 1; font-size: 2.8em; font-weight: bold; font-family: 'Mrs Sheppards', cursive; color: #F9F4E1; margin-bottom: 4px; text-shadow: 1px 1px 2px #000000; }
    260 .header #logo a, .header #logo a:hover { background: transparent; text-decoration: none; color: #F9F4E1;  }
    261 .header #slogan { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #D8C0A8; }
    262 
    263 
    264 /*
    265 .nav { border: solid #222; border-width: 1px 0; }
     228
     229/* Entete */
     230.header #logo { color: #F9F4E1; font-size: 2.8em; font-weight: bold; font-family: 'Mr Dafoe', cursive; color: #F9F4E1; line-height: 1; margin-bottom: 4px; text-shadow: 1px 1px 2px #000; }
     231.header #logo a, .header #logo a:focus, .header #logo a:hover, .header #logo a:active { background: transparent; text-decoration: none; color: #F9F4E1; padding: 0; }
     232.header #slogan { color: #D8C0A8; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
     233
     234/* Barre de navigation
     235.nav { }
    266236.nav ul {}
    267 .nav ul li {}
    268 .nav ul li a { float: left; display: block; padding: .5em 1em; border-right: 1px solid #222; text-decoration: none; }
    269 .nav ul li.on a { background: #EED; color: #222; font-weight: normal; }
     237.nav ul li { }
     238.nav ul li a { }
    270239.nav ul li a:focus,
    271240.nav ul li a:hover,
    272 .nav ul li a:active { background: #222; color: #FFF; }
    273 
    274 */
     241.nav ul li a:active { } */
    275242
    276243/* Navigation principale - Utilisation du plugin Menu */
    277 .menu-conteneur { top: -70px; }
    278 .menu-conteneur ul { margin: 0; float: right; }
    279 .menu-conteneur li ul { padding-top: 2px; left: -2px; }
    280 .menu-conteneur li ul li { box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); }
    281 .menu-conteneur li { white-space: nowrap; display: block; position: relative; margin: 0; padding: 0; z-index: 100; }
    282 .menu-conteneur a { display: block; position: relative; font-size: 14px; font-family: "Helvetica neue", Arial, sans-serif; color: #f9f4e1; font-weight: bold; }
    283 .menu-conteneur a:hover { text-decoration: none; background: transparent; color: #d8c0a8; }
    284 .menu-conteneur li.submenu > a { padding-right: 20px; background: url(../images/menu_down_arrow.png) no-repeat right; cursor: default; }
    285 .menu-conteneur > ul > li { float:left; margin-right: 28px; }
    286 .menu-conteneur > ul > li:last-child { margin-right: 0; }
    287 .menu-conteneur li ul { display: none; position: absolute; top: 100%; z-index: 100; }
    288 .menu-conteneur li:hover > ul { display: block; }
    289 .menu-conteneur li ul li.submenu > a { padding-right: 10px; background: #403830 url(img/submenu_left_arrow.png) no-repeat right; }
    290 .menu-conteneur li ul li.submenu > a:hover { padding-right:10px; background: #f5f5f5 url(img/submenu_left_arrow.png) no-repeat right; }
    291 .menu-conteneur li ul li { border-bottom: 1px solid #534a42; background: #FFF; }
    292 .menu-conteneur li ul li a:hover { background: #f5f5f5; color: #d43a32; }
    293 .menu-conteneur li ul li:last-child { border-bottom: 1px solid #2e2823; }
    294 .menu-conteneur li ul li a { padding: 0 25px 0 12px; line-height: 33px; background: #403830; }
    295 .menu-conteneur li ul li ul { top: -1px !important; left: 100% !important; padding: 0 !important; }
    296 .menu-conteneur .on > a { color: #D8C0A8; }
     244#nav, .menu-conteneur { top: -65px; }
     245#nav ul, .menu-conteneur ul { float: right; margin: 0; max-width: 600px; overflow: hidden; }
     246#nav li ul, .menu-conteneur li ul { padding-top: 2px; left: -2px; }
     247#nav li ul li, .menu-conteneur li ul li { box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); }
     248#nav li, .menu-conteneur li { display: block; margin: 0; padding: 0; position: relative; white-space: nowrap; z-index: 100; }
     249#nav a, .menu-conteneur a { color: #f9f4e1; display: block; font-size: 14px; font-family: "Helvetica neue", Arial, sans-serif; font-weight: bold; padding: 0; position: relative; }
     250#nav a:hover, .menu-conteneur a:hover { background: transparent; color: #d8c0a8; text-decoration: none; }
     251#nav li.submenu > a, .menu-conteneur li.submenu > a { background: url(../images/menu_down_arrow.png) no-repeat right; cursor: default; padding-right: 20px; }
     252#nav > ul > li, .menu-conteneur > ul > li { float:left; margin-right: 28px; }
     253#nav > ul > li:last-child, .menu-conteneur > ul > li:last-child { margin-right: 0; }
     254#nav li ul, .menu-conteneur li ul { display: none; position: absolute; top: 100%; z-index: 100; }
     255#nav li:hover > ul, .menu-conteneur li:hover > ul { display: block; }
     256#nav li ul li.submenu > a, .menu-conteneur li ul li.submenu > a { background: #403830 url(img/submenu_left_arrow.png) no-repeat right; padding-right: 10px; }
     257#nav li ul li.submenu > a:hover, .menu-conteneur li ul li.submenu > a:hover { background: #f5f5f5 url(img/submenu_left_arrow.png) no-repeat right; padding-right:10px; }
     258#nav li ul li, .menu-conteneur li ul li { background: #fff; border-bottom: 1px solid #534a42; }
     259#nav li ul li a:hover, .menu-conteneur li ul li a:hover { background: #f5f5f5; color: #d43a32; }
     260#nav li ul li:last-child, .menu-conteneur li ul li:last-child { border-bottom: 1px solid #2e2823; }
     261#nav li ul li a, .menu-conteneur li ul li a { background: #403830; line-height: 33px; padding: 0 25px 0 12px; }
     262#nav li ul li ul, .menu-conteneur li ul li ul { top: -1px !important; left: 100% !important; padding: 0 !important; }
     263#nav .on > a, .menu-conteneur .on > a { color: #D8C0A8; }
     264
     265/* Navigation principale - Utilisation du plugin Menu */
     266.mnav { display: inline-block; margin: 1em 0; width: 100%; }
     267@media print {
     268    /*  Ne pas imprimer les menus */
     269    .menu-conteneur,
     270    .mnav { display: none; }
     271}
    297272
    298273
     
    302277.footer .colophon a { color: #fff; }
    303278.footer .colophon a:hover { background-color: #74665B; }
    304 .footer .generator { display: block; position: absolute; top: 2.2em; left: 50%; margin-left: 370px; }
    305 .footer .generator a { padding: 0; background: none; }
     279.footer .generator { display: block; margin-left: 370px; position: absolute; top: 2.2em; left: 50%; }
     280.footer .generator a { background: none; padding: 0; }
    306281
    307282
     
    311286
    312287/* Listes d'articles et extraits introductifs */
    313 .menu_articles h2.offscreen { font-size:25px; color:#453C34; border-bottom:1px solid #d9d9d9; margin:20px 0 30px 0; padding:0 0 10px 0; }
     288.menu_articles h2.offscreen { border-bottom: 1px solid #d9d9d9; color: #453C34; font-size: 2.3em; margin: 20px 0 30px 0; padding: 0 0 10px 0; }
    314289.page_site .menu_articles small { display: block; }
    315 .menu_articles li { clear: both; border:1px solid #cccccc; margin:0 0 2em 0; padding: 2em; position: relative;
    316 -moz-box-shadow: 0px 2px 1px #e8e8e8; -webkit-box-shadow: 0px 2px 1px #e8e8e8; box-shadow: 0px 2px 1px #e8e8e8;
    317 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    318 }
     290.js .menu_articles li { cursor: pointer; }
     291.menu_articles li {
     292    border:1px solid #ccc; clear: both; list-style: none; margin:0 0 2em 0; padding: 2em; position: relative;
     293    -webkit-box-shadow: 0px 2px 1px #e8e8e8; -moz-box-shadow: 0px 2px 1px #e8e8e8; box-shadow: 0px 2px 1px #e8e8e8;
     294    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     295    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
     296    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
     297    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
     298    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
     299    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
     300    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
     301}
     302.menu_articles li:hover {
     303    background: #fff;
     304    -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
     305    -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
     306    box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
     307}
     308.page_sommaire .aside, .page_rubrique .aside { -webkit-animation: moveFromRight 500ms ease; -moz-animation: moveFromRight 500ms ease; -ms-animation: moveFromRight 500ms ease; }
     309
     310.menu_articles li a { font-size: 1.4em; padding: 0; }
     311.menu_articles li { -webkit-animation: smallToBig 900ms ease; -moz-animation: smallToBig 900ms  ease; -ms-animation: smallToBig 900ms  ease; }
     312
     313/* Animation */
     314@-webkit-keyframes smallToBig { from { -webkit-transform: scale(0.1) } to { -webkit-transform: scale(1); } }
     315@-moz-keyframes smallToBig{ from { -moz-transform: scale(0.1); } to { -moz-transform: scale(1); } }
     316@-ms-keyframes smallToBig{ from { -ms-transform: scale(0.1); } to { -ms-transform: scale(1); } }
     317
     318@-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } }
     319@-moz-keyframes moveFromRight {from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } }
     320@-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } }
     321
     322/* Page Sommaire */
    319323.page_sommaire .menu_articles li > a { background:none!important; margin: 0; padding: 0; }
    320 .page_sommaire .menu_articles .spip_logos { width: 100%; height: auto; border: 1px solid #CCC; float: none; margin: 0 0 1.5em 0; padding: 5px!important;
    321 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     324.page_sommaire .menu_articles .spip_logos {
     325    border: 1px solid #CCC; float: none; margin: 0 0 1.5em 0; padding: 5px!important; width: 100%; height: auto;
     326    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
     327    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    322328}
    323329.page_sommaire .menu_articles .entry-content { padding-bottom: 40px; }
    324 .page_sommaire .menu_articles .entry-title {  }
     330.page_sommaire .menu_articles .entry-title { }
    325331.page_sommaire .menu_articles .entry-title a:after {
    326   content: "En savoir plus";
    327   padding: 8px;
    328   color: #555555;
    329   border: 1px solid #d3d3d3;
    330   position: absolute; left: 19px; bottom: 20px;
    331   white-space: nowrap;
    332   z-index: 20;
    333   font-size: 12px; line-height: 12px; font-weight: bold;
    334   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    335   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    336   text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
    337   background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
    338   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
    339   background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    340   background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
    341   background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
    342   background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
     332    content: "En savoir plus";
     333    border: 1px solid #d3d3d3; color: #555; font-size: 12px; font-weight: bold; line-height: 12px; padding: 8px; position: absolute; left: 19px; bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255, 0.8); white-space: nowrap; z-index: 20;
     334    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     335    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
     336    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
     337    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
     338    background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
     339    background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
     340    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
    343341}
    344342.page_sommaire .menu_articles .entry-title a:hover:after {
    345     background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
     343    background: #fff;
    346344    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #eeeeee));
    347345    background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    348346    background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
    349     background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
    350347    background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
    351 
    352 }
    353 .page_sommaire .menu_articles .entry-title a { font-size: 24px; color: #000; height:100%; display: block;  overflow: hidden;   }
     348    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
     349}
     350
     351.page_sommaire .menu_articles .entry-title a { color: #000; display: block; font-size: 1.6em; height:100%; overflow: hidden; }
    354352.page_sommaire .menu_articles .entry-title a:hover { background: none; color: #D93E39; }
    355 .page_sommaire .menu_articles small { position: absolute; bottom: 15px; right: 19px; float: left; display:inline-block; }
    356 /*.menu_articles small { color: #a6a6a6;  }
    357 .menu_articles .author, .menu_articles small {
    358         font-size: 11px; line-height: 16px; height: 16px;
    359         background: url("img/blog_author.png") no-repeat center left; color: #999999;
    360         display: inline-block; float: left; margin: 0 10px 10px 0; padding: 0 0 0 20px;
    361 }*/
    362 
    363 /* Page contact */
     353.page_sommaire .menu_articles small { float: left; display:inline-block; position: absolute; bottom: 15px; right: 19px; }
     354
     355/* Page Contact */
    364356.page_contact .formulaire_spip { background: none; border: none; }
    365357
     
    370362.menu_articles .spip_logos { float: right; padding-left: 1em; padding-right: 0; }
    371363
     364/* Page Recherche */
     365.page_recherche .menu_articles ul.spip, .page_recherche .menu_articles ol.spip { margin-left: 0; }
     366
    372367/* Plugin : Social Tags */
    373 .socialtags { position: absolute; top: 20px; left: 50%; margin-left: -450px!important; }
    374 .socialtags a:hover { background-color: transparent; }
     368.socialtags { margin-left: -450px!important; position: absolute; top: 20px; left: 50%; }
     369.socialtags a:focus, .socialtags a:hover, .socialtags a:active { background-color: transparent!important; }
    375370
    376371/* ------------------------------------------
     
    383378.spip-admin,
    384379.spip-admin-float,
    385 .spip-previsu { display: none; }
     380.spip-previsu,
    386381.repondre,
    387382.formulaire_spip { display: none; }
     383
     384/* MobileMenu Plugin - Cacher le select*/
     385.mnav { display: none; }
    388386
    389387/* Souligner et expliciter les liens */
     
    399397------------------------------------------ */
    400398@media (max-width: 900px) {
     399    /* Plugin : Social Tags */
    401400    .socialtags { left: 1em; margin: 0!important; }
    402401
     402    /* Pied de page */
    403403    .footer .generator { left: auto; right: 1em; margin-left: 0!important; }
    404404
    405405    /* Navigation principale - Utilisation du plugin Menu */
    406     .menu-conteneur { border-top: 1px solid #D8C0A8; border-bottom: 1px solid #D8C0A8; background: #403830; top: -30px; margin-bottom: 1em; width: 100%; position: relative }
    407     /*.menu-conteneur ul { float: none; margin-left: 1em;} */
    408     .menu-conteneur li ul { padding-top: 1px;  }
     406    #nav > ul > li:last-child, .menu-conteneur > ul > li:last-child { margin-right: 10px; }
    409407}
    410408
    411409@media (max-width: 640px) {
    412     /* Navigation principale - Utilisation du plugin Menu */
    413     .js .menu-conteneur { display: none; }
    414     .mnav { margin: 2em 0; width: 100%; }
    415 
    416     /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    417     .nav ul li a { float: none; border: 0; }
    418     /*#formulaire_recherche { display: none; position: static; text-align: center; }*/
     410
     411    .hyperlien { background-position: 5px 1.4em; padding: 1em 1em 1em 30px; }
    419412    .arbo { display: none; }
     413
     414    /* Listes et tableaux */
     415    dl.spip dt { background-position: 0 .5em; }
     416    dl.spip dt, dl.spip dd { padding-left: 25px; }
     417    ul.spip, ol.spip { margin-left: 20px; }
     418
     419    /* Barre de navigation */
     420    #nav, .menu-conteneur { background-color:#403830; border-bottom: 1px solid #222; margin-bottom: 1.5em; text-align: center; top: auto; }
     421    #nav ul, .menu-conteneur ul { float: none; }
     422    #nav ul li, .menu-conteneur ul li { border-top: 1px solid #fff; width: 100%; }
     423    #nav ul li a, .menu-conteneur ul li a { border: none; color: #fff; display: block; float: none; padding: .3em 1em; text-decoration: none; }
     424    #nav ul li a:focus, .menu-conteneur ul li a:focus,
     425    #nav ul li a:hover, .menu-conteneur ul li a:hover,
     426    #nav ul li a:active, .menu-conteneur ul li a:active { background: #fff; color: #222; }
     427
     428    /* Page Sommaire */
     429    .page_sommaire .menu_articles small { float: none; margin-bottom: .6em; position: relative; top: 0; right: 0; }
     430    .page_sommaire .menu_articles .entry-title a:after { left: 10px; }
     431
     432    .menu_articles ul { margin: 0; }
     433    .menu_articles li { padding: 1em; }
     434
    420435    .footer .generator { display: none!important; }
    421436    .content input.text { width: 100%!important; }
    422437
    423438    /* Habillage des forums */
    424     .comments-items .comments-items,
    425     ul.spip, ol.spip { margin-left: 20px; }
     439    .comments-items .comments-items { margin-left: 0px; }
     440    .comments-items .comment-item { padding-left: 0; }
     441    .comment-meta > small { display: block; }
     442    .comment-meta small .sep { display: inherit; }
     443    .comment-meta abbr { float: none; }
     444    span.permalink { display: none; }
    426445
    427446    .spip_documents_center, .spip_documents_left, .spip_documents_right  { clear: both; float: none!important; display: block; width: 100%; }
     447
     448    /* Pagination */
     449    .pagination a, .pagination .on { font-size: .9em; margin-right: 6px; padding: 8px 12px; }
     450
     451    /* Page Plan */
     452    .page_plan h3 { margin-left: 0; }
    428453}
    429454
  • _themes_/zpip-2/Brownie/inc-insert-head.html

    r62176 r62374  
     1[(#REM) Utiliser la derniere version du moteur de rendu IE ]
     2<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     3
     4[(#REM) Mobile ]
     5<meta name="HandheldFriendly" content="True">
     6<meta name="MobileOptimized" content="320">
     7<meta name="viewport" content="width=device-width, initial-scale=1.0">
     8
    19[(#REM) Scripts ]
     10[<script src="(#CHEMIN{js/jquery.mobilemenu.js})" type="text/javascript"></script>]
    211[<script src="(#CHEMIN{js/script.js})" type="text/javascript"></script>]
     12[<script src="(#CHEMIN{js/respond.js})" type="text/javascript"></script>]
     13
     14[(#REM) Font-Face ]
     15<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>
  • _themes_/zpip-2/Brownie/js/script.js

    r62176 r62374  
    11(function($){
     2    // Test si la fonction mobileMenu existe
     3    if (jQuery.isFunction(jQuery.fn.mobileMenu)) {
     4        //Surcharge des options
     5        var options = {
     6            combine: false,
     7            groupPageText: '',
     8            nested: true,
     9            prependTo: '.main',
     10            switchWidth: 640,
     11            topOptionText: 'Choisir une page'
     12        };
    213
    3         //plugin's default options
    4         var settings = {
    5                 combine: false,                                 //combine multiple menus into a single select
    6                 groupPageText: '',                      //optgroup's aren't selectable, make an option for it
    7                 nested: true,                                   //create optgroups by default
    8                 prependTo: '.main',                             //insert at top of page by default
    9                 switchWidth: 640,                               //width at which to switch to select, and back again
    10                 topOptionText: 'Select a page'  //default "unselected" state
    11         },
     14        $(document).ready(function(){
     15            $('.menu-conteneur > ul, #nav > ul').mobileMenu(options);
     16        });
     17    }
    1218
    13         //used to store original matched menus
    14         $menus,
    15 
    16         //used as a unique index for each menu if no ID exists
    17         menuCount = 0,
    18 
    19         //used to store unique list items for combining lists
    20         uniqueLinks = [];
    21 
    22 
    23         //go to page
    24         function goTo(url){
    25                 document.location.href = url;
    26         }
    27 
    28         //does menu exist?
    29         function menuExists(){
    30                 return ($('.mnav').length) ? true : false;
    31         }
    32 
    33         //validate selector's matched list(s)
    34         function isList($this){
    35                 var pass = true;
    36                 $this.each(function(){
    37                         if(!$(this).is('ul') && !$(this).is('ol')){
    38                                 pass=false;
    39                         }
    40                 });
    41                 return pass;
    42         }//isList()
    43 
    44 
    45         //function to decide if mobile or not
    46         function isMobile(){
    47                 return ($(window).width() < settings.switchWidth);
    48         }
    49 
    50 
    51         //function to get text value of element, but not it's children
    52         function getText($item){
    53                 return $.trim($item.clone().children('ul, ol').remove().end().text());
    54         }
    55 
    56         //function to check if URL is unique
    57         function isUrlUnique(url){
    58                 return ($.inArray(url, uniqueLinks) === -1) ? true : false;
    59         }
    60 
    61 
    62         //function to do duplicate checking for combined list
    63         function checkForDuplicates($menu){
    64 
    65                 $menu.find(' > li').each(function(){
    66 
    67                         var $li = $(this),
    68                                 link = $li.find('a').attr('href'),
    69                                 parentLink = function(){
    70                                         if($li.parent().parent().is('li')){
    71                                                 return $li.parent().parent().find('a').attr('href');
    72                                         } else {
    73                                                 return null;
    74                                         }
    75                                 };
    76 
    77                         //check nested <li>s before checking current one
    78                         if($li.find(' ul, ol').length){
    79                                 checkForDuplicates($li.find('> ul, > ol'));
    80                         }
    81 
    82                         //remove empty UL's if any are left by LI removals
    83                         if(!$li.find(' > ul li, > ol li').length){
    84                                 $li.find('ul, ol').remove();
    85                         }
    86 
    87                         //if parent <li> has a link, and it's not unique, append current <li> to the "unique parent" detected earlier
    88                         if(!isUrlUnique(parentLink(), uniqueLinks) && isUrlUnique(link, uniqueLinks)){
    89                                 $li.appendTo(
    90                                         $menu.closest('ul#mmnav').find('li:has(a[href='+parentLink()+']):first ul')
    91                                 );
    92                         }
    93 
    94                         //otherwise, check if the current <li> is unique, if it is, add it to the unique list
    95                         else if(isUrlUnique(link)){
    96                                 uniqueLinks.push(link);
    97                         }
    98 
    99                         //if it isn't, remove it. Simples.
    100                         else{
    101                                 $li.remove();
    102                         }
    103 
    104                 });
    105         }
    106 
    107 
    108         //function to combine lists into one
    109         function combineLists(){
    110 
    111                 //create a new list
    112                 var $menu = $('<ul id="mmnav" />');
    113 
    114                 //loop through each menu and extract the list's child items
    115                 //then append them to the new list
    116                 $menus.each(function(){
    117                         $(this).children().clone().appendTo($menu);
    118                 });
    119 
    120                 //de-duplicate any repeated items
    121                 checkForDuplicates($menu);
    122 
    123                 //return new combined list
    124                 return $menu;
    125 
    126         }//combineLists()
    127 
    128 
    129 
    130         //function to create options in the select menu
    131         function createOption($item, $container, text){
    132 
    133                 //if no text param is passed, use list item's text, otherwise use settings.groupPageText
    134                 if(!text){
    135                         $('<option value="'+$item.find('a:first').attr('href')+'">'+$.trim(getText($item))+'</option>').appendTo($container);
    136                 } else {
    137                         $('<option value="'+$item.find('a:first').attr('href')+'">'+text+'</option>').appendTo($container);
    138                 }
    139 
    140         }//createOption()
    141 
    142 
    143 
    144         //function to create option groups
    145         function createOptionGroup($group, $container){
    146 
    147                 //create <optgroup> for sub-nav items
    148                 var $optgroup = $('<optgroup label="'+$.trim(getText($group))+'" />');
    149 
    150                 //append top option to it (current list item's text)
    151                 createOption($group,$optgroup, settings.groupPageText);
    152 
    153                 //loop through each sub-nav list
    154                 $group.children('ul, ol').each(function(){
    155 
    156                         //loop through each list item and create an <option> for it
    157                         $(this).children('li').each(function(){
    158                                 createOption($(this), $optgroup);
    159                         });
    160                 });
    161 
    162                 //append to select element
    163                 $optgroup.appendTo($container);
    164 
    165         }//createOptionGroup()
    166 
    167 
    168 
    169         //function to create <select> menu
    170         function createSelect($menu){
    171 
    172                 //create <select> to insert into the page
    173                 var $select = $('<select id="mm'+menuCount+'" class="mnav" />');
    174                 menuCount++;
    175 
    176                 //create default option if the text is set (set to null for no option)
    177                 if(settings.topOptionText){
    178                         createOption($('<li>'+settings.topOptionText+'</li>'), $select);
    179                 }
    180 
    181                 //loop through first list items
    182                 $menu.children('li').each(function(){
    183 
    184                         var $li = $(this);
    185 
    186                         //if nested select is wanted, and has sub-nav, add optgroup element with child options
    187                         if($li.children('ul, ol').length && settings.nested){
    188                                 createOptionGroup($li, $select);
    189                         }
    190 
    191                         //otherwise it's a single level select menu, so build option
    192                         else {
    193                                 createOption($li, $select);
    194                         }
    195 
    196                 });
    197 
    198                 //add change event and prepend menu to set element
    199                 $select
    200                         .change(function(){goTo($(this).val());})
    201                         .prependTo(settings.prependTo);
    202 
    203         }//createSelect()
    204 
    205 
    206         //function to run plugin functionality
    207         function runPlugin(){
    208 
    209                 //menu doesn't exist
    210                 if(isMobile() && !menuExists()){
    211 
    212                         //if user wants to combine menus, create a single <select>
    213                         if(settings.combine){
    214                                 var $menu = combineLists();
    215                                 createSelect($menu);
    216                         }
    217 
    218                         //otherwise, create a select for each matched list
    219                         else{
    220                                 $menus.each(function(){
    221                                         createSelect($(this));
    222                                 });
    223                         }
    224                 }
    225 
    226                 //menu exists, and browser is mobile width
    227                 if(isMobile() && menuExists()){
    228                         $('.mnav').show();
    229                         $menus.hide();
    230                 }
    231 
    232                 //otherwise, hide the mobile menu
    233                 if(!isMobile() && menuExists()){
    234                         $('.mnav').hide();
    235                         $menus.show();
    236                 }
    237 
    238         }//runPlugin()
    239 
    240 
    241 
    242         //plugin definition
    243         $.fn.mobileMenu = function(options){
    244 
    245                 //override the default settings if user provides some
    246                 if(options){$.extend(settings, options);}
    247 
    248                 //check if user has run the plugin against list element(s)
    249                 if(isList($(this))){
    250                         $menus = $(this);
    251                         runPlugin();
    252                         $(window).resize(function(){runPlugin();});
    253                 } else {
    254                         alert('mobileMenu only works with <ul>/<ol>');
    255                 }
    256 
    257         };//mobileMenu()
    258 
    259 
    260         $(document).ready(function(){
    261         $('.menu-conteneur > ul').mobileMenu();
     19    $(document).ready(function(){
     20        //Bind click sur les items de la liste d'articles
     21        $('.menu_articles').delegate("li", "click", function() {
     22            var href = $(this).find("a:first").attr("href");
     23            if(href){
     24                $('body').addClass("wait");
     25                document.location.href = href;
     26            }
     27        });
    26228    });
    263 
    264 
    265 
    266 
    26729})(jQuery);
    268 
    269 
  • _themes_/zpip-2/Brownie/plugin.xml

    r62176 r62374  
    11<plugin>
    22        <nom>Brownie</nom>
    3         <auteur>[Brownie (HTML5) de eGrappler->http://www.egrappler.com/free-responsive-html5-portfolio-business-website-template-brownie/] - adapt&#233; pour SPIP3 et Z-core par Christophe LAFFONT - [OpenStudio.fr->http://www.openstudio.fr]</auteur>
     3        <auteur>[Brownie de eGrappler->http://www.egrappler.com/free-responsive-html5-portfolio-business-website-template-brownie/blog.html] - adapt&#233; pour SPIP3 et Z-core par Christophe LAFFONT - [OpenStudio.fr->http://www.openstudio.fr]</auteur>
    44        <version>1.0.0</version>
    55        <licence><a href='http://www.gnu.org/licenses/gpl.html' rel='licence'>GNU General Public License</a></licence>
    66        <slogan><multi>
    77        [en]A responsive template for news and blogs
    8         [fr]Th&#232;me responsive pour un site de news ou un blog
     8        [fr]Th&#232;me responsive utilisant Zcore pour un site de news ou un blog
    99        </multi></slogan>
    1010        <description><multi>
    11         [en]Brownie works great for creative’s portfolio, blog and corporative and business sites.
    12         [fr]Brownie fonctionne tr&egrave;s bien pour la cr&eacute;ation d'un portfolio, blog et les sites corporatifs ou d'affaires.
     11        [en]Brownie is a responsive site and works great for blog sites.
     12        [fr]Brownie est un th&egrave;me responsive qui fonctionne tr&egrave;s bien pour la cr&eacute;ation d'un blog.
    1313        </multi></description>
    1414        <icon>vignette.png</icon>
Note: See TracChangeset for help on using the changeset viewer.