diff --git a/css/inc_stylessoyezcreateurs.css.html b/css/inc_stylessoyezcreateurs.css.html index 7349311e9d8e6ebf6b5991ee0d2e3bcccd44cb31..37928de1d380eaa1a0bc8e8aa59877692e0cb294 100644 --- a/css/inc_stylessoyezcreateurs.css.html +++ b/css/inc_stylessoyezcreateurs.css.html @@ -125,9 +125,10 @@ width: auto !important; } #header { background-image: none !important; min-height: inherit !important; padding-top: 0!important; } - #mobile-header { background-color: #333333; display: block; height: 32px; width: 32px; z-index: 1000; } - #responsive-menu-button { background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center transparent; display: block; height: 32px; width: 32px; } - #responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; } + #mobile-header { display: block; } + #responsive-menu-button-navigation { float: right; } + .responsive-menu-button { float: left; background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center #333333; display: block; height: 3rem; width: 4rem; } + .responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; } /* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */ img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { @@ -725,9 +726,6 @@ a.button.triadeC:focus, margin: 0; z-index: 2; }] -.portailcognac #mobile-header { - top: 18px; -} .portailcognac #mobile-header #responsive-menu-button { background: #GET{c_header_bk}; width: 100px; diff --git a/images/nav-icon.svg b/images/nav-icon.svg index 9101ca6e5f32d8d1594c24f4d0d2514352367c4b..443d75d186e4cef33a712d5e86250e2a7246dd57 100644 --- a/images/nav-icon.svg +++ b/images/nav-icon.svg @@ -1,13 +1,7 @@ -<?xml version="1.0" standalone="no"?> -<!-- Generator: Adobe Fireworks 10, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.0 --> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg id="Untitled-2" viewBox="0 0 18 12" style="background-color:#ffffff00" version="1.1" - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" - x="0px" y="0px" width="18px" height="12px" -> - <g id="Layer%201"> - <rect x="0" y="0" width="18" height="2" fill="#ffffff"/> - <rect x="0" y="5" width="18" height="2" fill="#ffffff"/> - <rect x="0" y="10" width="18" height="2" fill="#ffffff"/> +<svg viewBox="0 0 26 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"> + <g id="rwdmenu"> + <rect x="4" y="4" width="18" height="2" fill="#ffffff"/> + <rect x="4" y="10" width="18" height="2" fill="#ffffff"/> + <rect x="4" y="16" width="18" height="2" fill="#ffffff"/> </g> </svg> \ No newline at end of file diff --git a/noisettes/footer/footer.html b/noisettes/footer/footer.html index db24b9370f869f84dc5b6ab001c54fa4a9e48ac0..12f9dd0f000699bb997cd5e1d0c437ac5445dfe4 100644 --- a/noisettes/footer/footer.html +++ b/noisettes/footer/footer.html @@ -25,7 +25,17 @@ jQuery(document).ready(function() { }); }); /* \]\]> */</script>] -</BOUCLE_HasMenuHaut> +</BOUCLE_HasMenuHaut>[(#PLUGIN{SIDR}|oui) +[<script src="(#CHEMIN{javascript/jquery.sidr.js}|timestamp)" type="text/javascript"></script>] +<script type="text/javascript">/* <!\[CDATA\[ */ +jQuery(document).ready(function() { + jQuery("#responsive-menu-button-navigation").sidr({ + name: "sidr-navigation", + source: "#menu", + side: "right" + }); +}); +/* \]\]> */</script>] [(#CHEMIN{noisettes/footer/inserfooterjs.html}|oui) <INCLURE{fond=noisettes/footer/inserfooterjs}> ] diff --git a/noisettes/header/header_modecommuniquant.html b/noisettes/header/header_modecommuniquant.html index e87dcb70f06f141d7a8e756be415b03a8de89a71..b48d6ff7fb287b5470fd0afd3f1b106ea7c8768e 100644 --- a/noisettes/header/header_modecommuniquant.html +++ b/noisettes/header/header_modecommuniquant.html @@ -4,7 +4,8 @@ <div id="header"> <div id="headerbackground"></div> <div id="header_inner"> -<INCLURE{fond=noisettes/menus/menu_navhaute,env}> +<INCLURE{fond=noisettes/menus/menurwd,idbody} /> +<INCLURE{fond=noisettes/menus/menu_navhaute,env} /> [(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>] [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}] [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]] diff --git a/noisettes/header/header_modeedito.html b/noisettes/header/header_modeedito.html index 3651fc7906e0d87947e009a4d4a5806c71e902c9..5d7feb9363ef0c95ef4cb912491233147fc9bcaa 100644 --- a/noisettes/header/header_modeedito.html +++ b/noisettes/header/header_modeedito.html @@ -4,7 +4,8 @@ <div id="header"> <div id="headerbackground"></div> <div id="header_inner"> -<INCLURE{fond=noisettes/menus/menu_navhaute,env}> +<INCLURE{fond=noisettes/menus/menurwd,idbody} /> +<INCLURE{fond=noisettes/menus/menu_navhaute,env} /> [(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>] [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}] [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]] diff --git a/noisettes/header/header_modeportail.html b/noisettes/header/header_modeportail.html index c44d484ee52485ff32066f0578e668aec57fff99..ad97a25f199e2886a2a621dc18db4e1ea8ec1a8a 100644 --- a/noisettes/header/header_modeportail.html +++ b/noisettes/header/header_modeportail.html @@ -5,7 +5,8 @@ <div id="headerbackground"></div> <div id="header_inner"> <div id="pre-header"> -<INCLURE{fond=noisettes/menus/menu_navhaute,env}> +<INCLURE{fond=noisettes/menus/menurwd,idbody} /> +<INCLURE{fond=noisettes/menus/menu_navhaute,env} /> [(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>] [(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]] <a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a> diff --git a/noisettes/menus/menuhaut.html b/noisettes/menus/menuhaut.html index c49259105298c6567cdac3d9533aa5a8e1f8c24a..c61f4872d7077ef3e9209df5076b243fa4bf2139 100644 --- a/noisettes/menus/menuhaut.html +++ b/noisettes/menus/menuhaut.html @@ -1,7 +1,4 @@ <B_MenuHaut> -[(#PLUGIN{SIDR}|oui)<div id="mobile-header"> -<a id="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a> -</div>] <nav id="menuhaut"> <h2 class="nocontent offscreen">Menu principal</h2> <ul id="menuh" class="sf-menu"> diff --git a/noisettes/menus/menuhautmots.html b/noisettes/menus/menuhautmots.html index 9e42a0ec85f34dc292995903785d2240fa60ecb2..c444b259fd900144063fb563308adb5f0cf086f9 100644 --- a/noisettes/menus/menuhautmots.html +++ b/noisettes/menus/menuhautmots.html @@ -7,9 +7,6 @@ [(#SET{groupes, #GET{groupes}|push{#ID_GROUPE}})] </BOUCLE_Groupes> <B_MenuHaut> -[(#PLUGIN{SIDR}|oui)<div id="mobile-header"> -<a id="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a> -</div>] <nav id="menuhaut"> <h2 class="nocontent offscreen">Menu principal</h2> <ul id="menuh" class="sf-menu"> diff --git a/noisettes/menus/menurwd.html b/noisettes/menus/menurwd.html new file mode 100644 index 0000000000000000000000000000000000000000..4a55a574e9f0b50affce016d266dbcb98918eac7 --- /dev/null +++ b/noisettes/menus/menurwd.html @@ -0,0 +1,8 @@ +<!-- idbody: #ENV{idbody} --> +#SET{menurwd,''} +<BOUCLE_HasMenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}{0,1}>[(#PLUGIN{SIDR}|oui)<div id="mobile-header"> +<a id="responsive-menu-button" class="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a>#SET{menurwd,1}] +</BOUCLE_HasMenuHaut> +[(#ENV{idbody}|in_array{#ARRAY{0,sommaire_mode_portail, 1,sommaire_mode_actualites, 2, sommaire_mode_communiquant, 3,sommaire_mode_mairie, 4,sommaire_mode_blog, 5,sommaire_mode_portailcognac, 6,sommaire_mode_portailagence}}|non)[(#CONFIG{soyezcreateurs_layout/menuderoulant,replie}|=={deroulant}|oui)[(#PLUGIN{SIDR}|oui)[(#GET{menurwd}|non)<div id="mobile-header">]<a id="responsive-menu-button-navigation" class="responsive-menu-button" href="#sidr-navigation"><span><:soyezcreateurs:menunavrwd:></span></a> +#SET{menurwd,1}]]][(#GET{menurwd}|oui)</div>] +#FILTRE{mini_html} \ No newline at end of file diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html index 6cfe26f82f64de6e04723f721e2492c1e11bcc2d..9216a0eda23fe88bd9d16a37861b86d9e9a81a56 100644 --- a/stylessoyezcreateurs.css.html +++ b/stylessoyezcreateurs.css.html @@ -1069,7 +1069,7 @@ table.programmation caption { text-align: left; } #menuhaut li.cadre_recherche { float: right; } @media screen and (max-width:[(#GET{LargeurContaineur})]px) { - [(#PLUGIN{SIDR}|oui)#menuhaut { display: none; } + [(#PLUGIN{SIDR}|oui)#menuhaut, #menu { display: none; } .sidr ul li a, .sidr ul li span { display: inline-block; } .sidr ul li span { padding-left: 0; } .sidr ul li a { padding-left: 15px;} @@ -1857,7 +1857,7 @@ div [lang], span [lang] { font-style: italic; } #content .listesites a.spip_out:hover { opacity: 1; } .listesitesssrub { padding-left: 2em; } -#mobile-header { display: none; position: fixed; top: 0; } +#mobile-header { display: none; } /************* Plan du site + Antichrono */ #antichrono #content ul.spip li, #plan #content ul.spip li {