diff --git a/css/menu_anime.css b/css/menu_anime.css index fd39e7e..7357636 100644 --- a/css/menu_anime.css +++ b/css/menu_anime.css @@ -215,7 +215,7 @@ display: none; } @media screen and (max-width: 600px) { - .menu_conteneur { + .menu-conteneur { position: relative; } .menu_anime-trigger { @@ -337,4 +337,4 @@ } .menu_anime li:hover > .no-transition { display: block; -} +} \ No newline at end of file diff --git a/css/menu_anime.less b/css/menu_anime.less index b50f2c7..318b5a3 100644 --- a/css/menu_anime.less +++ b/css/menu_anime.less @@ -1,4 +1,4 @@ -/* Menu anime (v.1.0.8) +/* Menu anime (v 1.0.9) ========== Procédure de modification de la feuille de style 'menu_anime.css' 1. Modifier les paramètres souhaités dans le présent fichier (menu_anime.less). @@ -54,6 +54,10 @@ @small-menu-padding-y1: 5px; @small-menu-padding-left: 20px; +/* Selecteurs */ +@menu-selector: ~".menu_anime"; +@container-selector: ~".menu-conteneur"; + /* Valeurs dérivées */ @top: @line-height + 2*@padding-y1 + 1; @grad2-factor2: 2 - @grad2-factor1; @@ -197,7 +201,7 @@ /* Menu principal */ - .menu_anime { + @{menu-selector} { width: @menu-width; margin: 0px auto; .gradient1(@theme-basic); @@ -205,21 +209,21 @@ .box-shadow(2px 2px @shadow-color); } - .menu_anime:before, - .menu_anime:after { + @{menu-selector}:before, + @{menu-selector}:after { content: ""; display: table; } - .menu_anime:after { + @{menu-selector}:after { clear: both; } - .menu_anime { + @{menu-selector} { zoom:1; } - .menu_anime ul { + @{menu-selector} ul { width: @box-width; list-style: none; margin: 0; @@ -236,12 +240,12 @@ .border-radius(3px); } - .menu_anime ul ul { + @{menu-selector} ul ul { top: 0; left: @box-width + 1; } - .menu_anime li { + @{menu-selector} li { float: none; display: block; position: relative; @@ -250,11 +254,11 @@ background: none; } - .menu_anime li:hover > a { + @{menu-selector} li:hover > a { color: @text-hover; } - .menu_anime a { + @{menu-selector} a { .font(@font-size); text-decoration: none; color: @text-basic; @@ -263,18 +267,18 @@ background: none !important; } - .menu_anime > li:last-child { + @{menu-selector} > li:last-child { border-right: 1px solid @theme-basic * @vborder-light-factor; } - .menu_anime > li > a { + @{menu-selector} > li > a { float: left; padding: @padding-y1 @padding-x1; text-transform: uppercase; .vdivider(@theme-basic); } - .menu_anime ul a { + @{menu-selector} ul a { padding: @padding-y2 1px @padding-y2 @padding-x2 + @text-indent; .box-sizing(content-box); text-indent: -@text-indent; @@ -282,55 +286,55 @@ .hdivider(@theme-basic); } - .menu_anime a:hover { + @{menu-selector} a:hover { color: @text-hover; } - .menu_anime > li > a:hover { + @{menu-selector} > li > a:hover { .gradient1(@theme-hover); .vdivider(@theme-hover); } - .menu_anime > li { + @{menu-selector} > li { float: left; } - .menu_anime ul li > a:hover { + @{menu-selector} ul li > a:hover { .gradient2(@theme-hover); .hdivider(@theme-hover); } - .menu_anime > li:first-child > a { + @{menu-selector} > li:first-child > a { border-left: 0; } - .menu_anime > li:first-child > a:hover { + @{menu-selector} > li:first-child > a:hover { .border-radius-left(6px); } - .menu_anime ul li:first-child > a { + @{menu-selector} ul li:first-child > a { border-top: 0; .border-radius-top(3px); &::after { .arrowup(@theme-basic * @grad2-factor1) } &:hover::after { .arrowup(@theme-hover * @grad2-factor1) } } - .menu_anime ul ul li:first-child > a { + @{menu-selector} ul ul li:first-child > a { &::after { .arrowleft(@theme-basic); } &:hover::after { .arrowleft(@theme-hover); } } - .menu_anime ul li:last-child > a { + @{menu-selector} ul li:last-child > a { border-bottom: 0; .border-radius-bottom(3px); } - .menu_anime a:focus, .menu_anime a:active, .menu_anime a:visited { + @{menu-selector} a:focus, @{menu-selector} a:active, @{menu-selector} a:visited { background: none !important; color: @text-basic; } - .menu_anime li:hover > ul, .menu_anime li>a:focus + ul { + @{menu-selector} li:hover > ul, @{menu-selector} li>a:focus + ul { opacity: 1; visibility: visible; margin: 0; @@ -338,7 +342,7 @@ /* Pas de menu pour l'impression */ @media print { - .menu_anime { display: none; } + @{menu-selector} { display: none; } } /* Menu pour mobile */ @@ -349,11 +353,11 @@ @media screen and (max-width: 600px) { /* menu_conteneur */ - .menu_conteneur { + @{container-selector} { position: relative; } - .menu_conteneur * { + @{container-selector} { } /* menu icon */ @@ -376,7 +380,7 @@ } /* main nav */ - .menu_anime { + @{menu-selector} { position: relative; top: 0; width: inherit; @@ -387,7 +391,7 @@ .box-shadow-none; } - .menu_anime ul, .menu_anime ul ul { + @{menu-selector} ul, @{menu-selector} ul ul { position: static; visibility: visible; opacity: 1; @@ -396,48 +400,48 @@ .box-shadow-none; } - .menu_anime li { + @{menu-selector} li { position: static; display: block; float: none; line-height: @small-menu-line-height; } - .menu_anime a { + @{menu-selector} a { font-size: @small-menu-font-size } - .menu_anime > li > a { + @{menu-selector} > li > a { float: none; border: 0; padding: 0; } - .menu_anime ul a { + @{menu-selector} ul a { border: 0; padding: 0; text-indent: 0; } - .menu_anime > li > a:hover, .menu_anime ul li > a:hover { + @{menu-selector} > li > a:hover, @{menu-selector} ul li > a:hover { background: none !important; border: 0; } - .menu_anime ul li > a, .menu_anime ul ul li > a, - .menu_anime ul li:first-child > a, .menu_anime ul li:first-child > a { + @{menu-selector} ul li > a, @{menu-selector} ul ul li > a, + @{menu-selector} ul li:first-child > a, @{menu-selector} ul li:first-child > a { border: 0; &::after, &:hover::after { border: 0; } } - .menu_anime ul li:last-child > a, .menu_anime ul li:first-child > a, - .menu_anime ul ul li:first-child > a { + @{menu-selector} ul li:last-child > a, @{menu-selector} ul li:first-child > a, + @{menu-selector} ul ul li:first-child > a { .border-radius-none; &::after { border: 0; } } } @media screen and (min-width: 600px) { - .menu_anime { + @{menu-selector} { display: block !important; } } @@ -450,6 +454,6 @@ display: none; } - .menu_anime li:hover > .no-transition { + @{menu-selector} li:hover > .no-transition { display: block; } diff --git a/lang/paquet-menu_anime_en.php b/lang/paquet-menu_anime_en.php index dd3fcaf..8bc889d 100644 --- a/lang/paquet-menu_anime_en.php +++ b/lang/paquet-menu_anime_en.php @@ -6,8 +6,9 @@ if (!defined('_ECRIRE_INC_VERSION')) return; $GLOBALS[$GLOBALS['idx_lang']] = array( // M - 'menu_anime_description' => 'Controls the display of a menu with an elaborated style sheet: gradients, box and text shadows, rounded corners and box animation. An automatic compact version for mobiles is included in the style sheet. -Colors and dimensions can easily (?) be modified, thanks to the included file (menu_anime.less). + 'menu_anime_description' => 'Controls the display of a menu with an elaborated style sheet: gradients, box and text shadows, rounded corners and box animation. +Included: automatic compact version for mobiles. +Colors and dimensions easily (?) adaptable with the included file 'menu_anime.less'. Nice complement to the {{Menus}} plugin for example.', 'menu_anime_nom' => 'Animated dropdown menu', diff --git a/lang/paquet-menu_anime_fr.php b/lang/paquet-menu_anime_fr.php index 2f8bbed..65ea994 100644 --- a/lang/paquet-menu_anime_fr.php +++ b/lang/paquet-menu_anime_fr.php @@ -6,9 +6,9 @@ if (!defined('_ECRIRE_INC_VERSION')) return; $GLOBALS[$GLOBALS['idx_lang']] = array( // M - 'menu_anime_description' => 'Gère l\'affichage d\'un menu au moyen d\'une feuille de style élaborée: dégradés de couleurs, ombrage des menus et textes, coins arrondis et animation des menus. Une version compacte automatique pour mobiles est comprise dans la feuille de style. - -Couleurs et dimensions peuvent être facilement (?) modifiées grâce au fichier inclus (menu_anime.less). + 'menu_anime_description' => 'Gère l\'affichage d\'un menu au moyen d\'une feuille de style élaborée: dégradés de couleurs, ombrage des menus et textes, coins arrondis et animation des menus. +Inclus: une version compacte automatique pour mobiles. +Adaptation aisée (?) des couleurs et des dimensions au moyen du fichier 'menu_anime.less' inclus. Complément du plugin {{Menus}} par exemple.', 'menu_anime_nom' => 'Menu animé déroulant', diff --git a/menu_anime_pipelines.php b/menu_anime_pipelines.php index b134bb5..0eaedb8 100644 --- a/menu_anime_pipelines.php +++ b/menu_anime_pipelines.php @@ -21,8 +21,6 @@ function menu_anime_insert_head_css($flux){ } function menu_anime_insert_head($flux){ - $flux .= ''; - $flux .= ''; return $flux; } diff --git a/paquet.xml b/paquet.xml index 7ff8acf..def72fb 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,7 +1,7 @@ Louis Possoz Catalin Rosu - Red Team Design - 2011-2015 + 2011-2016 GNU/GPL