wok-next rev 5094

tazbb: sync CSS and update page
author Christophe Lincoln <pankso@slitaz.org>
date Mon Mar 15 21:49:59 2010 +0100 (2010-03-15)
parents e30d1487cb38
children c86710039a5f
files tazbb/description.txt tazbb/receipt tazbb/stuff/web/index.php tazbb/stuff/web/log.php tazbb/stuff/web/pics/website/content-bl.png tazbb/stuff/web/pics/website/content-br.png tazbb/stuff/web/pics/website/content-tl.png tazbb/stuff/web/pics/website/content-tr.png tazbb/stuff/web/pics/website/logo.png tazbb/stuff/web/slitaz.css
line diff
     1.1 --- a/tazbb/description.txt	Mon Mar 15 14:12:19 2010 +0000
     1.2 +++ b/tazbb/description.txt	Mon Mar 15 21:49:59 2010 +0100
     1.3 @@ -6,5 +6,5 @@
     1.4  
     1.5  Tank Build Bot : http://bb.slitaz.org/
     1.6  Tazbb Wiki     : http://labs.slitaz.org/wiki/distro/Tazbb
     1.7 -Cookbook page  : http://www.slitaz.org/en/doc/cookbook/build-bot.html
     1.8 +Cookbook page  : http://doc.slitaz.org/en:cookbook:buildbot
     1.9  
     2.1 --- a/tazbb/receipt	Mon Mar 15 14:12:19 2010 +0000
     2.2 +++ b/tazbb/receipt	Mon Mar 15 21:49:59 2010 +0100
     2.3 @@ -1,7 +1,7 @@
     2.4  # SliTaz package receipt.
     2.5  
     2.6  PACKAGE="tazbb"
     2.7 -VERSION="1.2"
     2.8 +VERSION="1.3"
     2.9  CATEGORY="development"
    2.10  SHORT_DESC="SliTaz Build Bot."
    2.11  MAINTAINER="pankso@slitaz.org"
     3.1 --- a/tazbb/stuff/web/index.php	Mon Mar 15 14:12:19 2010 +0000
     3.2 +++ b/tazbb/stuff/web/index.php	Mon Mar 15 21:49:59 2010 +0100
     3.3 @@ -17,21 +17,42 @@
     3.4  <!-- Header -->
     3.5  <div id="header">
     3.6      <a name="top"></a>
     3.7 -<!-- Access -->
     3.8 -<div id="access">
     3.9 -	<a href="http://forum.slitaz.org/">Forum</a>
    3.10 -	<a href="http://wiki.slitaz.org/">Wiki</a>
    3.11 -	<a href="http://art.slitaz.org/">Art</a>
    3.12 -	<a href="http://labs.slitaz.org/">Labs</a>
    3.13 -	<a href="http://pkgs.slitaz.org/">Packages</a>
    3.14 -	<a href="http://hg.slitaz.org/">Hg</a>
    3.15 -</div>
    3.16      <a href="http://bb.slitaz.org/"><img id="logo"
    3.17      src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
    3.18      style="border: 0px solid ; width: 200px; height: 74px;" /></a>
    3.19      <p id="titre">#!/bb/packages</p>
    3.20  </div>
    3.21  
    3.22 +<!-- Navigation menu -->
    3.23 +<div id="nav">
    3.24 +
    3.25 +<div class="nav_box">
    3.26 +<h4>SliTaz Network</h4>
    3.27 +<ul>
    3.28 +	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    3.29 +	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    3.30 +	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    3.31 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    3.32 +	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    3.33 +	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    3.34 +	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    3.35 +</ul>
    3.36 +</div>
    3.37 +
    3.38 +<div class="nav_box">
    3.39 +<h4>SliTaz Developers</h4>
    3.40 +<ul>
    3.41 +	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
    3.42 +	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    3.43 +	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    3.44 +	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
    3.45 +	
    3.46 +</ul>
    3.47 +</div>
    3.48 +
    3.49 +<!-- End navigation menu -->
    3.50 +</div>
    3.51 +
    3.52  <!-- Content top. -->
    3.53  <div id="content_top">
    3.54  <div class="top_left"></div>
    3.55 @@ -139,15 +160,11 @@
    3.56  
    3.57  <!-- End of content with round corner -->
    3.58  </div>
    3.59 -<div id="content_bottom">
    3.60 -<div class="bottom_left"></div>
    3.61 -<div class="bottom_right"></div>
    3.62 -</div>
    3.63  
    3.64  <!-- Start of footer and copy notice -->
    3.65  <div id="copy">
    3.66  <p>
    3.67 -Copyright &copy; 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
    3.68 +Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
    3.69  <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
    3.70  </p>
    3.71  <!-- End of copy -->
     4.1 --- a/tazbb/stuff/web/log.php	Mon Mar 15 14:12:19 2010 +0000
     4.2 +++ b/tazbb/stuff/web/log.php	Mon Mar 15 21:49:59 2010 +0100
     4.3 @@ -17,25 +17,39 @@
     4.4  <!-- Header -->
     4.5  <div id="header">
     4.6      <a name="top"></a>
     4.7 -<!-- Access -->
     4.8 -<div id="access">
     4.9 -	<a href="http://forum.slitaz.org/">Forum</a>
    4.10 -	<a href="http://wiki.slitaz.org/">Wiki</a>
    4.11 -	<a href="http://art.slitaz.org/">Art</a>
    4.12 -	<a href="http://labs.slitaz.org/">Labs</a>
    4.13 -	<a href="http://pkgs.slitaz.org/">Packages</a>
    4.14 -	<a href="http://hg.slitaz.org/">Hg</a>
    4.15 -</div>
    4.16      <a href="http://bb.slitaz.org/"><img id="logo"
    4.17      src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
    4.18      style="border: 0px solid ; width: 200px; height: 74px;" /></a>
    4.19      <p id="titre">#!/bb/packages</p>
    4.20  </div>
    4.21  
    4.22 -<!-- Content top. -->
    4.23 -<div id="content_top">
    4.24 -<div class="top_left"></div>
    4.25 -<div class="top_right"></div>
    4.26 +<!-- Navigation menu -->
    4.27 +<div id="nav">
    4.28 +
    4.29 +<div class="nav_box">
    4.30 +<h4>SliTaz Network</h4>
    4.31 +<ul>
    4.32 +	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    4.33 +	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    4.34 +	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    4.35 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    4.36 +	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    4.37 +	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    4.38 +	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    4.39 +</ul>
    4.40 +</div>
    4.41 +
    4.42 +<div class="nav_box">
    4.43 +<h4>SliTaz Developers</h4>
    4.44 +<ul>
    4.45 +	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
    4.46 +	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    4.47 +	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    4.48 +	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
    4.49 +</ul>
    4.50 +</div>
    4.51 +
    4.52 +<!-- End navigation menu -->
    4.53  </div>
    4.54  
    4.55  <!-- Content -->
    4.56 @@ -74,15 +88,11 @@
    4.57  
    4.58  <!-- End of content with round corner -->
    4.59  </div>
    4.60 -<div id="content_bottom">
    4.61 -<div class="bottom_left"></div>
    4.62 -<div class="bottom_right"></div>
    4.63 -</div>
    4.64  
    4.65  <!-- Start of footer and copy notice -->
    4.66  <div id="copy">
    4.67  <p>
    4.68 -Copyright &copy; 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
    4.69 +Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
    4.70  <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
    4.71  </p>
    4.72  <!-- End of copy -->
     5.1 Binary file tazbb/stuff/web/pics/website/content-bl.png has changed
     6.1 Binary file tazbb/stuff/web/pics/website/content-br.png has changed
     7.1 Binary file tazbb/stuff/web/pics/website/content-tl.png has changed
     8.1 Binary file tazbb/stuff/web/pics/website/content-tr.png has changed
     9.1 Binary file tazbb/stuff/web/pics/website/logo.png has changed
    10.1 --- a/tazbb/stuff/web/slitaz.css	Mon Mar 15 14:12:19 2010 +0000
    10.2 +++ b/tazbb/stuff/web/slitaz.css	Mon Mar 15 21:49:59 2010 +0100
    10.3 @@ -3,24 +3,27 @@
    10.4  	www.slitaz.org - (c) 2007 Pankso
    10.5  */
    10.6  
    10.7 +html {
    10.8 +	height:  102%;
    10.9 +}
   10.10 +
   10.11  body {
   10.12 -	background: #222222;
   10.13 +	background: #ffffff;
   10.14  	color: black;
   10.15  	font: 13px sans-serif, vernada, arial;
   10.16  	margin: 0;
   10.17 -	padding-bottom: 100%;
   10.18  }
   10.19  
   10.20  /* Accessibility */
   10.21  
   10.22  #access {
   10.23  	position: absolute;
   10.24 -	top: 1px;
   10.25 -	right: 6px;
   10.26 +	top: 4px;
   10.27 +	right: 4px;
   10.28  	text-align: right;
   10.29  	width: 100%;
   10.30  	margin: 0;
   10.31 -	font-size: 12px;
   10.32 +	font-size: 11px;
   10.33  	font-weight: bold;
   10.34  }
   10.35  
   10.36 @@ -28,7 +31,6 @@
   10.37  	background: inherit;
   10.38  	color: white;
   10.39  	text-decoration: none;
   10.40 -	padding-left: 2px;
   10.41  }
   10.42  
   10.43  #access a:hover {
   10.44 @@ -38,41 +40,28 @@
   10.45  
   10.46  /* Header and title */
   10.47  
   10.48 -#header {
   10.49 +#header{
   10.50  	background: #f0ba08 url(pics/website/header.png) repeat-x top;
   10.51  	color: black;
   10.52  	width: 100%;
   10.53 -	height: 50px ;
   10.54 +	height: 50px;
   10.55  	border-top: 1px solid black;
   10.56  	border-bottom: 1px solid black;
   10.57  	margin-bottom: 30px;
   10.58  }
   10.59  
   10.60 -#header form {
   10.61 +#titre {
   10.62  	position: absolute;
   10.63 -	top: 22px;
   10.64 -	right: 6px;
   10.65 -	background: transparent;
   10.66 -	
   10.67 -}
   10.68 -
   10.69 -#header input { 
   10.70 -	border: 1px solid #eeeeee;
   10.71 -}
   10.72 -
   10.73 -#titre {
   10.74  	font-size: 16px;
   10.75  	font-weight: bolder ;
   10.76 -	margin-left: 232px;
   10.77 -	margin-top: 4px;
   10.78 -	padding-top: 25px ;
   10.79 +	margin-left: 200px;
   10.80 +	margin-top: 28px;
   10.81  }
   10.82  
   10.83  #logo {
   10.84  	position: absolute;
   10.85  	float: left;
   10.86 -	margin-left: 32px;
   10.87 -	margin-right: 20px;
   10.88 +	margin-left: 16px;
   10.89  	margin-top: 0px;
   10.90  }
   10.91  
   10.92 @@ -80,49 +69,50 @@
   10.93  
   10.94  #nav {
   10.95  	position: absolute;
   10.96 -	top: 100px;
   10.97 -	right: 6px;
   10.98 -	background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right;
   10.99 -	color: black;
  10.100 +	top: 76px;
  10.101 +	right: 80px;
  10.102 +	color: #555555;
  10.103  	float: right;
  10.104 -	width: 152px;
  10.105 -	line-height: 1.3em;
  10.106 +	width: 250px;
  10.107 +	line-height: 1.5em;
  10.108  	text-align: left;
  10.109  	font-size: 12px;
  10.110 -	font-weight: bold;
  10.111  }
  10.112  
  10.113 -#nav_top {
  10.114 -	background: transparent url(pics/website/nav-tl.png) no-repeat top left;
  10.115 -	height: 12px;
  10.116 +#nav ul {
  10.117 +	-moz-border-radius: 8px;
  10.118 +	-webkit-border-radius: 8px;
  10.119 +	list-style-type: none;
  10.120 +	margin: 10px 0;
  10.121 +	padding: 10px 24px 10px 24px;
  10.122 +	background-color: #eaeaea;
  10.123  }
  10.124  
  10.125 -#nav_bottom {
  10.126 -	background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
  10.127 -	height: 12px;
  10.128 -}
  10.129 -
  10.130 -#nav_bottom_img {
  10.131 -	background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
  10.132 -	height: 12px;
  10.133 -}
  10.134 -
  10.135 -#nav ul{
  10.136 +#nav .nav_box ul {
  10.137  	list-style-type: none;
  10.138 -	margin: 0px 0px 0px 6px;
  10.139 -	padding: 3px 2px 3px 2px;
  10.140 +	margin: 0;
  10.141 +	padding: 10px 24px 10px 0px;
  10.142  }
  10.143  
  10.144  #nav li {
  10.145  	display: inline;
  10.146  }
  10.147  
  10.148 +#nav h4 {
  10.149 +	font-size: 110%;
  10.150 +	color: #666666;
  10.151 +	font-weight: bold;
  10.152 +	margin: 0;
  10.153 +	padding: 0 0 1px 0;
  10.154 +	border-bottom: 1px solid #cecece;
  10.155 +}
  10.156 +
  10.157  #nav a {
  10.158 -	color: #3E1220;
  10.159 +	color: #0F314E;
  10.160  	background: inherit;
  10.161  	display: block;
  10.162 -	padding: 0.5px;
  10.163  	text-decoration: none;
  10.164 +	font-weight: bold;
  10.165  }
  10.166  
  10.167  #nav a:hover {
  10.168 @@ -135,8 +125,39 @@
  10.169  	margin: 2px 0px 1px 0px;
  10.170  	border: 0px;
  10.171  	border-top: 1px solid #BDBDBD;
  10.172 -	
  10.173 +
  10.174  }
  10.175 +
  10.176 +.nav_box {
  10.177 +	-moz-border-radius: 8px;
  10.178 +	-webkit-border-radius: 8px;
  10.179 +	margin: 10px 0;
  10.180 +	padding: 10px 24px 10px 24px;
  10.181 +	background-color: #eaeaea;
  10.182 +	text-align: justify;
  10.183 +}
  10.184 +
  10.185 +#nav .nav_box p {
  10.186 +	line-height: 1.3em;
  10.187 +}
  10.188 +
  10.189 +#nav .nav_box p a {
  10.190 +	display: inline;
  10.191 +	font-weight: normal;
  10.192 +	text-decoration: underline;
  10.193 +}
  10.194 +
  10.195 +#nav .nav_box p a:hover {
  10.196 +	text-decoration: none;
  10.197 +	color: blue;
  10.198 +	background: inherit;
  10.199 +}
  10.200 +
  10.201 +#nav hr {
  10.202 +	height: 0px;
  10.203 +	border: 0px solid #eaeaea;
  10.204 +}
  10.205 +
  10.206  /* Page content */
  10.207  
  10.208  #content, #content_bottom, #content_top {
  10.209 @@ -145,23 +166,10 @@
  10.210  	text-align: justify;
  10.211  }
  10.212  
  10.213 -#content_top {
  10.214 -	height: 14px;
  10.215 -	margin: 0px 100px 0px 100px;
  10.216 -}
  10.217 -
  10.218  #content {
  10.219  	height: auto;
  10.220 -	margin: -6px 100px 0px 100px;
  10.221 -	padding: 0px 72px 72px 72px;
  10.222 -	/*background: white;
  10.223 -	color: #333333;*/
  10.224 -}
  10.225 -
  10.226 -#content_bottom {
  10.227 -	height: 14px;
  10.228 -	margin: 0px 100px 0px 100px;
  10.229 -	/*clear: both;*/
  10.230 +	margin: 6px 320px 0px 0px;
  10.231 +	padding: 0px 40px 60px 80px;
  10.232  }
  10.233  
  10.234  #content li {
  10.235 @@ -173,10 +181,11 @@
  10.236  
  10.237  #copy {
  10.238  	font-size: 11px ;
  10.239 -	text-align: center ;
  10.240 +	text-align: left ;
  10.241  	background: transparent;
  10.242  	color: #a8a8a8;
  10.243  	padding-top: 10px;
  10.244 +	margin: 0 0 0 80px;
  10.245  }
  10.246  
  10.247  #copy a {
  10.248 @@ -186,7 +195,7 @@
  10.249  
  10.250  #copy a:hover {
  10.251  	background: inherit;
  10.252 -	color: #EDEDED;
  10.253 +	color: #666666;
  10.254  }
  10.255  
  10.256  /* Footer */
  10.257 @@ -198,56 +207,75 @@
  10.258  	width: auto;
  10.259  	clear: both;
  10.260  	padding: 0;
  10.261 -	margin: 0;
  10.262 -	text-align: center;
  10.263 +	margin: 0 0 0 80px;
  10.264 +	text-align: left;
  10.265  	vertical-align: middle;
  10.266  }
  10.267  
  10.268 +#news li {
  10.269 +	list-style-type: square;
  10.270 +	border-bottom: 1px dotted #BEBEBE;
  10.271 +	margin-left: -25px;
  10.272 +	padding: 4px 0px 4px 0px;
  10.273 +}
  10.274 +
  10.275 +#gallery {
  10.276 +	text-align: center;
  10.277 +}
  10.278 +
  10.279 +#gallery table {
  10.280 +	margin: 30px 0px 30px 0px;
  10.281 +}
  10.282 +
  10.283 +/* Clouds */
  10.284 +
  10.285 +#cloud {
  10.286 +	padding: 20px 0px 20px 0px;
  10.287 +	line-height: 3em;
  10.288 +	text-align: center;
  10.289 +}
  10.290 +#cloud a { padding: 4px; color: #956411; }
  10.291 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
  10.292 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
  10.293 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
  10.294 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
  10.295 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
  10.296 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
  10.297 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
  10.298 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
  10.299 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
  10.300 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
  10.301 +
  10.302  /* CSS class. */
  10.303  
  10.304 -.top_left, .top_right, .bottom_left, .bottom_right {
  10.305 -	height: 14px;
  10.306 -	width: 14px;
  10.307 -	color: white;
  10.308 -	background-color: #333333;
  10.309 -	background-repeat: no-repeat;
  10.310 -}
  10.311 -
  10.312 -.top_left {
  10.313 -	background-image: url(pics/website/content-tl.png);
  10.314 -	background-position: left top;
  10.315 -	position: absolute;
  10.316 -}
  10.317 -
  10.318 -.top_right {
  10.319 -	background-image: url(pics/website/content-tr.png);
  10.320 -	float: right;
  10.321 -}
  10.322 -
  10.323 -.bottom_left {
  10.324 -	background-image: url(pics/website/content-bl.png);
  10.325 -	position: absolute;
  10.326 -}
  10.327 -
  10.328 -.bottom_right {
  10.329 -	background-image: url(pics/website/content-br.png);
  10.330 -	float: right;
  10.331 +.infobox {
  10.332 +	margin: 10px;
  10.333 +	padding: 12px;
  10.334 +	background: #f2f2f2;
  10.335 +	border: 1px solid #eaeaea;
  10.336 +	-moz-border-radius: 8px;
  10.337 +	-webkit-border-radius: 8px;
  10.338  }
  10.339  
  10.340  /* HTML styles */
  10.341  
  10.342  h1 {
  10.343 -	color: #3E1220;
  10.344 +	color: blue;
  10.345  	background: inherit;
  10.346  	text-align: left;
  10.347 -	margin: 0px 0px 16px -58px;
  10.348 +	margin: 0px 0px 10px 0px;
  10.349 +	font-size: 140%;
  10.350 +	font-weight: bold;
  10.351  }
  10.352  
  10.353  h2 {
  10.354 -    color: #DF8F06;
  10.355 -    border-left: 10px solid #F3F3F3;
  10.356 -    padding: 4px 0px 4px 4px;
  10.357 -    margin: 0;
  10.358 +	color: #DF8F06;
  10.359 +	/* border-top: 1px solid #f3f3f3; */
  10.360 +	border-left: 8px solid #f3f3f3;
  10.361 +	padding: 4px 0px 4px 4px;
  10.362 +	margin: 0;
  10.363 +	font-size: 140%;
  10.364 +	font-weight: bold;
  10.365  }
  10.366  
  10.367  h3 {
  10.368 @@ -284,7 +312,7 @@
  10.369  }
  10.370  
  10.371  fieldset {
  10.372 -	background: #eeeeee;
  10.373 +	background: #E2ECf6;
  10.374  	color: black;
  10.375  	margin-top: 25px;
  10.376  	border: 1px solid black;
  10.377 @@ -310,6 +338,11 @@
  10.378  	border: 1px inset #606060;
  10.379  }
  10.380  
  10.381 +textarea {
  10.382 +	background: #E5E5E5;
  10.383 +	margin-top: 12px;
  10.384 +}
  10.385 +
  10.386  /* Packages pages */
  10.387  
  10.388  .pkg_nav {
  10.389 @@ -331,10 +364,3 @@
  10.390  	background: #F3F3F3;
  10.391  	border: 1px solid #DEDEDE;
  10.392  }
  10.393 -
  10.394 -pre.log {
  10.395 -	padding: 10px;
  10.396 -	color: black;
  10.397 -	background: #eeeeee;
  10.398 -	border: 1px solid black;
  10.399 -}