wok-6.x rev 4799
tazpkg-web: Update style and menu
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sun Jan 17 21:37:17 2010 +0100 (2010-01-17) |
parents | 9c9ff61b8c74 |
children | 48aebe803b83 |
files | tazpkg-web/stuff/html/home.html tazpkg-web/stuff/html/menu.html tazpkg-web/stuff/style/pics/slitaz.png tazpkg-web/stuff/style/pics/tazpkg.png tazpkg-web/stuff/style/pics/website/content-bl.png tazpkg-web/stuff/style/pics/website/content-br.png tazpkg-web/stuff/style/pics/website/content-tl.png tazpkg-web/stuff/style/pics/website/content-tr.png tazpkg-web/stuff/style/pics/website/header.png tazpkg-web/stuff/style/pics/website/logo.png tazpkg-web/stuff/style/pics/website/nav-bl.png tazpkg-web/stuff/style/pics/website/nav-br.png tazpkg-web/stuff/style/pics/website/nav-tl.png tazpkg-web/stuff/style/pics/website/nav-tr.png tazpkg-web/stuff/style/slitaz.css |
line diff
1.1 --- a/tazpkg-web/stuff/html/home.html Sun Jan 17 19:21:28 2010 +0100 1.2 +++ b/tazpkg-web/stuff/html/home.html Sun Jan 17 21:37:17 2010 +0100 1.3 @@ -1,5 +1,23 @@ 1.4 1.5 -<div style="text-align: center; padding: 20px;"> 1.6 +<!-- Navigation menu --> 1.7 +<div id="nav"> 1.8 + 1.9 +<div class="nav_box"> 1.10 +<h4>SliTaz Network</h4> 1.11 +<ul> 1.12 + <li><a href="http://www.slitaz.org/">Main Website</a></li> 1.13 + <li><a href="http://forum.slitaz.org/">Community Forum</a></li> 1.14 + <li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li> 1.15 + <li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li> 1.16 + <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 1.17 + <li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 1.18 +</ul> 1.19 +</div> 1.20 + 1.21 +<!-- End navigation menu --> 1.22 +</div> 1.23 + 1.24 +<div style="text-align: center; padding-top: 20px;"> 1.25 <form method="post" action="http://pkgs.slitaz.org/search.cgi"> 1.26 <select name="object"> 1.27 <option>Package</option> 1.28 @@ -22,25 +40,3 @@ 1.29 <a href="stable/">Stable packages</a> | <a href="cooking/">Cooking packages</a> 1.30 </p> 1.31 </div> 1.32 - 1.33 -<!-- 10 Cloud tag are available. --> 1.34 -<div id="cloud"> 1.35 -<p> 1.36 - <a href="stable/" class="tag8">Stable</a> 1.37 - <a href="rss/cooking.xml" class="tag6">Cooking RSS</a> 1.38 - <a href="http://www.slitaz.org/en/doc/" class="tag5">Documentation</a> 1.39 - <a href="http://www.slitaz.org/en/doc/handbook/packages.html" class="tag6">Package management</a> 1.40 - <a href="cooking/" class="tag8">Cooking</a> 1.41 - <a href="http://www.slitaz.org/en/devel/" class="tag5">Development</a> 1.42 - <a href="http://www.slitaz.org/en/doc/manuals/tazpkg.en.html" class="tag7">Tazpkg Manual</a> 1.43 - <a href="http://forum.slitaz.org/" class="tag6">Support</a> 1.44 - <a href="http://wiki.slitaz.org/" class="tag6">Wiki</a> 1.45 - <a href="http://www.slitaz.org/en/doc/cookbook/" class="tag3">Cookbook</a> 1.46 - <a href="http://labs.slitaz.org/news" class="tag6">Labs News</a> 1.47 - <a href="http://www.slitaz.org/en/doc/handbook/security.html" class="tag5">Security</a> 1.48 - <a href="http://www.slitaz.org/en/mailing-list.html" class="tag6">Mailing list</a> 1.49 - <a href="http://www.slitaz.org/en/doc/manuals/tazwok.en.html" class="tag5">Tazwok Manual</a> 1.50 - <a href="http://www.slitaz.org/en/get/" class="tag7">Get LiveCD</a> 1.51 - <a href="http://boot.slitaz.org/" class="tag6">Web Boot</a> 1.52 -</p> 1.53 -</div>
2.1 --- a/tazpkg-web/stuff/html/menu.html Sun Jan 17 19:21:28 2010 +0100 2.2 +++ b/tazpkg-web/stuff/html/menu.html Sun Jan 17 21:37:17 2010 +0100 2.3 @@ -1,6 +1,9 @@ 2.4 + 2.5 <!-- Navigation menu --> 2.6 <div id="nav"> 2.7 -<div id="nav_top"></div> 2.8 + 2.9 +<div class="nav_box"> 2.10 +<h4>Packages Categories</h4> 2.11 <ul> 2.12 <li><a href="base-system.html">Base-system</a></li> 2.13 <li><a href="x-window.html">X-window</a></li> 2.14 @@ -17,7 +20,19 @@ 2.15 <li><a href="meta.html">Meta packages</a></li> 2.16 <li><a href="non-free.html">Non free</a></li> 2.17 </ul> 2.18 -<div id="nav_bottom"> 2.19 -<div id="nav_bottom_img"></div> 2.20 </div> 2.21 + 2.22 +<div class="nav_box"> 2.23 +<h4>SliTaz Network</h4> 2.24 +<ul> 2.25 + <li><a href="http://www.slitaz.org/">Main Website</a></li> 2.26 + <li><a href="http://forum.slitaz.org/">Community Forum</a></li> 2.27 + <li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li> 2.28 + <li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li> 2.29 + <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 2.30 + <li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 2.31 +</ul> 2.32 </div> 2.33 + 2.34 +<!-- End navigation menu --> 2.35 +</div>
3.1 Binary file tazpkg-web/stuff/style/pics/slitaz.png has changed
4.1 Binary file tazpkg-web/stuff/style/pics/tazpkg.png has changed
5.1 Binary file tazpkg-web/stuff/style/pics/website/content-bl.png has changed
6.1 Binary file tazpkg-web/stuff/style/pics/website/content-br.png has changed
7.1 Binary file tazpkg-web/stuff/style/pics/website/content-tl.png has changed
8.1 Binary file tazpkg-web/stuff/style/pics/website/content-tr.png has changed
9.1 Binary file tazpkg-web/stuff/style/pics/website/header.png has changed
10.1 Binary file tazpkg-web/stuff/style/pics/website/logo.png has changed
11.1 Binary file tazpkg-web/stuff/style/pics/website/nav-bl.png has changed
12.1 Binary file tazpkg-web/stuff/style/pics/website/nav-br.png has changed
13.1 Binary file tazpkg-web/stuff/style/pics/website/nav-tl.png has changed
14.1 Binary file tazpkg-web/stuff/style/pics/website/nav-tr.png has changed
15.1 --- a/tazpkg-web/stuff/style/slitaz.css Sun Jan 17 19:21:28 2010 +0100 15.2 +++ b/tazpkg-web/stuff/style/slitaz.css Sun Jan 17 21:37:17 2010 +0100 15.3 @@ -3,24 +3,27 @@ 15.4 www.slitaz.org - (c) 2007 Pankso 15.5 */ 15.6 15.7 +html { 15.8 + height: 102%; 15.9 +} 15.10 + 15.11 body { 15.12 - background: #222222; 15.13 + background: #ffffff; 15.14 color: black; 15.15 font: 13px sans-serif, vernada, arial; 15.16 margin: 0; 15.17 - padding-bottom: 100%; 15.18 } 15.19 15.20 /* Accessibility */ 15.21 15.22 #access { 15.23 position: absolute; 15.24 - top: 1px; 15.25 - right: 6px; 15.26 + top: 4px; 15.27 + right: 4px; 15.28 text-align: right; 15.29 width: 100%; 15.30 margin: 0; 15.31 - font-size: 12px; 15.32 + font-size: 11px; 15.33 font-weight: bold; 15.34 } 15.35 15.36 @@ -28,7 +31,6 @@ 15.37 background: inherit; 15.38 color: white; 15.39 text-decoration: none; 15.40 - padding-left: 2px; 15.41 } 15.42 15.43 #access a:hover { 15.44 @@ -42,25 +44,24 @@ 15.45 background: #f0ba08 url(pics/website/header.png) repeat-x top; 15.46 color: black; 15.47 width: 100%; 15.48 - height: 50px ; 15.49 + height: 50px; 15.50 border-top: 1px solid black; 15.51 border-bottom: 1px solid black; 15.52 margin-bottom: 30px; 15.53 } 15.54 15.55 -#titre{ 15.56 +#titre { 15.57 + position: absolute; 15.58 font-size: 16px; 15.59 font-weight: bolder ; 15.60 - margin-left: 232px; 15.61 - margin-top: 4px; 15.62 - padding-top: 25px ; 15.63 + margin-left: 200px; 15.64 + margin-top: 28px; 15.65 } 15.66 15.67 #logo { 15.68 position: absolute; 15.69 float: left; 15.70 - margin-left: 32px; 15.71 - margin-right: 20px; 15.72 + margin-left: 16px; 15.73 margin-top: 0px; 15.74 } 15.75 15.76 @@ -68,49 +69,50 @@ 15.77 15.78 #nav { 15.79 position: absolute; 15.80 - top: 100px; 15.81 - right: 6px; 15.82 - background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right; 15.83 - color: black; 15.84 + top: 76px; 15.85 + right: 80px; 15.86 + color: #555555; 15.87 float: right; 15.88 - width: 152px; 15.89 - line-height: 1.3em; 15.90 + width: 250px; 15.91 + line-height: 1.5em; 15.92 text-align: left; 15.93 font-size: 12px; 15.94 - font-weight: bold; 15.95 } 15.96 15.97 -#nav_top { 15.98 - background: transparent url(pics/website/nav-tl.png) no-repeat top left; 15.99 - height: 12px; 15.100 +#nav ul { 15.101 + -moz-border-radius: 8px; 15.102 + -webkit-border-radius: 8px; 15.103 + list-style-type: none; 15.104 + margin: 10px 0; 15.105 + padding: 10px 24px 10px 24px; 15.106 + background-color: #eaeaea; 15.107 } 15.108 15.109 -#nav_bottom { 15.110 - background: transparent url(pics/website/nav-bl.png) no-repeat bottom left; 15.111 - height: 12px; 15.112 -} 15.113 - 15.114 -#nav_bottom_img { 15.115 - background: transparent url(pics/website/nav-br.png) no-repeat bottom right; 15.116 - height: 12px; 15.117 -} 15.118 - 15.119 -#nav ul{ 15.120 +#nav .nav_box ul { 15.121 list-style-type: none; 15.122 - margin: 0px 0px 0px 6px; 15.123 - padding: 3px 2px 3px 2px; 15.124 + margin: 0; 15.125 + padding: 10px 24px 10px 0px; 15.126 } 15.127 15.128 #nav li { 15.129 display: inline; 15.130 } 15.131 15.132 +#nav h4 { 15.133 + font-size: 110%; 15.134 + color: #666666; 15.135 + font-weight: bold; 15.136 + margin: 0; 15.137 + padding: 0 0 1px 0; 15.138 + border-bottom: 1px solid #cecece; 15.139 +} 15.140 + 15.141 #nav a { 15.142 - color: #3E1220; 15.143 + color: #0F314E; 15.144 background: inherit; 15.145 display: block; 15.146 - padding: 0.5px; 15.147 text-decoration: none; 15.148 + font-weight: bold; 15.149 } 15.150 15.151 #nav a:hover { 15.152 @@ -123,8 +125,39 @@ 15.153 margin: 2px 0px 1px 0px; 15.154 border: 0px; 15.155 border-top: 1px solid #BDBDBD; 15.156 - 15.157 + 15.158 } 15.159 + 15.160 +.nav_box { 15.161 + -moz-border-radius: 8px; 15.162 + -webkit-border-radius: 8px; 15.163 + margin: 10px 0; 15.164 + padding: 10px 24px 10px 24px; 15.165 + background-color: #eaeaea; 15.166 + text-align: justify; 15.167 +} 15.168 + 15.169 +#nav .nav_box p { 15.170 + line-height: 1.3em; 15.171 +} 15.172 + 15.173 +#nav .nav_box p a { 15.174 + display: inline; 15.175 + font-weight: normal; 15.176 + text-decoration: underline; 15.177 +} 15.178 + 15.179 +#nav .nav_box p a:hover { 15.180 + text-decoration: none; 15.181 + color: blue; 15.182 + background: inherit; 15.183 +} 15.184 + 15.185 +#nav hr { 15.186 + height: 0px; 15.187 + border: 0px solid #eaeaea; 15.188 +} 15.189 + 15.190 /* Page content */ 15.191 15.192 #content, #content_bottom, #content_top { 15.193 @@ -133,23 +166,10 @@ 15.194 text-align: justify; 15.195 } 15.196 15.197 -#content_top { 15.198 - height: 14px; 15.199 - margin: 0px 100px 0px 100px; 15.200 -} 15.201 - 15.202 #content { 15.203 height: auto; 15.204 - margin: -6px 100px 0px 100px; 15.205 - padding: 0px 72px 72px 72px; 15.206 - /*background: white; 15.207 - color: #333333;*/ 15.208 -} 15.209 - 15.210 -#content_bottom { 15.211 - height: 14px; 15.212 - margin: 0px 100px 0px 100px; 15.213 - /*clear: both;*/ 15.214 + margin: 6px 320px 0px 0px; 15.215 + padding: 0px 40px 60px 80px; 15.216 } 15.217 15.218 #content li { 15.219 @@ -161,10 +181,11 @@ 15.220 15.221 #copy { 15.222 font-size: 11px ; 15.223 - text-align: center ; 15.224 + text-align: left ; 15.225 background: transparent; 15.226 color: #a8a8a8; 15.227 padding-top: 10px; 15.228 + margin: 0 0 0 80px; 15.229 } 15.230 15.231 #copy a { 15.232 @@ -174,7 +195,7 @@ 15.233 15.234 #copy a:hover { 15.235 background: inherit; 15.236 - color: #EDEDED; 15.237 + color: #666666; 15.238 } 15.239 15.240 /* Footer */ 15.241 @@ -186,8 +207,8 @@ 15.242 width: auto; 15.243 clear: both; 15.244 padding: 0; 15.245 - margin: 0; 15.246 - text-align: center; 15.247 + margin: 0 0 0 80px; 15.248 + text-align: left; 15.249 vertical-align: middle; 15.250 } 15.251 15.252 @@ -227,49 +248,34 @@ 15.253 15.254 /* CSS class. */ 15.255 15.256 -.top_left, .top_right, .bottom_left, .bottom_right { 15.257 - height: 14px; 15.258 - width: 14px; 15.259 - color: white; 15.260 - background-color: #333333; 15.261 - background-repeat: no-repeat; 15.262 -} 15.263 - 15.264 -.top_left { 15.265 - background-image: url(pics/website/content-tl.png); 15.266 - background-position: left top; 15.267 - position: absolute; 15.268 -} 15.269 - 15.270 -.top_right { 15.271 - background-image: url(pics/website/content-tr.png); 15.272 - float: right; 15.273 -} 15.274 - 15.275 -.bottom_left { 15.276 - background-image: url(pics/website/content-bl.png); 15.277 - position: absolute; 15.278 -} 15.279 - 15.280 -.bottom_right { 15.281 - background-image: url(pics/website/content-br.png); 15.282 - float: right; 15.283 +.infobox { 15.284 + margin: 10px; 15.285 + padding: 12px; 15.286 + background: #f2f2f2; 15.287 + border: 1px solid #eaeaea; 15.288 + -moz-border-radius: 8px; 15.289 + -webkit-border-radius: 8px; 15.290 } 15.291 15.292 /* HTML styles */ 15.293 15.294 h1 { 15.295 - color: #3E1220; 15.296 + color: blue; 15.297 background: inherit; 15.298 text-align: left; 15.299 - margin: 0px 0px 16px -58px; 15.300 + margin: 0px 0px 10px 0px; 15.301 + font-size: 140%; 15.302 + font-weight: bold; 15.303 } 15.304 15.305 h2 { 15.306 - color: #DF8F06; 15.307 - border-left: 10px solid #F3F3F3; 15.308 - padding: 4px 0px 4px 4px; 15.309 - margin: 0; 15.310 + color: #DF8F06; 15.311 + /* border-top: 1px solid #f3f3f3; */ 15.312 + border-left: 8px solid #f3f3f3; 15.313 + padding: 4px 0px 4px 4px; 15.314 + margin: 0; 15.315 + font-size: 140%; 15.316 + font-weight: bold; 15.317 } 15.318 15.319 h3 { 15.320 @@ -306,7 +312,7 @@ 15.321 } 15.322 15.323 fieldset { 15.324 - background: #eeeeee; 15.325 + background: #E2ECf6; 15.326 color: black; 15.327 margin-top: 25px; 15.328 border: 1px solid black; 15.329 @@ -332,6 +338,11 @@ 15.330 border: 1px inset #606060; 15.331 } 15.332 15.333 +textarea { 15.334 + background: #E5E5E5; 15.335 + margin-top: 12px; 15.336 +} 15.337 + 15.338 /* Packages pages */ 15.339 15.340 .pkg_nav { 15.341 @@ -353,4 +364,3 @@ 15.342 background: #F3F3F3; 15.343 border: 1px solid #DEDEDE; 15.344 } 15.345 -