Changeset 106984 in spip-zone
- Timestamp:
- Oct 17, 2017, 3:00:28 PM (3 years ago)
- Location:
- _plugins_/menu_anime/trunk
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
_plugins_/menu_anime/trunk/css/menu_anime.css
r94961 r106984 215 215 display: none; 216 216 } 217 @media screen and (max-width: 600px) {217 @media screen and (max-width: 768px) { 218 218 .menu-conteneur { 219 219 position: relative; … … 321 321 } 322 322 } 323 @media screen and (min-width: 600px) {323 @media screen and (min-width: 769px) { 324 324 .menu_anime { 325 325 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) 2 2 ========== 3 3 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). 6 8 3. Mettre le résultat dans un fichier nommé 'menu_anime.css' et le placer dans le répertoire 'squelettes/css/' de SPIP. 9 7 10 */ 8 11 12 /* ================================================================================== 13 /* PARAMETRES 14 /* ========== 15 /* 9 16 /* COULEURS */ 10 17 /* Valeurs importantes */ … … 30 37 @divider-h-factor1: 0.5; /* ligne de séparation boites de menu */ 31 38 @shadow-color: #bbb; /* couleur de l'ombrage des menus et boites de sous-menu */ 39 @box-radius-large: 6px; 40 @box-radius-small: 3px; 32 41 33 42 /* POLICE DE CARACTERES */ … … 49 58 50 59 /* Menu pour mobiles */ 60 @max-mobile-screen-width: 768px; 51 61 @small-menu-font-size: 12px; 52 62 @small-menu-bar-height: 30px; … … 59 69 @container-selector: ~".menu-conteneur"; 60 70 71 /* ================================================================================== 72 61 73 /* Valeurs dérivées */ 62 74 @top: @line-height + 2*@padding-y1 + 1; … … 64 76 @divider-v-factor2: 2 - @divider-v-factor1; 65 77 @divider-h-factor2: 2 - @divider-h-factor1; 78 @min-tablet-screen-width: @max-mobile-screen-width + 1; 66 79 67 80 .font(@size: @font-size) { … … 133 146 } 134 147 135 .border-radius-left(@radius: 3px) {148 .border-radius-left(@radius: @box-radius-small) { 136 149 -moz-border-top-left-radius: @radius; 137 150 -webkit-border-top-left-radius: @radius; … … 142 155 } 143 156 144 .border-radius-top(@radius: 3px) {157 .border-radius-top(@radius: @box-radius-small) { 145 158 -moz-border-top-left-radius: @radius; 146 159 -webkit-border-top-left-radius: @radius; … … 151 164 } 152 165 153 .border-radius-bottom(@radius: 3px) {166 .border-radius-bottom(@radius: @box-radius-small) { 154 167 -moz-border-bottom-left-radius: @radius; 155 168 -webkit-border-bottom-left-radius: @radius; … … 160 173 } 161 174 162 .border-radius(@radius: 3px) {175 .border-radius(@radius: @box-radius-small) { 163 176 -moz-border-radius: @radius; 164 177 -webkit-border-radius: @radius; … … 206 219 margin: 0px auto; 207 220 .gradient1(@theme-basic); 208 .border-radius( 6px);221 .border-radius(@box-radius-large); 209 222 .box-shadow(2px 2px @shadow-color); 210 223 } … … 238 251 .box-shadow(2px 2px @shadow-color); 239 252 .transition(all .2s ease-in-out); 240 .border-radius( 3px);253 .border-radius(@box-radius-small); 241 254 } 242 255 … … 310 323 311 324 @{menu-selector} > li:first-child > a:hover { 312 .border-radius-left( 6px);325 .border-radius-left(@box-radius-large); 313 326 } 314 327 315 328 @{menu-selector} ul li:first-child > a { 316 329 border-top: 0; 317 .border-radius-top( 3px);330 .border-radius-top(@box-radius-small); 318 331 &::after { .arrowup(@theme-basic * @grad2-factor1) } 319 332 &:hover::after { .arrowup(@theme-hover * @grad2-factor1) } … … 327 340 @{menu-selector} ul li:last-child > a { 328 341 border-bottom: 0; 329 .border-radius-bottom( 3px);342 .border-radius-bottom(@box-radius-small); 330 343 } 331 344 … … 351 364 } 352 365 353 @media screen and (max-width: 600px) {366 @media screen and (max-width: @max-mobile-screen-width) { 354 367 355 368 /* menu_conteneur */ … … 376 389 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); 377 390 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); 379 392 .box-shadow(); 380 393 } … … 441 454 } 442 455 443 @media screen and (min-width: 600px) {456 @media screen and (min-width: @min-tablet-screen-width) { 444 457 @{menu-selector} { 445 458 display: block !important; -
_plugins_/menu_anime/trunk/menu_anime_pipelines.php
r94961 r106984 4 4 * 5 5 * @plugin Menu animé 6 * @copyright 2015 6 * @copyright 2015-2017 7 7 * @author Louis Possoz 8 8 * @licence GNU/GPL -
_plugins_/menu_anime/trunk/paquet.xml
r103720 r106984 2 2 prefix="menu_anime" 3 3 categorie="navigation" 4 version="1. 0.10"4 version="1.1.0" 5 5 etat="stable" 6 compatibilite="[3.0.0;3. 1.*]"6 compatibilite="[3.0.0;3.2.*]" 7 7 logo="img/menu_anime-64.png" 8 8 documentation="https://contrib.spip.net/Menu-anime-deroulant" … … 10 10 <nom>Menu animé</nom> 11 11 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-201 6</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> 16 16 17 17 <pipeline nom="insert_head_css" inclure="menu_anime_pipelines.php" />
Note: See TracChangeset
for help on using the changeset viewer.