tazpanel rev 215 1.2
Tazweb compatible dropdown menus.
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Wed Nov 30 12:49:17 2011 +0100 (2011-11-30) |
parents | eb02b7379ca8 |
children | c9d901c36128 |
files | styles/default/header.html styles/default/style.css |
line diff
1.1 --- a/styles/default/header.html Wed Nov 30 12:20:00 2011 +0100 1.2 +++ b/styles/default/header.html Wed Nov 30 12:49:17 2011 +0100 1.3 @@ -20,16 +20,7 @@ 1.4 <img src="/styles/default/images/help.png" /></a> 1.5 </div> 1.6 <div id="menu"> 1.7 -<a href="/">Panel</a> 1.8 - <a href="/pkgs.cgi">Packages</a> 1.9 - <a href="/network.cgi">Network</a> 1.10 - <a href="/settings.cgi">Settings</a> 1.11 - <a href="/live.cgi">Live</a> 1.12 - <a href="/boot.cgi">Boot</a> 1.13 - <a href="/hardware.cgi">Hardware</a> 1.14 - <a href="/installer.cgi">Install</a> 1.15 -<!-- Tazweb does not support dropdown menus. Midori or firefox does. 1.16 - <ul class="menu"> 1.17 + <ul class="dropdownmenu"> 1.18 <li class="drop"> 1.19 <a href="/">Panel</a> 1.20 <span class="toggle"> </span> 1.21 @@ -127,7 +118,6 @@ 1.22 </ul> 1.23 </li> 1.24 </ul> 1.25 ---> 1.26 </div> 1.27 </div> 1.28
2.1 --- a/styles/default/style.css Wed Nov 30 12:20:00 2011 +0100 2.2 +++ b/styles/default/style.css Wed Nov 30 12:49:17 2011 +0100 2.3 @@ -276,55 +276,55 @@ 2.4 /* ------------------------------ */ 2.5 /* DROPDOWN MENU */ 2.6 /* ------------------------------ */ 2.7 -ul.menu { 2.8 +ul.dropdownmenu { 2.9 margin:0; 2.10 padding:0px 0 0 0; 2.11 } 2.12 -ul.menu li { 2.13 +ul.dropdownmenu li { 2.14 display:block; 2.15 float:left; 2.16 position:relative; 2.17 padding:0; 2.18 } 2.19 -ul.menu li.current { 2.20 +ul.dropdownmenu li.current { 2.21 background:#f1f1f1; 2.22 } 2.23 2.24 -ul.menu li:hover { 2.25 +ul.dropdownmenu li:hover { 2.26 background:#f1f1f1; 2.27 } 2.28 2.29 2.30 -ul.menu li a { 2.31 +ul.dropdownmenu li a { 2.32 display:block; 2.33 text-decoration:none; 2.34 line-height:15px; 2.35 } 2.36 2.37 -ul.menu li a span { 2.38 +ul.dropdownmenu li a span { 2.39 font-weight:normal; 2.40 padding-left:3px; 2.41 } 2.42 -ul.menu li.drop a { 2.43 +ul.dropdownmenu li.drop a { 2.44 padding-right:7px; 2.45 } 2.46 -ul.menu li.drop:hover li { 2.47 +ul.dropdownmenu li.drop:hover li { 2.48 border:none; 2.49 } 2.50 -ul.menu li.drop span.toggle { 2.51 +ul.dropdownmenu li.drop span.toggle { 2.52 display:block; 2.53 height:26px; 2.54 padding:0; 2.55 } 2.56 -ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle { 2.57 +ul.dropdownmenu li.drop:hover span.toggle, ul.dropdownmenu li.drop.current span.toggle { 2.58 background-position:1px 5px; 2.59 } 2.60 -ul.menu li.drop:hover ul { 2.61 +ul.dropdownmenu li.drop:hover ul { 2.62 display:block; 2.63 z-index:1; 2.64 padding-bottom:8px; 2.65 } 2.66 -ul.menu li ul { 2.67 +ul.dropdownmenu li ul { 2.68 display:none; 2.69 position:absolute; 2.70 width: auto; 2.71 @@ -334,14 +334,14 @@ 2.72 margin:0; 2.73 padding:9px 0 0 0; 2.74 } 2.75 -ul.menu li ul li { 2.76 +ul.dropdownmenu li ul li { 2.77 float:none; 2.78 height: auto; 2.79 margin:0; 2.80 padding:0; 2.81 border:none; 2.82 } 2.83 -ul.menu li ul li a { 2.84 +ul.dropdownmenu li ul li a { 2.85 float:none; 2.86 background:none; 2.87 margin:0; 2.88 @@ -354,6 +354,6 @@ 2.89 } 2.90 2.91 /* drop down menu hover styles */ 2.92 -ul.menu li:hover ul * { 2.93 +ul.dropdownmenu li:hover ul * { 2.94 background:#f1f1f1; 2.95 }