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"> </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 a 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"> </span> 3.27 - <ul> 3.28 - <li> 3.29 - <a href="/pkgs.cgi?list">My packages</a> 3.30 - </li> 3.31 - <li> 3.32 - <a href="/pkgs.cgi?recharge">Recharge list</a> 3.33 - </li> 3.34 - <li> 3.35 - <a href="/pkgs.cgi?up">Check 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"> </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"> </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"> </span> 3.69 - <ul> 3.70 - <li> 3.71 - <a href="/live.cgi#liveusb">Create a live USB key</a> 3.72 - </li> 3.73 - <li> 3.74 - <a href="/live.cgi#liveiso">Create a live CD-ROM</a> 3.75 - </li> 3.76 - <li> 3.77 - <a href="/live.cgi#loram">Convert ISO to loram</a> 3.78 - </li> 3.79 - <li> 3.80 - <a href="/live.cgi#meta">Build a meta 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"> </span> 3.87 - <ul> 3.88 - <li> 3.89 - <a href="/boot.cgi?log">Boot logs</a> 3.90 - </li> 3.91 - <li> 3.92 - <a href="/boot.cgi?daemons">Manage daemons</a> 3.93 - </li> 3.94 - <li> 3.95 - <a href="/boot.cgi?grub">Boot 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"> </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"> </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 -}