Changeset 106984 in spip-zone


Ignore:
Timestamp:
Oct 17, 2017, 3:00:28 PM (21 months ago)
Author:
louis.possoz@…
Message:

spip 3.2 + divers détails

Location:
_plugins_/menu_anime/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/menu_anime/trunk/css/menu_anime.css

    r94961 r106984  
    215215  display: none;
    216216}
    217 @media screen and (max-width: 600px) {
     217@media screen and (max-width: 768px) {
    218218  .menu-conteneur {
    219219    position: relative;
     
    321321  }
    322322}
    323 @media screen and (min-width: 600px) {
     323@media screen and (min-width: 769px) {
    324324  .menu_anime {
    325325    display: block !important;
  • _plugins_/menu_anime/trunk/css/menu_anime.less

    r94961 r106984  
    1 /* Menu anime (v 1.0.9)
     1/* Menu anime (v 1.1.0)
    22   ==========
    33        Procédure de modification de la feuille de style 'menu_anime.css'
    4         1. Modifier les paramètres souhaités dans le présent fichier (menu_anime.less).
    5         2. Compiler le fichier au moyen d'un compilateur 'less' (p.e. http://leafo.net/lessphp/editor.html).
     4        1. Modifier la section PARAMETRES de la présente version du fichier (menu_anime_v.x.y.z.less).
     5                Y remplacer les valeurs par celles que vous souhaitez.
     6           Le cas échéant, y reporter les valeurs de votre précédente version de ce fichier.
     7        2. Compiler le fichier au moyen d'un compilateur 'less' (p.e. https://leafo.net/lessphp/editor.html).
    68        3. Mettre le résultat dans un fichier nommé 'menu_anime.css' et le placer dans le répertoire 'squelettes/css/' de SPIP.
     9       
    710*/     
    811
     12/* ==================================================================================
     13/* PARAMETRES
     14/* ==========
     15/*
    916/* COULEURS */
    1017/* Valeurs importantes */
     
    3037@divider-h-factor1: 0.5; /* ligne de séparation boites de menu */
    3138@shadow-color: #bbb; /* couleur de l'ombrage des menus et boites de sous-menu */
     39@box-radius-large: 6px;
     40@box-radius-small: 3px;
    3241
    3342/* POLICE DE CARACTERES */
     
    4958
    5059/* Menu pour mobiles */
     60@max-mobile-screen-width: 768px;
    5161@small-menu-font-size: 12px;
    5262@small-menu-bar-height: 30px;
     
    5969@container-selector: ~".menu-conteneur";
    6070
     71/* ==================================================================================
     72
    6173/* Valeurs dérivées */
    6274@top: @line-height + 2*@padding-y1 + 1;
     
    6476@divider-v-factor2: 2 - @divider-v-factor1;
    6577@divider-h-factor2: 2 - @divider-h-factor1;
     78@min-tablet-screen-width: @max-mobile-screen-width + 1;
    6679
    6780.font(@size: @font-size) {
     
    133146}       
    134147
    135 .border-radius-left(@radius: 3px) {
     148.border-radius-left(@radius: @box-radius-small) {
    136149        -moz-border-top-left-radius: @radius;
    137150        -webkit-border-top-left-radius: @radius;
     
    142155}
    143156
    144 .border-radius-top(@radius: 3px) {
     157.border-radius-top(@radius: @box-radius-small) {
    145158        -moz-border-top-left-radius: @radius;
    146159        -webkit-border-top-left-radius: @radius;
     
    151164}
    152165
    153 .border-radius-bottom(@radius: 3px) {
     166.border-radius-bottom(@radius: @box-radius-small) {
    154167        -moz-border-bottom-left-radius: @radius;
    155168        -webkit-border-bottom-left-radius: @radius;
     
    160173}
    161174
    162 .border-radius(@radius: 3px) {
     175.border-radius(@radius: @box-radius-small) {
    163176        -moz-border-radius: @radius;
    164177        -webkit-border-radius: @radius;
     
    206219                margin: 0px auto;
    207220                .gradient1(@theme-basic);
    208                 .border-radius(6px);
     221                .border-radius(@box-radius-large);
    209222                .box-shadow(2px 2px @shadow-color);
    210223        }
     
    238251                .box-shadow(2px 2px @shadow-color);
    239252                .transition(all .2s ease-in-out);
    240                 .border-radius(3px);
     253                .border-radius(@box-radius-small);
    241254        }
    242255
     
    310323       
    311324        @{menu-selector} > li:first-child > a:hover {
    312                 .border-radius-left(6px);
     325                .border-radius-left(@box-radius-large);
    313326        }
    314327
    315328        @{menu-selector} ul li:first-child > a {
    316329                border-top: 0;
    317                 .border-radius-top(3px);
     330                .border-radius-top(@box-radius-small);
    318331                &::after { .arrowup(@theme-basic * @grad2-factor1) }
    319332                &:hover::after { .arrowup(@theme-hover * @grad2-factor1) }
     
    327340        @{menu-selector} ul li:last-child > a {
    328341                border-bottom: 0;
    329                 .border-radius-bottom(3px);
     342                .border-radius-bottom(@box-radius-small);
    330343        }
    331344
     
    351364        }
    352365
    353         @media screen and (max-width: 600px) {
     366        @media screen and (max-width: @max-mobile-screen-width) {
    354367
    355368                /* menu_conteneur */
     
    376389                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(@theme-basic * @grad2-factor1, @theme-basic * @grad2-factor2);
    377390                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(@theme-basic * @grad2-factor1, @theme-basic * @grad2-factor2);
    378                         .border-radius(6px);
     391                        .border-radius(@box-radius-large);
    379392                        .box-shadow();
    380393                }
     
    441454        }
    442455
    443         @media screen and (min-width: 600px) {
     456        @media screen and (min-width: @min-tablet-screen-width) {
    444457                @{menu-selector} {
    445458                        display: block !important;
  • _plugins_/menu_anime/trunk/menu_anime_pipelines.php

    r94961 r106984  
    44 *
    55 * @plugin     Menu animé
    6  * @copyright  2015
     6 * @copyright  2015-2017
    77 * @author     Louis Possoz
    88 * @licence    GNU/GPL
  • _plugins_/menu_anime/trunk/paquet.xml

    r103720 r106984  
    22        prefix="menu_anime"
    33        categorie="navigation"
    4         version="1.0.10"
     4        version="1.1.0"
    55        etat="stable"
    6         compatibilite="[3.0.0;3.1.*]"
     6        compatibilite="[3.0.0;3.2.*]"
    77        logo="img/menu_anime-64.png"
    88        documentation="https://contrib.spip.net/Menu-anime-deroulant"
     
    1010        <nom>Menu animé</nom>
    1111
    12         <auteur lien="http://www.quelfutur.org/archive/louis_possoz.html">Louis Possoz</auteur>
    13         <credit lien="http://red-team-design.com/css3-dropdown-menu/">Catalin Rosu - Red Team Design</credit>
    14         <copyright>2011-2016</copyright>
    15         <licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
     12        <auteur lien="https://www.quelfutur.org/archive/louis_possoz.html">Louis Possoz</auteur>
     13        <credit lien="https://red-team-design.com/css3-dropdown-menu/">Catalin Rosu - Red Team Design</credit>
     14        <copyright>2011-2017</copyright>
     15        <licence lien="https://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
    1616
    1717        <pipeline nom="insert_head_css" inclure="menu_anime_pipelines.php" />
Note: See TracChangeset for help on using the changeset viewer.