tazpanel rev 246

New dropdown menu, new icons and small fixes
author Christophe Lincoln <pankso@slitaz.org>
date Tue Feb 28 22:28:12 2012 +0100 (2012-02-28)
parents e05a06cedfbe
children e6ea08e35049
files hardware.cgi help.cgi styles/default/header.html styles/default/images/battery.png styles/default/images/help.png styles/default/images/tazpkg-installed.png styles/default/images/tazpkg.png styles/default/images/terminal.png styles/default/images/update.png styles/default/images/user.png styles/default/images/users.png styles/default/style.css
line diff
     1.1 --- a/hardware.cgi	Tue Feb 28 14:28:44 2012 +0100
     1.2 +++ b/hardware.cgi	Tue Feb 28 22:28:12 2012 +0100
     1.3 @@ -117,7 +117,7 @@
     1.4  	<a class="button" href="$SCRIPT_NAME?modules">
     1.5  		<img src="$IMAGES/tux.png" />Kernel modules</a>
     1.6  	<a class="button" href="$SCRIPT_NAME?detect">
     1.7 -		<img src="$IMAGES/monitor.png" />Detect Harware</a>
     1.8 +		<img src="$IMAGES/monitor.png" />Detect PCI/USB</a>
     1.9  </div>
    1.10  
    1.11  <div id="wrapper">
     2.1 --- a/help.cgi	Tue Feb 28 14:28:44 2012 +0100
     2.2 +++ b/help.cgi	Tue Feb 28 22:28:12 2012 +0100
     2.3 @@ -17,7 +17,7 @@
     2.4  	<form method="get" action="$SCRIPT_NAME">
     2.5  		<p>
     2.6  			<input type="text" name="manual" size="20">
     2.7 -			<input type="submit" value="`gettext "Manual"`">
     2.8 +			<input type="submit" class="radius" value="$(gettext "Manual")">
     2.9  		</p>
    2.10  	</form>
    2.11  </div>
     3.1 --- a/styles/default/header.html	Tue Feb 28 14:28:44 2012 +0100
     3.2 +++ b/styles/default/header.html	Tue Feb 28 22:28:12 2012 +0100
     3.3 @@ -19,121 +19,78 @@
     3.4  		<a href="/help.cgi">
     3.5  			<img src="/styles/default/images/help.png" /></a>
     3.6  	</div>
     3.7 -	<div id="menu">
     3.8 -		<ul class="dropdownmenu">
     3.9 -			<li class="drop">
    3.10 -				<a href="/">Panel</a>
    3.11 -				<span class="toggle">&nbsp;</span>
    3.12 -				<ul>
    3.13 -					<li>
    3.14 -						<a href="/index.cgi?terminal">Terminal</a>
    3.15 -					</li>
    3.16 -					<li>
    3.17 -						<a href="/index.cgi?top">Processes</a>
    3.18 -					</li>
    3.19 -					<li>
    3.20 -						<a href="/index.cgi?report">Create&nbsp;a&nbsp;report</a>
    3.21 -					</li>
    3.22 -				</ul>
    3.23 -			</li>
    3.24 -			<li class="drop">
    3.25 -				<a href="/pkgs.cgi">Packages</a>
    3.26 -				<span class="toggle">&nbsp;</span>
    3.27 -				<ul>
    3.28 -					<li>
    3.29 -						<a href="/pkgs.cgi?list">My&nbsp;packages</a>
    3.30 -					</li>
    3.31 -					<li>
    3.32 -						<a href="/pkgs.cgi?recharge">Recharge&nbsp;list</a>
    3.33 -					</li>
    3.34 -					<li>
    3.35 -						<a href="/pkgs.cgi?up">Check&nbsp;updates</a>
    3.36 -					</li>
    3.37 -					<li>
    3.38 -						<a href="/pkgs.cgi?admin">Administration</a>
    3.39 -					</li>
    3.40 -				</ul>
    3.41 -			</li>
    3.42 -			<li class="drop">
    3.43 -				<a href="/network.cgi">Network</a>
    3.44 -				<span class="toggle">&nbsp;</span>
    3.45 -				<ul>
    3.46 -					<li>
    3.47 -						<a href="/network.cgi?eth">Ethernet</a>
    3.48 -					</li>
    3.49 -					<li>
    3.50 -						<a href="/network.cgi?wifi">Wireless</a>
    3.51 -					</li>
    3.52 -					<li>
    3.53 -						<a href="/index.cgi?file=/etc/network.conf">Configuration</a>
    3.54 -					</li>
    3.55 -				</ul>
    3.56 -			</li>
    3.57 -			<li class="drop">
    3.58 -				<a href="/settings.cgi">Settings</a>
    3.59 -				<span class="toggle">&nbsp;</span>
    3.60 -				<ul>
    3.61 -					<li>
    3.62 -						<a href="/settings.cgi?users">Users</a>
    3.63 -					</li>
    3.64 -				</ul>
    3.65 -			</li>
    3.66 -			<li class="drop">
    3.67 -				<a href="/live.cgi">Live</a>
    3.68 -				<span class="toggle">&nbsp;</span>
    3.69 -				<ul>
    3.70 -					<li>
    3.71 -						<a href="/live.cgi#liveusb">Create&nbsp;a&nbsp;live&nbsp;USB&nbsp;key</a>
    3.72 -					</li>
    3.73 -					<li>
    3.74 -						<a href="/live.cgi#liveiso">Create&nbsp;a&nbsp;live&nbsp;CD-ROM</a>
    3.75 -					</li>
    3.76 -					<li>
    3.77 -						<a href="/live.cgi#loram">Convert&nbsp;ISO&nbsp;to&nbsp;loram</a>
    3.78 -					</li>
    3.79 -					<li>
    3.80 -						<a href="/live.cgi#meta">Build&nbsp;a&nbsp;meta&nbsp;ISO</a>
    3.81 -					</li>
    3.82 -				</ul>
    3.83 -			</li>
    3.84 -			<li class="drop">
    3.85 -				<a href="/boot.cgi">Boot</a>
    3.86 -				<span class="toggle">&nbsp;</span>
    3.87 -				<ul>
    3.88 -					<li>
    3.89 -						<a href="/boot.cgi?log">Boot&nbsp;logs</a>
    3.90 -					</li>
    3.91 -					<li>
    3.92 -						<a href="/boot.cgi?daemons">Manage&nbsp;daemons</a>
    3.93 -					</li>
    3.94 -					<li>
    3.95 -						<a href="/boot.cgi?grub">Boot&nbsp;loader</a>
    3.96 -					</li>
    3.97 -				</ul>
    3.98 -			</li>
    3.99 -			<li class="drop">
   3.100 -				<a href="/hardware.cgi">Hardware</a>
   3.101 -				<span class="toggle">&nbsp;</span>
   3.102 -				<ul>
   3.103 -					<li>
   3.104 -						<a href="/hardware.cgi?modules">Modules</a>
   3.105 -					</li>
   3.106 -				</ul>
   3.107 -			</li>
   3.108 -			<li class="drop">
   3.109 -				<a href="/installer.cgi">Install</a>
   3.110 -				<span class="toggle">&nbsp;</span>
   3.111 -				<ul>
   3.112 -					<li>
   3.113 -						<a href="/installer.cgi?page=menu_install">Install</a>
   3.114 -					</li>
   3.115 -					<li>
   3.116 -						<a href="/installer.cgi?page=menu_upgrade">Upgrade</a>
   3.117 -					</li>
   3.118 -				</ul>
   3.119 -			</li>
   3.120 -		</ul>
   3.121 -	</div>
   3.122 +	<ul id="menu">
   3.123 +		<li><a href="/">Panel</a>
   3.124 +			<ul>
   3.125 +				<li><a href="/index.cgi?terminal"><img
   3.126 +					src="/styles/default/images/terminal.png" />Terminal</a></li>
   3.127 +				<li><a href="/index.cgi?top"><img
   3.128 +					src="/styles/default/images/monitor.png" />Processes</a></li>
   3.129 +				<li><a href="/index.cgi?report"><img
   3.130 +					src="/styles/default/images/text.png" />Create Report</a></li>
   3.131 +			</ul>
   3.132 +		</li>
   3.133 +		<li><a href="/pkgs.cgi">Packages</a>
   3.134 +			<ul>
   3.135 +				<li><a href="/pkgs.cgi?list"><img
   3.136 +					src="/styles/default/images/tazpkg.png" />My packages</a></li>
   3.137 +				<li><a href="/pkgs.cgi?recharge"><img
   3.138 +					src="/styles/default/images/update.png" />Recharge list</a></li>
   3.139 +				<li><a href="/pkgs.cgi?up"><img
   3.140 +					src="/styles/default/images/update.png" />Check updates</a></li>
   3.141 +				<li><a href="/pkgs.cgi?admin"><img
   3.142 +					src="/styles/default/images/edit.png" />Administration</a></li>
   3.143 +			</ul>
   3.144 +		</li>
   3.145 +		<li><a href="/network.cgi">Network</a>
   3.146 +			<ul>
   3.147 +				<li><a href="/network.cgi?eth"><img
   3.148 +					src="/styles/default/images/ethernet.png" />Ethernet</a></li>
   3.149 +				<li><a href="/network.cgi?wifi"><img
   3.150 +					src="/styles/default/images/wireless.png" />Wireless</a></li>
   3.151 +				<li><a href="/index.cgi?file=/etc/network.conf"><img
   3.152 +					src="/styles/default/images/edit.png" />Config file</a></li>
   3.153 +			</ul>
   3.154 +		</li>
   3.155 +		<li><a href="/settings.cgi">Settings</a>
   3.156 +			<ul>
   3.157 +				<li><a href="/settings.cgi?users"><img
   3.158 +					src="/styles/default/images/users.png" />Users</a></li>
   3.159 +			</ul>
   3.160 +		</li>
   3.161 +		<li><a href="/boot.cgi">Boot</a>
   3.162 +			<ul>
   3.163 +				<li><a href="/boot.cgi?log"><img
   3.164 +					src="/styles/default/images/text.png" />Boot logs</a></li>
   3.165 +				<li><a href="/boot.cgi?daemons"><img
   3.166 +					src="/styles/default/images/recharge.png" />Manage daemons</a></li>
   3.167 +				<li><a href="/boot.cgi?grub"><img
   3.168 +					src="/styles/default/images/tux.png" />Boot loader</a></li>
   3.169 +			</ul>
   3.170 +		</li>
   3.171 +		<li><a href="/hardware.cgi">Hardware</a>
   3.172 +			<ul>
   3.173 +				<li><a href="/hardware.cgi?modules"><img
   3.174 +					src="/styles/default/images/tux.png" />Kernel modules</a></li>
   3.175 +				<li><a href="/hardware.cgi?detect"><img
   3.176 +					src="/styles/default/images/monitor.png" />Detect PCI/USB</a></li>
   3.177 +			</ul>
   3.178 +		</li>
   3.179 +		<li><a href="/live.cgi">Live</a>
   3.180 +			<ul>
   3.181 +				<li><a href="/live.cgi#liveusb">Create a live USB key</a></li>
   3.182 +				<li><a href="/live.cgi#liveiso">Create a live CD-ROM</a></li>
   3.183 +				<li><a href="/live.cgi#loram">Convert ISO to loram</a></li>
   3.184 +				<li><a href="/live.cgi#meta">Build a meta ISO</a></li>
   3.185 +			</ul>
   3.186 +		</li>
   3.187 +		<li><a href="/installer.cgi">Install</a>
   3.188 +			<ul>
   3.189 +				<li><a href="/installer.cgi?page=menu_install">Install SliTaz</a></li>
   3.190 +				<li><a href="/installer.cgi?page=menu_upgrade">Upgrade system</a></li>
   3.191 +			</ul>
   3.192 +		</li>
   3.193 +	</ul>
   3.194  </div>
   3.195  
   3.196  <div id="header">
     4.1 Binary file styles/default/images/battery.png has changed
     5.1 Binary file styles/default/images/help.png has changed
     6.1 Binary file styles/default/images/tazpkg-installed.png has changed
     7.1 Binary file styles/default/images/tazpkg.png has changed
     8.1 Binary file styles/default/images/terminal.png has changed
     9.1 Binary file styles/default/images/update.png has changed
    10.1 Binary file styles/default/images/user.png has changed
    11.1 Binary file styles/default/images/users.png has changed
    12.1 --- a/styles/default/style.css	Tue Feb 28 14:28:44 2012 +0100
    12.2 +++ b/styles/default/style.css	Tue Feb 28 22:28:12 2012 +0100
    12.3 @@ -39,7 +39,7 @@
    12.4  	position: fixed;
    12.5  	top: 0;
    12.6  	left: 0;
    12.7 -	height: 24px;
    12.8 +	height: 23px;
    12.9  	width: 100%;
   12.10  	padding: 0;
   12.11  	background-color: #f1efeb;
   12.12 @@ -48,11 +48,60 @@
   12.13  	cursor: default;
   12.14  }
   12.15  
   12.16 -#menu { margin: 4px 8px; }
   12.17 -#menu a { padding: 2px 4px; color: #000;
   12.18 -	cursor: default; }
   12.19 -#menu a:hover { color: #444; }
   12.20 -#icons { margin: 2px 8px; float: right; }
   12.21 +#menu {
   12.22 +	margin: 0;
   12.23 +	padding: 0;
   12.24 +}
   12.25 +#menu li {
   12.26 +	list-style: none;
   12.27 +	float: left;
   12.28 +	padding: 0;
   12.29 +}
   12.30 +#menu li a {
   12.31 +	display: block;
   12.32 +	padding: 4px 6px;
   12.33 +	background-color: inherit;
   12.34 +	text-decoration: none;
   12.35 +	cursor: default;
   12.36 +	color: #000;
   12.37 +}
   12.38 +#menu li a:hover {
   12.39 +	color: #ffffff;
   12.40 +	background-color: #d66018;
   12.41 +	border-top-right-radius: 3px;
   12.42 +	border-top-left-radius: 3px;
   12.43 +}
   12.44 +#menu li ul {
   12.45 +	display: none; 
   12.46 +	width: 180px;
   12.47 +	background-color: #f1efeb;
   12.48 +	border: 1px solid #c1baad;
   12.49 +}
   12.50 +#menu li ul a {
   12.51 +	padding: 4px 6px;
   12.52 +}
   12.53 +#menu li:hover ul {
   12.54 +	display: block;
   12.55 +	position: absolute;
   12.56 +	margin: 0;
   12.57 +	padding: 0;
   12.58 +}
   12.59 +#menu li:hover li {
   12.60 +	float: none;
   12.61 +}
   12.62 +#menu li:hover li a {
   12.63 +	background-color: #f1efeb;
   12.64 +	color: #000;
   12.65 +}
   12.66 +#menu li li a { border: 1px solid #f1efeb; }
   12.67 +#menu li li a:hover {
   12.68 +	background-color: #d66018;
   12.69 +	color: #ffffff;
   12.70 +	border-radius: 2px;
   12.71 +	/* border: 1px solid #c1baad; */
   12.72 +}
   12.73 +
   12.74 +#icons { margin: 3px 8px; float: right; }
   12.75  #icons img { padding: 0; }
   12.76  
   12.77  #loading {
   12.78 @@ -115,7 +164,7 @@
   12.79  }
   12.80  
   12.81  .search input[type=submit] {
   12.82 -	padding: 4px;
   12.83 +	padding: 5px;
   12.84  	margin-left: -4px;
   12.85  	background-color: #f1f1f1;
   12.86  	border: 1px solid #ddd;
   12.87 @@ -272,88 +321,3 @@
   12.88  
   12.89  #footer a { color: #bbb; }
   12.90  #footer a:hover { color: #555; }
   12.91 -
   12.92 -/*  ------------------------------  */
   12.93 -/*  DROPDOWN MENU                   */
   12.94 -/*  ------------------------------  */
   12.95 -ul.dropdownmenu {
   12.96 -	margin:0;
   12.97 -	padding:0px 0 0 0;
   12.98 -}
   12.99 -ul.dropdownmenu li {
  12.100 -	display:block;
  12.101 -	float:left;
  12.102 -	position:relative;
  12.103 -	padding:0;
  12.104 -}
  12.105 -ul.dropdownmenu li.current {
  12.106 -	background:#f1efeb;
  12.107 -}
  12.108 -
  12.109 -ul.dropdownmenu li:hover {
  12.110 -	background:#f1efeb;
  12.111 -} 
  12.112 -
  12.113 -
  12.114 -ul.dropdownmenu li a {
  12.115 -	display:block;
  12.116 -	text-decoration:none;
  12.117 -	line-height:15px;
  12.118 -}
  12.119 -
  12.120 -ul.dropdownmenu li a span {
  12.121 -	font-weight:normal;
  12.122 -	padding-left:3px;
  12.123 -}
  12.124 -ul.dropdownmenu li.drop a {
  12.125 -	padding-right:7px;
  12.126 -}
  12.127 -ul.dropdownmenu li.drop:hover li {
  12.128 -	border:none;
  12.129 -}
  12.130 -ul.dropdownmenu li.drop span.toggle {
  12.131 -	display:block;
  12.132 -	height:26px;
  12.133 -	padding:0;
  12.134 -}
  12.135 -ul.dropdownmenu li.drop:hover span.toggle, ul.dropdownmenu li.drop.current span.toggle {
  12.136 -	background-position:1px 5px;
  12.137 -}
  12.138 -ul.dropdownmenu li.drop:hover ul {
  12.139 -	display:block;
  12.140 -	z-index:1;
  12.141 -	padding-bottom:8px;
  12.142 -}
  12.143 -ul.dropdownmenu li ul {
  12.144 -	display:none;
  12.145 -	position:absolute;
  12.146 -	width: auto;
  12.147 -	top: 15px;
  12.148 -	left:0;
  12.149 -	list-style-type:none;
  12.150 -	margin:0;
  12.151 -	padding:9px 0 0 0;
  12.152 -}
  12.153 -ul.dropdownmenu li ul li {
  12.154 -	float:none;
  12.155 -	height: auto;
  12.156 -	margin:0;
  12.157 -	padding:0;
  12.158 -	border:none;
  12.159 -}
  12.160 -ul.dropdownmenu li ul li a {
  12.161 -	float:none;
  12.162 -	background:none;
  12.163 -	margin:0;
  12.164 -	padding:0;
  12.165 -	display:block;
  12.166 -	font-size:13px;
  12.167 -	height:auto;
  12.168 -	margin:0;
  12.169 -	font-weight:normal;
  12.170 -}
  12.171 -
  12.172 -/* drop down menu hover styles */
  12.173 -ul.dropdownmenu li:hover ul * {
  12.174 -	background: #f1efeb;
  12.175 -}