From 8915a04a0a98338ea8a8ad599ed1b36c2065d3c4 Mon Sep 17 00:00:00 2001 From: kris Date: Fri, 29 Nov 2013 22:20:48 +0100 Subject: [PATCH] change navbar in view mobile --- images/icon-check.png | Bin 0 -> 1061 bytes images/icon-menu.png | Bin 0 -> 946 bytes list.html | 21 ++++++++------------- style.css | 35 ++++++++++++++++++++++++++--------- 4 files changed, 34 insertions(+), 22 deletions(-) create mode 100644 images/icon-check.png create mode 100644 images/icon-menu.png diff --git a/images/icon-check.png b/images/icon-check.png new file mode 100644 index 0000000000000000000000000000000000000000..a22e04ec639ac1da270a93431fc8f04693c2a4e0 GIT binary patch literal 1061 zcmaJ=%TE(Q9NvN$^t zikEux-~nTdnh;OMV7!oc!1y?L@DG542NDxw3`q232sm3Pc(86VJM)`--}igY-TuBa zP4$QCDT-=J_sSWvH~1oKAk zgaZdA`m)-@h!)f7?k><-6o`Ncu?mXjsO1X9I9=8i$l1GQXi$dWkvP2>R8Hv!5^^92 z2ibteMpzKxf?TL08jZFCp5<7EzEB0-mBeh{kZ7CXsHYVA|WV zmb+CZQZS~d+6)(Dy_70IMfpF}G`G<%&cK~`|0(Qd$8E@Dpo_*FjWlkk&2wc7k^@zY zoGe14l`8h<5k_tv*+3cy14Y#g%d^XPMG?}Li&aa5X*o_4g`i>RLW<`TVlt8lOQ|Tw zCHX|SLlh&4q$KeXIg(0MxH8hlOlaW>SKr}ERk_|Mm^Se&L&vxd^^}85P)=Des>c$m zs<*|}tH&Z%G6)+V@r(f!G{)^c884hliw$QktgvWEsNRW;@}Y2 zH|u+O%0CH@Cb+2ow6w4>z4yccIdh|-G`aLjY%D?XSeL^d&Q>%4 literal 0 HcmV?d00001 diff --git a/images/icon-menu.png b/images/icon-menu.png new file mode 100644 index 0000000000000000000000000000000000000000..27effe047afc0667a3074acad200f077602b5dec GIT binary patch literal 946 zcmaJ=J#W)M7`8w{sA>m<7+^ZN5-h}Dscm9nO5zV{2}e;9iLk}7FNu}fXY31cvH=62 zj{E{v2E@kKz|4lk1U~}G!W!<T=x}PVWKZY3e;V_JK_UFe>EC>Ugy(hbZn;38u9?VnNo;N!FeC$^OcK;Tr<{A-* zAof5W9mbiK>+DijBWHTevtS9qW1T$-s_Qm^fl>%$PAK_;A^=6?#PXi1s@H)ehypK2 zyeO4KRVz!HAb{1!5^rfR&|0Rw@5vyIl?v66q!K}tvRRD1 zycB1-k|!?IqrI zH7Cxn7yHmLb(Sb_VHjw(B-Lw{qRNJ?ilQae<-J->sau92DW+oE1=mFWB!V$6xWOs+ z#zrn3g(xAOO_+ucVPK~y0?U-OaC0p3M!gj`*c^+pk;{`{c-q*%8eLqG>7mE<*b-ws z_%J5Zo|3Wty?A#_p2SthtabA5{h-%7hTy`RXGcdbUOj#EYq3~7x&L)^`^!zhoY`gu VKQ4Z_WL
+

{blog_nom}

{blog_description}

-
diff --git a/style.css b/style.css index 1cf954c..15642c5 100644 --- a/style.css +++ b/style.css @@ -109,7 +109,7 @@ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #top_text h2 {margin-top: -1em;font-size:1.6em; font-style: italic; text-align: right;text-shadow: 1px 1px 2px #aaa; padding-right:10px;} #top-link{ display:none; position: fixed; bottom: 5px; right: 5px; opacity: 1; cursor: pointer;} a#top-link {background: url(images/up.png) no-repeat 0 0; height:48px; width:48px;} -#topmenu {display: none;} +.navbar {display: none;} /* SIDEBAR */ #sidebar {} #sidebar h3 { font-size:1.3em;} @@ -129,9 +129,9 @@ a#top-link {background: url(images/up.png) no-repeat 0 0; height:48px; width:48p .encart_lastcom li a {font-size: .9em; text-decoration:none; font-style:italic;} /* search form */ #search {margin-bottom: 20px;border: 1px solid gray;border-radius: 6px;-moz-border-radius: 6px;-webkit-border: 6px;box-shadow: 1px 1px 2px silver; width: 237px;} -#search input { margin-bottom: 0; display: inline-block;} +#search input { margin-bottom: 0; display: inline-block; padding:3px;} #q {padding: 2px 0; padding-left:5px;box-shadow: none;border-radius: 6px;-moz-border-radius: 6px;-webkit-border: 6px;border-width: 0;text-align: left;width: 135px;} -#input-rechercher { /* submit*/ width: 90px; font-size:.9em;} +#input-rechercher { /* submit*/width: 90px; font-size:.9em;} /* Calendar */ #calendrier {display: block;border: none;} #calendrier caption {font-size: 1.3em;padding: 4px;font-weight: bold;} @@ -303,9 +303,29 @@ div.orbit, div.orbit-wrapper { width: 100% !important; } @media only screen and (min-width: 480px) and (max-width: 767px) { #top_text h1 {font-size: 2em;} #top_text h2 {font-size: 1em;} - #topmenu { display: inline-block;*display: inline; width: 80%;} - #topmenu form {margin-bottom: 0;} - #tabletmenu select {font-size: 1.2em; padding:5px;margin-bottom: 0;} + /* Navbar */ + .navbar {display: block; position: relative;min-height: 40px; margin-top: -2em;} + .navbar ul { + min-width: 180px; + padding: 5px 0; + position: absolute; + top: 0; + left: 0; + border: solid 1px #e0e0e0; + background: #fff url(images/icon-menu.png) no-repeat 8px 11px; + border-radius: 5px; + line-height: 1.8em; + } + .navbar li {display: none;margin: 0;} + .navbar .current {display: block;} + .navbar a {display: block;padding: 0 15px 0 32px;text-align: left; text-decoration: none; font-size: 1.2em;} + .navbar .current a {background: none;color: #666;} + .navbar ul:hover {background-image: none;} + .navbar li:hover {background: url(images/icon-check.png) no-repeat 10px 7px;} + .navbar.center ul {left: 50%;margin-left: -90px;} + .navbar ul:hover li {display: block;margin: 0 0 5px;} + .navbar.right ul {left: auto;right: .5em;} + } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { @@ -314,9 +334,6 @@ div.orbit, div.orbit-wrapper { width: 100% !important; } header#top { margin-top: 0;} #top_text h1 {font-size: 1.6em;line-height: 2em;} #top_text h2 {display:none;} - #topmenu {display: inline-block;*display: inline; width: 80%;} - #topmenu form {margin-bottom: 0;} - #tabletmenu select {font-size: 1.2em; padding:5px;margin-bottom: 0;} .pm {display:none;} } /* Print Styles */