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

spip 3.2 + divers détails

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _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;
Note: See TracChangeset for help on using the changeset viewer.