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">&nbsp;</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  }