slitaz-dev-tools rev 44 1.1
tazpkg-web: Up web interface with new slitaz theme and fix search box
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Mar 30 01:32:09 2011 +0200 (2011-03-30) |
parents | 803f246d3258 |
children | 108d5e69a534 |
files | tazpkg-web/Makefile tazpkg-web/html/footer.html tazpkg-web/html/header.html tazpkg-web/html/home.html tazpkg-web/html/menu.html tazpkg-web/style/images/logo.png tazpkg-web/style/images/network.png tazpkg-web/style/images/tazpkg.png tazpkg-web/style/pics/tazpkg.png tazpkg-web/style/pics/website/header-img.png tazpkg-web/style/pics/website/logo.png tazpkg-web/style/pics/website/network.png tazpkg-web/style/pics/website/text.png tazpkg-web/style/pics/website/xhtml10.png tazpkg-web/style/slitaz.css tazpkg-web/tazpkg-web |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/tazpkg-web/Makefile Wed Mar 30 01:32:09 2011 +0200 1.3 @@ -0,0 +1,23 @@ 1.4 +# Makefile for Tazpkg. 1.5 +# 1.6 +PREFIX?=/usr 1.7 +LIBDIR?=/var/lib/tazpkg-web 1.8 +SYSCONFDIR?=/etc/slitaz 1.9 +DESTDIR?= 1.10 + 1.11 +all: 1.12 + 1.13 +# Installation. 1.14 + 1.15 +install: 1.16 + mkdir -p $(DESTDIR)$(PREFIX)/bin \ 1.17 + $(DESTDIR)$(SYSCONFDIR) 1.18 + cp -a tazpkg-web $(DESTDIR)$(PREFIX)/bin 1.19 + #cp -a tazpkg-web.conf $(DESTDIR)$(SYSCONFDIR) 1.20 + 1.21 + 1.22 +# Uninstallation and clean-up commands. 1.23 + 1.24 +uninstall: 1.25 + rm -f $(DESTDIR)$(PREFIX)/bin/tazpkg-web 1.26 + rm -f $(DESTDIR)$(SYSCONFDIR)/tazpkg-web.conf
2.1 --- a/tazpkg-web/html/footer.html Sun Mar 27 18:45:39 2011 +0000 2.2 +++ b/tazpkg-web/html/footer.html Wed Mar 30 01:32:09 2011 +0200 2.3 @@ -3,30 +3,22 @@ 2.4 2.5 <!-- Footer --> 2.6 <div id="footer"> 2.7 - <div class="right_box"> 2.8 - <h4>SliTaz Network</h4> 2.9 - <ul> 2.10 - <li><a href="http://www.slitaz.org/">Main Website</a></li> 2.11 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 2.12 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 2.13 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.14 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 2.15 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 2.16 - </ul> 2.17 - </div> 2.18 - <h4>SliTaz Packages</h4> 2.19 - <ul> 2.20 - <li><a href="#header">Top of the page</a></li> 2.21 - <li>Copyright © <span class="year"></span> 2.22 - <a href="http://www.slitaz.org/">SliTaz</a></li> 2.23 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 2.24 - <li><a href="http://pkgs.slitaz.org/search.cgi">Search packages</a></li> 2.25 - <li>Page modified the _DATE_</li> 2.26 - <li><a href="http://validator.w3.org/check?uri=referer"><img 2.27 - src="http://pkgs.slitaz.org/pics/website/xhtml10.png" 2.28 - title="Valid XHTML 1.0" alt="Valid XHTML 1.0" 2.29 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 2.30 - </ul> 2.31 + Copyright © <span class="year"></span> 2.32 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 2.33 + <a href="http://scn.slitaz.org/">Community</a> 2.34 + <a href="http://doc.slitaz.org/">Doc</a> 2.35 + <a href="http://forum.slitaz.org/">Forum</a> 2.36 + <a href="http://pkgs.slitaz.org/">Packages</a> 2.37 + <a href="http://labs.slitaz.org/issues">Bugs</a> 2.38 + <a href="http://hg.slitaz.org/">Hg</a> 2.39 + <p> 2.40 + SliTaz @ 2.41 + <a href="http://twitter.com/slitaz">Twitter</a> 2.42 + <a href="http://www.facebook.com/slitaz">Facebook</a> 2.43 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 2.44 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 2.45 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 2.46 + </p> 2.47 </div> 2.48 2.49 </body>
3.1 --- a/tazpkg-web/html/header.html Sun Mar 27 18:45:39 2011 +0000 3.2 +++ b/tazpkg-web/html/header.html Wed Mar 30 01:32:09 2011 +0200 3.3 @@ -4,17 +4,12 @@ 3.4 <head> 3.5 <title>SliTaz _RELEASE_ Packages - _PAGE_</title> 3.6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 3.7 - <meta name="description" content="Au sujet de SliTaz GNU/Linux mini système d'exploitation" /> 3.8 - <meta name="keywords" lang="fr" content="Système, libre, gnu, linux, opensource, livecd" /> 3.9 + <meta name="description" content="SliTaz packages database" /> 3.10 + <meta name="keywords" lang="en" content="gnu, linux, opensource, livecd" /> 3.11 <meta name="robots" content="index, follow, all" /> 3.12 - <meta name="revisit-after" content="7 days" /> 3.13 - <meta name="expires" content="never" /> 3.14 <meta name="modified" content="_DATE_" /> 3.15 - <meta name="author" content="SliTaz Contributors"/> 3.16 - <meta name="generator" content="ash, grep, sed and cat"/> 3.17 - <meta name="publisher" content="www.slitaz.org" /> 3.18 - <link rel="shortcut icon" href="http://pkgs.slitaz.org/favicon.ico" /> 3.19 - <link rel="stylesheet" type="text/css" href="http://pkgs.slitaz.org/slitaz.css" /> 3.20 + <link rel="shortcut icon" href="/favicon.ico" /> 3.21 + <link rel="stylesheet" type="text/css" href="/slitaz.css" /> 3.22 <link rel="alternate" type="application/rss+xml" title="SliTaz Stable Packages" href="/rss/stable.xml" /> 3.23 <link rel="alternate" type="application/rss+xml" title="SliTaz Cooking Packages" href="/rss/cooking.xml" /> 3.24 </head> 3.25 @@ -22,13 +17,16 @@ 3.26 3.27 <!-- Header --> 3.28 <div id="header"> 3.29 - <!-- Logo --> 3.30 - <a href="http://pkgs.slitaz.org/"><img id="logo" 3.31 - src="/pics/website/logo.png" 3.32 - title="pkgs.slitaz.org" alt="pkgs.slitaz.org" /></a> 3.33 - <p id="titre">#!/Packages</p> 3.34 + <div id="logo"></div> 3.35 + <div id="network"> 3.36 + <a href="http://www.slitaz.org/"> 3.37 + <img src="/images/network.png" alt="network.png" /></a> 3.38 + <a href="http://scn.slitaz.org/">Community</a> 3.39 + <a href="http://doc.slitaz.org/">Doc</a> 3.40 + <a href="http://forum.slitaz.org/">Forum</a> 3.41 + <a href="http://labs.slitaz.org/issues">Bugs</a> 3.42 + <a href="http://hg.slitaz.org/">Hg</a> 3.43 + </div> 3.44 + <h1><a href="http://pkgs.slitaz.org/">SliTaz Packages</a></h1> 3.45 </div> 3.46 3.47 -<!-- Content --> 3.48 -<div id="content-full"> 3.49 -
4.1 --- a/tazpkg-web/html/home.html Sun Mar 27 18:45:39 2011 +0000 4.2 +++ b/tazpkg-web/html/home.html Wed Mar 30 01:32:09 2011 +0200 4.3 @@ -1,44 +1,48 @@ 4.4 -<!-- Block begin --> 4.5 -<div class="block"> 4.6 - <!-- Nav block begin --> 4.7 - <div id="block_nav" style="height: 220px;"> 4.8 - <h3><img src="/pics/website/network.png" alt=".png" />Tools</h3> 4.9 +<!-- Block --> 4.10 +<div id="block"> 4.11 + <!-- Navigation --> 4.12 + <div id="block_nav" style="padding: 10px;"> 4.13 + <h4><img src="images/tazpkg.png" alt="tazpkg.png" />Tools & Doc</h4> 4.14 + <div class="right_box"> 4.15 + <ul> 4.16 + <li><a href="http://doc.slitaz.org/en:cookbook:wok">Wok & Tools</a></li> 4.17 + <li><a href="http://doc.slitaz.org/en:cookbook:receipt">Receipts</a></li> 4.18 + </ul> 4.19 + </div> 4.20 <ul> 4.21 <li><a href="http://hg.slitaz.org/wok">Hg Repos</a></li> 4.22 <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 4.23 <li><a href="http://labs.slitaz.org/issues">Bug Tracker</a></li> 4.24 </ul> 4.25 - <h3><img src="/pics/website/text.png" alt=".png" />Documentation</h3> 4.26 - <ul> 4.27 - <li><a href="http://doc.slitaz.org/en:cookbook:wok">Wok & Tools</a></li> 4.28 - <li><a href="http://doc.slitaz.org/en:cookbook:receipt">Receipts</a></li> 4.29 - </ul> 4.30 - <!-- Nav block end --> 4.31 </div> 4.32 - <!-- Top block begin --> 4.33 - <div id="block_top" style="height: 220px;"> 4.34 - <h1>Packages</h1> 4.35 + <!-- Information/image --> 4.36 + <div id="block_info"> 4.37 + <h4>Packages Web interface</h4> 4.38 <p> 4.39 Welcome to the SliTaz packages web interface. The site allows 4.40 you to search and view all of the software packages available 4.41 - on the SliTaz mirror. The pages are automatically updated daily 4.42 - via a cron job. 4.43 + on the SliTaz mirror. The pages are automatically updated 4.44 + daily via a cron job. 4.45 </p> 4.46 <p> 4.47 - Browse the packages web interface: <a href="stable/">Stable packages</a> 4.48 - | <a href="cooking/">Cooking packages</a> 4.49 + Packages web interface: <a href="stable/">Stable</a> 4.50 + | <a href="cooking/">Cooking</a> 4.51 </p> 4.52 - <!-- Top block end --> 4.53 </div> 4.54 -<!-- Block end --> 4.55 </div> 4.56 4.57 -<div class="pkgs-search"> 4.58 +<!-- Content --> 4.59 +<div id="content"> 4.60 + 4.61 +<div style="text-align: center; margin-bottom: 40px;"> 4.62 <form method="post" action="http://pkgs.slitaz.org/search.cgi"> 4.63 - <p> 4.64 - <input type="text" name="query" size="30" /> 4.65 - <input type="submit" name="search" value="Search" /> 4.66 - </p> 4.67 + <div class="searchbox"> 4.68 + <p> 4.69 + <input type="text" name="query" size="24" style="width: 80%;" /> 4.70 + <input type="submit" name="search" value="Search" /> 4.71 + </p> 4.72 + </div> 4.73 + Search for: 4.74 <select name="object"> 4.75 <option>Package</option> 4.76 <option>Desc</option> 4.77 @@ -50,6 +54,7 @@ 4.78 <option>File_list</option> 4.79 <option>FileOverlap</option> 4.80 </select> 4.81 + in 4.82 <select name="version"> 4.83 <option>stable</option> 4.84 <option>cooking</option>
5.1 --- a/tazpkg-web/html/menu.html Sun Mar 27 18:45:39 2011 +0000 5.2 +++ b/tazpkg-web/html/menu.html Wed Mar 30 01:32:09 2011 +0200 5.3 @@ -1,10 +1,11 @@ 5.4 -<!-- Block begin --> 5.5 -<div class="block"> 5.6 - <!-- Nav block begin --> 5.7 - <div id="block_nav" style="height: 220px;"> 5.8 - <h3><img src="/pics/tazpkg.png" alt=".png" />Categories</h3> 5.9 +<!-- Block --> 5.10 +<div id="block"> 5.11 + <!-- Navigation --> 5.12 + <div id="block_nav" style="padding: 10px;"> 5.13 + <h4><img src="../images/tazpkg.png" alt="tazpkg.png" />Categories</h4> 5.14 <div class="right_box"> 5.15 <ul> 5.16 + <li><a href="multimedia.html">Multimedia</a></li> 5.17 <li><a href="development.html">Development</a></li> 5.18 <li><a href="system-tools.html">System-tools</a></li> 5.19 <li><a href="security.html">Security</a></li> 5.20 @@ -20,28 +21,24 @@ 5.21 <li><a href="network.html">Network</a></li> 5.22 <li><a href="games.html">Games</a></li> 5.23 <li><a href="graphics.html">Graphics</a></li> 5.24 - <li><a href="multimedia.html">Multimedia</a></li> 5.25 <li><a href="office.html">Office</a></li> 5.26 </ul> 5.27 - <!-- Nav block end --> 5.28 </div> 5.29 - <!-- Top block begin --> 5.30 - <div id="block_top" style="height: 220px;"> 5.31 - <h1>Packages _RELEASE_</h1> 5.32 + <!-- Information/image --> 5.33 + <div id="block_info"> 5.34 + <h4>Packages _RELEASE_</h4> 5.35 <p> 5.36 The SliTaz packages web interface allows you to search and view 5.37 all of the software packages available for SliTaz. The pages are 5.38 updated daily via a cron job. 5.39 </p> 5.40 <p> 5.41 - Documentation: 5.42 - <a href="http://doc.slitaz.org/en:handbook:packages">Package manager</a> 5.43 + Packages web interface: <a href="../stable/">Stable</a> 5.44 + | <a href="../cooking/">Cooking</a> 5.45 </p> 5.46 - <p> 5.47 - Browse the packages web interface: <a href="../stable/">Stable packages</a> 5.48 - | <a href="../cooking/">Cooking packages</a> 5.49 - </p> 5.50 - <!-- Top block end --> 5.51 </div> 5.52 -<!-- Block end --> 5.53 </div> 5.54 + 5.55 +<!-- Content --> 5.56 +<div id="content"> 5.57 +
6.1 Binary file tazpkg-web/style/images/logo.png has changed
7.1 Binary file tazpkg-web/style/images/network.png has changed
8.1 Binary file tazpkg-web/style/images/tazpkg.png has changed
9.1 Binary file tazpkg-web/style/pics/tazpkg.png has changed
10.1 Binary file tazpkg-web/style/pics/website/header-img.png has changed
11.1 Binary file tazpkg-web/style/pics/website/logo.png has changed
12.1 Binary file tazpkg-web/style/pics/website/network.png has changed
13.1 Binary file tazpkg-web/style/pics/website/text.png has changed
14.1 Binary file tazpkg-web/style/pics/website/xhtml10.png has changed
15.1 --- a/tazpkg-web/style/slitaz.css Sun Mar 27 18:45:39 2011 +0000 15.2 +++ b/tazpkg-web/style/slitaz.css Wed Mar 30 01:32:09 2011 +0200 15.3 @@ -1,223 +1,227 @@ 15.4 /* 15.5 - CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux 15.6 + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux 15.7 */ 15.8 15.9 html { 15.10 min-height: 102%; 15.11 } 15.12 + 15.13 body { 15.14 background: #ffffff; 15.15 color: black; 15.16 font: 13px sans-serif, vernada, arial; 15.17 margin: 0; 15.18 - border-top: 34px solid #f1f1f1; 15.19 + min-width: 900px; 15.20 } 15.21 -a { text-decoration: underline; color: #103a5e; } 15.22 + 15.23 +a { text-decoration: underline; color: #215090; } 15.24 a:hover { text-decoration: none; color: blue; } 15.25 -img { border: 0pt none; } 15.26 - 15.27 -/* Accessibility */ 15.28 - 15.29 -#access { 15.30 - position: absolute; 15.31 - top: 4px; 15.32 - right: 0px; 15.33 - text-align: right; 15.34 - width: auto; 15.35 - margin: 0; 15.36 - padding: 4px 4px 4px 20px; 15.37 - font-size: 11px; 15.38 - font-weight: bold; 15.39 +img { border: 0pt none; vertical-align: middle; } 15.40 +h2 { color: #444; } 15.41 +h3 { color: #666; font-size: 140%; } 15.42 +h4 { color: #888; font-size: 120%; } 15.43 +pre { 15.44 + background-color: #f8f8f8; 15.45 + border: 1px solid #ddd; 15.46 + padding: 10px; 15.47 } 15.48 -#access a { 15.49 - background: transparent; 15.50 - color: #0F314E; 15.51 - text-decoration: none; 15.52 -} 15.53 -#access a:hover { color: #b64b22; } 15.54 -#access img { vertical-align: middle; } 15.55 15.56 /* Header */ 15.57 15.58 -#header { 15.59 - background: #351a0a url(pics/website/header-img.png) no-repeat top right; 15.60 - color: black; 15.61 - width: 100%; 15.62 - height: 42px; 15.63 - border-top: 1px solid black; 15.64 - border-bottom: 1px solid #999; 15.65 - margin-bottom: 33px; 15.66 +#header { 15.67 + height: 40px; 15.68 + background: #351a0a; 15.69 } 15.70 -#titre { 15.71 - position: absolute; 15.72 - font-size: 14px; 15.73 - font-weight: bolder ; 15.74 - left: 180px; 15.75 - top: 4px; 15.76 + 15.77 +#header h1 { 15.78 + margin: 0; 15.79 + padding: 8px 0 0 42px; 15.80 + width: 250px; 15.81 } 15.82 + 15.83 +#header h1 a { 15.84 + color: white; 15.85 + text-decoration: none; 15.86 + font-size: 20px; 15.87 + font-style: italic; 15.88 +} 15.89 + 15.90 +#header h1 a:hover, #network a:hover { 15.91 + color: #d66018; 15.92 +} 15.93 + 15.94 +/* Logo */ 15.95 + 15.96 #logo { 15.97 + background: url(images/logo.png) no-repeat left; 15.98 position: absolute; 15.99 float: left; 15.100 - left: 16px; 15.101 - top: -10px; 15.102 - width: 200px; 15.103 - height: 74px; 15.104 + left: 0px; 15.105 + top: 0px; 15.106 + width: 40px; 15.107 + height: 40px; 15.108 } 15.109 15.110 -/* Side bar */ 15.111 +/* SliTaz Network */ 15.112 15.113 -#nav { 15.114 - position: absolute; 15.115 - top: 102px; 15.116 - right: 80px; 15.117 - color: #555555; 15.118 - float: right; 15.119 - width: 250px; 15.120 - line-height: 1.5em; 15.121 - text-align: left; 15.122 +#network { 15.123 + float: right; 15.124 + padding: 10px 5px 0; 15.125 font-size: 12px; 15.126 } 15.127 -#nav h4 { 15.128 - font-size: 120%; 15.129 - color: #666666; 15.130 + 15.131 +#network a { padding: 0 6px; } 15.132 + 15.133 +/* Block */ 15.134 + 15.135 +#block { 15.136 + min-height: 200px; 15.137 + background: #d66018; 15.138 + padding: 26px 10% 0px; 15.139 + text-align: center; 15.140 + color: #333; 15.141 + border-bottom: 1px solid #f5f5f5; 15.142 +} 15.143 + 15.144 +#block_info { 15.145 + text-align: justify; 15.146 + width: 48%; 15.147 + padding: 10px 10px 0 0; 15.148 +} 15.149 + 15.150 +#block a, #network a { 15.151 + color: #fff; 15.152 font-weight: bold; 15.153 - margin: 0; 15.154 - padding: 0 0 1px 0; 15.155 - border-bottom: 1px solid #cecece; 15.156 + text-decoration: none; 15.157 } 15.158 -#nav a { 15.159 - color: #0F314E; 15.160 - background: inherit; 15.161 - display: block; 15.162 + 15.163 +#block h4 { 15.164 + color: #351a0a; 15.165 + margin: 0px; 15.166 + font-weight: bold; 15.167 + font-size: 110%; 15.168 +} 15.169 + 15.170 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 15.171 +#block_info a { font-weight: normal; } 15.172 +#block ul { list-style-type: square; } 15.173 +#block a:hover { color: #351a0a; } 15.174 + 15.175 +/* Navigation */ 15.176 + 15.177 +#block_nav { 15.178 + background: #cc5b17; 15.179 + padding: 10px 10px 40px; 15.180 + text-align: justify; 15.181 + width: 48%; 15.182 + float: right; 15.183 +} 15.184 + 15.185 +#block_nav ul { 15.186 + list-style-type: none; 15.187 + margin: 6px 0; 15.188 + padding: 0; 15.189 +} 15.190 + 15.191 +#block_nav h4 img { 15.192 + margin: 0 4px 0 0; 15.193 + padding: 0; 15.194 +} 15.195 + 15.196 +/* Languages */ 15.197 + 15.198 +#lang { 15.199 + float: right; 15.200 + padding: 6px; 15.201 + font-size: 11px; 15.202 +} 15.203 + 15.204 +#lang a { 15.205 text-decoration: none; 15.206 - font-weight: bold; 15.207 + padding: 0 2px; 15.208 } 15.209 -#nav a:hover { 15.210 - color: #b64b22; 15.211 - text-decoration: none; 15.212 - display: block; 15.213 + 15.214 +#lang a:hover { 15.215 + text-decoration: underline; 15.216 } 15.217 -#nav .nav_box ul { 15.218 - list-style-type: none; 15.219 - margin: 0; 15.220 - padding: 10px 24px 10px 0px; 15.221 - background-color: inherit; 15.222 -} 15.223 -#nav li { display: inline; } 15.224 -#nav ul { 15.225 - -moz-border-radius: 8px; 15.226 - -webkit-border-radius: 8px; 15.227 - border-radius: 8px; 15.228 - list-style-type: none; 15.229 - margin: 10px 0; 15.230 - padding: 10px 24px 10px 24px; 15.231 - background-color: #eaeaea; 15.232 -} 15.233 -.nav_box { 15.234 - margin: 10px 0; 15.235 - padding: 10px 24px 10px 24px; 15.236 - background-color: #eaeaea; 15.237 + 15.238 +/* Content */ 15.239 + 15.240 +#content { 15.241 + padding: 30px 80px; 15.242 text-align: justify; 15.243 } 15.244 -#nav .nav_box p { line-height: 1.3em; } 15.245 -#nav .nav_box p a { 15.246 - display: inline; 15.247 - font-weight: normal; 15.248 - text-decoration: underline; 15.249 -} 15.250 -#nav .nav_box p a:hover { 15.251 - text-decoration: none; 15.252 - color: blue; 15.253 - background: inherit; 15.254 -} 15.255 15.256 -/* Page content */ 15.257 - 15.258 -#content, #content-full { 15.259 - background: white; 15.260 - color: black; 15.261 - text-align: justify; 15.262 - height: auto; 15.263 -} 15.264 -#content, #content-full { 15.265 - margin: 6px 320px 0px 0px; 15.266 - padding: 0px 40px 60px 80px; 15.267 -} 15.268 -#content-full { 15.269 - margin: 0; 15.270 - padding: 0px 80px 40px 80px; 15.271 -} 15.272 -#content li, #content-full li { 15.273 - line-height: 1.5em; 15.274 - text-align: left; 15.275 -} 15.276 #news li { 15.277 list-style-type: square; 15.278 border-bottom: 1px dotted #BEBEBE; 15.279 margin-left: -25px; 15.280 padding: 4px 0px 4px 0px; 15.281 } 15.282 -#news a { text-decoration: none; } 15.283 15.284 -/* Box and block. */ 15.285 +#news a, .feed-grid a { text-decoration: none; } 15.286 +#news p a { text-decoration: underline; } 15.287 +#news p a:hover { text-decoration: none; } 15.288 +#twitter { margin: 20px 0; } 15.289 +#gallery { text-align: center; } 15.290 15.291 -.infobox { 15.292 +/* Classes */ 15.293 + 15.294 +.right_box { width: 48%; float: right; } 15.295 +.left_box { width: 48%; float: left; } 15.296 + 15.297 +.box { 15.298 margin: 20px 60px; 15.299 padding: 12px; 15.300 + background: #efefef; 15.301 + border: 1px solid #ddd; 15.302 +} 15.303 + 15.304 +.searchbox { 15.305 + margin: 20px 80px; 15.306 + padding: 12px; 15.307 background: #f8f8f8; 15.308 + text-align: center; 15.309 + border: 1px solid #ddd; 15.310 } 15.311 -.infobox img { vertical-align: middle; } 15.312 -.infobox:hover { background-color: #FBFBFB; } 15.313 -.block { 15.314 - /*padding-bottom: 35%;*/ 15.315 - color: black; 15.316 - min-height: 200px; 15.317 - margin-bottom: 40px; 15.318 + 15.319 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 15.320 +.feed-grid h3 { 15.321 + margin: 15px 0 0; font-size: 16px; 15.322 + padding: 0 22px; 15.323 + background: url(images/feed.png) no-repeat left; } 15.324 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 15.325 +.feed-grid ul { color: #666; } 15.326 +.feed-grid a { color: #666; } 15.327 +.feed-grid a:hover { color: blue; } 15.328 + 15.329 +/* Button */ 15.330 + 15.331 +.button a { 15.332 + background-color: #b64b22; 15.333 + color: #ffffff; 15.334 + margin-right: 6px; 15.335 + padding: 6px 10px; 15.336 + font-size: 12px; 15.337 + text-decoration: none; 15.338 + font-weight: bold; 15.339 } 15.340 -.block ul { 15.341 - list-style-type: none; 15.342 - margin: 0; 15.343 - padding: 0 20px; 15.344 +.button a:hover, input[type=submit]:hover { 15.345 + background-color: #a3431f; 15.346 + color: #ffffff; 15.347 } 15.348 -.block_left { 15.349 - width: 46%; 15.350 - float: left; 15.351 - background-color: #eaeaea; 15.352 - margin: 4px 2px; 15.353 - padding: 0 10px 10px 10px; 15.354 + 15.355 +/* Round corner */ 15.356 + 15.357 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 15.358 + -moz-border-radius: 4px; 15.359 + -webkit-border-radius: 4px; 15.360 + border-radius: 4px; 15.361 } 15.362 -.block_right { 15.363 - width: 46%; 15.364 - float: right; 15.365 - background-color: #eaeaea; 15.366 - margin: 4px 2px; 15.367 - padding: 0 10px 10px 10px; 15.368 -} 15.369 -#block_top { 15.370 - color: black; 15.371 - background-color: #eaeaea; 15.372 - min-height: 180px; 15.373 - margin-bottom: 40px; 15.374 - margin-right: 340px; 15.375 - padding: 0 10px; 15.376 -} 15.377 -#block_nav { 15.378 - width: 300px; 15.379 - min-height: 180px; 15.380 - float: right; 15.381 - background-color: #eaeaea; 15.382 - margin: 0; 15.383 - padding: 0 10px; 15.384 -} 15.385 -.nav_box, .infobox, .block_left, .block_right, #block_top, 15.386 -#block_nav, #footer { 15.387 - -moz-border-radius: 8px; 15.388 - -webkit-border-radius: 8px; 15.389 - border-radius: 8px; 15.390 - -moz-box-shadow: 0 1px 3px #666; 15.391 - -webkit-box-shadow: 0 1px 3px #666; 15.392 - box-shadow: 0 1px 3px #666; 15.393 - /* CSS3 transition */ 15.394 + 15.395 +/* Transition */ 15.396 + 15.397 +.box { 15.398 -webkit-transition-property: background-color; 15.399 -webkit-transition-duration: 2s; 15.400 -moz-transition-property: background-color; 15.401 @@ -225,220 +229,52 @@ 15.402 transition-property: background-color; 15.403 transition-duration: 2s; 15.404 } 15.405 -#block_nav { font-weight: bold; } 15.406 -#block_nav a { text-decoration: none; } 15.407 -#block_nav li a:hover { color: #b64b22; } 15.408 -#block_nav ul { margin: 0; list-style-type: none; } 15.409 -#block_nav h3 { font-size: 110%; } 15.410 -.nav_box:hover, .block_left:hover, .block_right:hover, 15.411 -#block_top:hover, #block_nav:hover, #footer:hover { 15.412 - background-color: #f8f8f8; 15.413 -} 15.414 -.right_box { 15.415 - width: 50%; 15.416 - float: right; 15.417 -} 15.418 -/* Text transform at 45deg */ 15.419 -.floor { 15.420 - color: #999999; 15.421 - font-size: 20px; 15.422 - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 15.423 - -moz-transform: rotate(-45deg) skew(15deg, 15deg); 15.424 - -o-transform: rotate(-45deg) skew(15deg, 15deg); 15.425 - -ms-transform: rotate(-45deg) skew(15deg, 15deg); 15.426 - transform: rotate(-45deg) skew(15deg, 15deg); 15.427 -} 15.428 -#twitter, .feedbox { 15.429 - margin-top: 20px; 15.430 - -moz-border-radius: 8px; 15.431 - -webkit-border-radius: 8px; 15.432 - border-radius: 8px; 15.433 - -moz-box-shadow: 0 1px 3px #666; 15.434 - -webkit-box-shadow: 0 1px 3px #666; 15.435 - box-shadow: 0 1px 3px #666; 15.436 -} 15.437 -.feedbox { 15.438 - background-color: #f9f9f9; 15.439 - padding: 10px 20px; 15.440 - margin: 20px 100px; 15.441 -} 15.442 -.feedbox div { 15.443 - height: 320px; 15.444 - overflow: auto; 15.445 -} 15.446 -.feedbox ul { list-style-type: none; margin: 0; } 15.447 15.448 -/* Button */ 15.449 +/* Form */ 15.450 15.451 -.button { margin-left: 20px; } 15.452 -.button a { 15.453 - background-color: #b64b22; 15.454 - color: #ffffff; 15.455 - margin-right: 6px; 15.456 - padding: 6px 10px; 15.457 - font-size: 14px; 15.458 - -moz-border-radius: 4px; 15.459 - -webkit-border-radius: 4px; 15.460 - border-radius: 4px; 15.461 - -moz-box-shadow: 0 1px 3px #666; 15.462 - -webkit-box-shadow: 0 1px 3px #666; 15.463 - box-shadow: 0 1px 3px #666; 15.464 -} 15.465 -.button a:hover, input[type=submit]:hover { 15.466 - background-color: #a3431f; 15.467 - color: #ffffff; 15.468 -} 15.469 input[type=submit] { 15.470 border: 1px solid #b64b22; 15.471 background-color: #b64b22; 15.472 color: white; 15.473 font-weight: bold; 15.474 cursor: pointer; 15.475 - padding: 3px 10px; 15.476 + padding: 4px 10px; 15.477 font-size: 14px; 15.478 - -moz-border-radius: 2px; 15.479 - -webkit-border-radius: 2px; 15.480 - border-radius: 2px; 15.481 - -moz-box-shadow: 0 0 5px #666; 15.482 - -webkit-box-shadow: 0 0 5px#666; 15.483 - box-shadow: 0 0 5px #666; 15.484 margin-left: -5px; 15.485 + -webkit-border-top-right-radius: 4px; 15.486 + -webkit-border-bottom-right-radius: 4px; 15.487 + -moz-border-radius-topright: 4px; 15.488 + -moz-border-radius-bottomright: 4px; 15.489 + border-top-right-radius: 4px; 15.490 + border-bottom-right-radius: 4px; 15.491 } 15.492 + 15.493 +input[type=submit]:hover { background-color: #a3431f; } 15.494 + 15.495 input[type=text] { 15.496 border: 1px solid #333333; 15.497 - padding: 3px; 15.498 + padding: 4px; 15.499 + height: 17px; 15.500 width: 100%; 15.501 -} 15.502 - 15.503 -/* Clouds */ 15.504 - 15.505 -#cloud { 15.506 - padding: 10px 0px; 15.507 - line-height: 3em; 15.508 - text-align: center; 15.509 -} 15.510 -#cloud a { padding: 0 2px; color: #444444; } 15.511 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 15.512 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 15.513 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 15.514 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 15.515 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 15.516 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 15.517 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 15.518 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 15.519 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 15.520 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 15.521 - 15.522 -/* Slideshow and gallery */ 15.523 - 15.524 -#slideshow 15.525 -{ 15.526 - overflow: hidden; 15.527 - margin: 10px auto 10px; 15.528 - position: relative; 15.529 - width: 260px; 15.530 - height: 163px; 15.531 -} 15.532 -#slideshow img 15.533 -{ 15.534 - border: 0; 15.535 - width: 260px; 15.536 - height: 163px; 15.537 -} 15.538 -#gallery { text-align: center; } 15.539 - 15.540 -/* HTML styles */ 15.541 - 15.542 -h1 { 15.543 - color: #444444; 15.544 - background: transparent; 15.545 - text-align: left; 15.546 - margin: 0px 0px 4px 0px; 15.547 - font-size: 150%; 15.548 - font-weight: bold; 15.549 - padding: 5px 0 0 10px; 15.550 -} 15.551 -h2 { 15.552 - color: #b64b22; 15.553 - padding: 0; 15.554 - margin: 20px 0 0 0; 15.555 - font-size: 130%; 15.556 - font-weight: bold; 15.557 -} 15.558 -h3 { 15.559 - font-weight: bold; 15.560 - color: #666666; 15.561 - background: transparent; 15.562 -} 15.563 -h3 img, h2 img { 15.564 - vertical-align: middle; 15.565 - width: 20px; 15.566 - height: 20px; 15.567 - padding-right: 4px; 15.568 -} 15.569 -code, tt { 15.570 - font-size: 12px; 15.571 - color: #669900; 15.572 -} 15.573 -pre, pre.script { 15.574 - padding: 10px; 15.575 - color: black; 15.576 - background: #E8E8E8; 15.577 - border: 1px inset #606060; 15.578 -} 15.579 - 15.580 -/* Packages pages */ 15.581 - 15.582 -.pkg_nav { 15.583 - border-top: 1px solid black; 15.584 - margin-top: 10px; 15.585 - padding-top: 10px; 15.586 -} 15.587 -pre.package { 15.588 - padding: 0px; 15.589 - color: black; 15.590 - background: white; 15.591 -} 15.592 -p.get { 15.593 - text-align: center; 15.594 - padding: 10px; 15.595 - color: black; 15.596 - background: #F3F3F3; 15.597 - border: 1px solid #DEDEDE; 15.598 - border-radius: 4px; 15.599 - -moz-border-radius: 4px; 15.600 - -webkit-border-radius: 4px; 15.601 -} 15.602 -p.get a { 15.603 - font-weight: bold; 15.604 - text-decoration: none; 15.605 -} 15.606 -.pkgs-search { 15.607 - text-align: center; 15.608 - padding: 40px 20px 80px 20px; 15.609 + -webkit-border-top-left-radius: 4px; 15.610 + -webkit-border-bottom-left-radius: 4px; 15.611 + -moz-border-radius-topleft: 4px; 15.612 + -moz-border-radius-bottomleft: 4px; 15.613 + border-top-left-radius: 4px; 15.614 + border-bottom-left-radius: 4px; 15.615 } 15.616 15.617 /* Footer */ 15.618 15.619 #footer { 15.620 - margin: 0px 80px 80px 80px; 15.621 - padding: 10px; 15.622 - background: #eaeaea; 15.623 - color: #666666; 15.624 - height: 180px; 15.625 - clear: both; 15.626 - border-radius: 8px; 15.627 - -moz-border-radius: 8px; 15.628 - -webkit-border-radius: 8px; 15.629 - -moz-box-shadow: 0 1px 3px #666; 15.630 - -webkit-box-shadow: 0 1px 3px #666; 15.631 - box-shadow: 0 1px 3px #666; 15.632 + background: #f1f1f1; 15.633 + text-align: center; 15.634 + border-top: 1px solid #ddd; 15.635 + padding: 40px; 15.636 + color: #666; 15.637 } 15.638 -#footer a { color: #666666; } 15.639 -#footer a:hover { color: #333333; } 15.640 -#footer ul { list-style-type: none; } 15.641 -#footer li { padding: 2px; } 15.642 -#footer h4 { margin: 0 20px; font-size: 125%; } 15.643 + 15.644 +#footer a { color: #666; padding: 0 2px; } 15.645 15.646 .year:after { 15.647 /* content: "2007-2011"; */
16.1 --- a/tazpkg-web/tazpkg-web Sun Mar 27 18:45:39 2011 +0000 16.2 +++ b/tazpkg-web/tazpkg-web Wed Mar 30 01:32:09 2011 +0200 16.3 @@ -66,13 +66,15 @@ 16.4 gen_index_content() 16.5 { 16.6 cat >> $PAGES_DIR/$page.html << _EOT_ 16.7 - 16.8 -<div class="pkgs-search"> 16.9 +<div style="text-align: center; margin-bottom: 40px;"> 16.10 <form method="post" action="http://pkgs.slitaz.org/search.cgi"> 16.11 - <p> 16.12 - <input type="text" name="query" size="32" /> 16.13 - <input type="submit" name="search" value="Search" /> 16.14 - </p> 16.15 + <div class="searchbox"> 16.16 + <p> 16.17 + <input type="text" name="query" size="24" style="width: 80%;" /> 16.18 + <input type="submit" name="search" value="Search" /> 16.19 + </p> 16.20 + </div> 16.21 + Search for: 16.22 <select name="object"> 16.23 <option>Package</option> 16.24 <option>Desc</option> 16.25 @@ -84,12 +86,13 @@ 16.26 <option>File_list</option> 16.27 <option>FileOverlap</option> 16.28 </select> 16.29 + in 16.30 <select name="version"> 16.31 `search_form_option` 16.32 </select> 16.33 </form> 16.34 - <p> 16.35 - $packages packages - Database generated on: $DATE 16.36 + <p style="margin: 40px 0;"> 16.37 + $packages packages in _RELEASE_ - Database generated on: $DATE 16.38 </p> 16.39 </div> 16.40 _EOT_