wok-current rev 7934

Up: tazbb (2.0) with new CSS and layout
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 11 15:42:58 2011 +0100 (2011-01-11)
parents f0454c3c0ceb
children 72e26afe0ad0
files tazbb/receipt tazbb/stuff/web/index.php tazbb/stuff/web/log.php tazbb/stuff/web/pics/website/logo.png tazbb/stuff/web/slitaz.css
line diff
     1.1 --- a/tazbb/receipt	Tue Jan 11 14:37:48 2011 +0100
     1.2 +++ b/tazbb/receipt	Tue Jan 11 15:42:58 2011 +0100
     1.3 @@ -1,7 +1,7 @@
     1.4  # SliTaz package receipt.
     1.5  
     1.6  PACKAGE="tazbb"
     1.7 -VERSION="1.4"
     1.8 +VERSION="2.0"
     1.9  CATEGORY="development"
    1.10  SHORT_DESC="SliTaz Build Bot."
    1.11  MAINTAINER="pankso@slitaz.org"
     2.1 --- a/tazbb/stuff/web/index.php	Tue Jan 11 14:37:48 2011 +0100
     2.2 +++ b/tazbb/stuff/web/index.php	Tue Jan 11 15:42:58 2011 +0100
     2.3 @@ -20,83 +20,70 @@
     2.4      <link rel="shortcut icon" href="favicon.ico" />
     2.5      <link rel="stylesheet" type="text/css" href="slitaz.css" />
     2.6  </head>
     2.7 +<body>
     2.8  
     2.9 -<body bgcolor="#ffffff">
    2.10  <!-- Header -->
    2.11  <div id="header">
    2.12 -    <a name="top"></a>
    2.13 -<!-- Access -->                                                                 
    2.14 -<div id="access">
    2.15 -    <a href="/<?php if ($version != 'stable')
    2.16 -echo "?stable"; ?>" title="Slitaz <?php
    2.17 -echo $notversion ?> packages"><?php echo $notversion ?></a>                          
    2.18 -</div>                                                                         
    2.19 +	<!-- Access -->                                                                 
    2.20 +	<div id="access">
    2.21 +	    <a href="/<?php if ($version != 'stable')
    2.22 +		echo "?stable"; ?>" title="Slitaz <?php
    2.23 +		echo $notversion ?> packages"><?php echo $notversion ?></a>                          
    2.24 +	</div>                                                                         
    2.25      <a href="http://bb.slitaz.org/"><img id="logo"
    2.26 -    src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
    2.27 -    style="border: 0px solid ; width: 200px; height: 74px;" /></a>
    2.28 -    <p id="titre">#!/bb/packages/<?php echo $version; ?></p>
    2.29 -</div>
    2.30 -
    2.31 -<!-- Navigation menu -->
    2.32 -<div id="nav">
    2.33 -
    2.34 -<div class="nav_box">
    2.35 -<h4>SliTaz Network</h4>
    2.36 -<ul>
    2.37 -	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    2.38 -	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    2.39 -	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    2.40 -	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    2.41 -	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    2.42 -	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    2.43 -	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    2.44 -</ul>
    2.45 -</div>
    2.46 -
    2.47 -<div class="nav_box">
    2.48 -<h4>SliTaz Developers</h4>
    2.49 -<ul>
    2.50 -	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
    2.51 -	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    2.52 -	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    2.53 -	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
    2.54 -	
    2.55 -</ul>
    2.56 -</div>
    2.57 -
    2.58 -<!-- End navigation menu -->
    2.59 -</div>
    2.60 -
    2.61 -<!-- Content top. -->
    2.62 -<div id="content_top">
    2.63 -<div class="top_left"></div>
    2.64 -<div class="top_right"></div>
    2.65 +		src="pics/website/logo.png"
    2.66 +		title="bb.slitaz.org" alt="bb.slitaz.org" /></a>
    2.67 +    <p id="titre">#!/Build/Bot/<?php echo $version; ?></p>
    2.68  </div>
    2.69  
    2.70  <!-- Content -->
    2.71 -<div id="content">
    2.72 +<div id="content-full">
    2.73  
    2.74 -<h1><font color="#3E1220">Build Bot</font></h1>
    2.75 -<h2><font color="#DF8F06">/usr/bin/tazbb</font></h2>
    2.76 +<!-- Block begin -->
    2.77 +<div class="block">
    2.78 +	<!-- Nav block begin -->
    2.79 +	<div id="block_nav">
    2.80 +		<h3><img src="pics/website/development.png" alt="devel.png" />Developers</h3>
    2.81 +		<ul>
    2.82 +			<li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li>
    2.83 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
    2.84 +			<li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li>
    2.85 +			<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    2.86 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    2.87 +		</ul>
    2.88 +	<!-- Nav block end -->
    2.89 +	</div>
    2.90 +	<!-- Top block begin -->
    2.91 +	<div id="block_top">
    2.92 +		<h1>Build Bot</h1>
    2.93 +		<p>
    2.94 +			Tazbb is a <a href="http://www.slitaz.org/">SliTaz GNU/Linux</a>
    2.95 +			Build Bot, it automatically cooks and tests packages commited in
    2.96 +			the wok. SliTaz <a href="http://pkgs.slitaz.org/">packages</a> are
    2.97 +			cooked on the project main server: code name 
    2.98 +			<a href="http://tank.slitaz.org">Tank</a>. This web interface gives
    2.99 +			the current status of the build bot and the last report
   2.100 +			about any packages modified by the SliTaz contributors in 
   2.101 +			the Mercurial repositories, aka 
   2.102 +			<a href="http://hg.slitaz.org/">Hg repos</a>.
   2.103 +		</p>
   2.104 +	<!-- Top block end -->
   2.105 +	</div>
   2.106 +<!-- Block end -->
   2.107 +</div>
   2.108 +
   2.109 +<h2>Cooklog</h2>
   2.110  
   2.111  <p>
   2.112 -Tazbb is a <a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> Build Bot,
   2.113 -it automatically cooks and tests packages commited in the wok. SliTaz
   2.114 -<a href="http://pkgs.slitaz.org/">packages</a> are cooked on the project
   2.115 -main server: code name <a href="http://tank.slitaz.org">Tank</a>. This
   2.116 -web interface gives the current status of the build bot and the last report
   2.117 -about any packages modified by the SliTaz contributors in the Mercurial
   2.118 -repositories, aka <a href="http://hg.slitaz.org/">Hg repos</a>.
   2.119 +	<form action="log.php" method="get">
   2.120 +	<?php
   2.121 +		if ($version == 'stable')
   2.122 +			echo '<input type="hidden" name="stable" value="1" />';
   2.123 +	?>	Show pkg log: <input type="text" name="package" />
   2.124 +		<!-- <input type="submit" value="Show" /> -->
   2.125 +	</form>
   2.126  </p>
   2.127  
   2.128 -<form action="log.php" method="get">
   2.129 -<?php
   2.130 -	if ($version == 'stable')
   2.131 -		echo '<input type="hidden" name="stable" value="1" />';
   2.132 -?>	Show cooklog: <input type="text" name="package" />
   2.133 -	<!-- <input type="submit" value="Show" /> -->
   2.134 -</form>
   2.135 -
   2.136  <h3>Summary</h3>
   2.137  <pre class="package">
   2.138  <?php
   2.139 @@ -180,26 +167,35 @@
   2.140  	cut -d. -f1); echo '   '\$file; done"); ?>
   2.141  </pre>
   2.142  
   2.143 -<!-- End of content with round corner -->
   2.144 +<!-- End of content -->
   2.145  </div>
   2.146  
   2.147 -<!-- Start of footer and copy notice -->
   2.148 -<div id="copy">
   2.149 -<p>
   2.150 -Copyright &copy; <?php echo date('Y'); ?> <a href="http://www.slitaz.org/">SliTaz</a> -
   2.151 -<a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
   2.152 -</p>
   2.153 -<!-- End of copy -->
   2.154 -</div>
   2.155 -
   2.156 -<!-- Bottom and logo's -->
   2.157 -<div id="bottom">
   2.158 -<p>
   2.159 -<a href="http://validator.w3.org/check?uri=referer"><img
   2.160 -   src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   2.161 -   title="Code validé XHTML 1.0"
   2.162 -   style="width: 80px; height: 15px;" /></a>
   2.163 -</p>
   2.164 +<!-- Footer -->
   2.165 +<div id="footer">
   2.166 +	<div class="right_box">
   2.167 +	<h4>SliTaz Network</h4>
   2.168 +		<ul>
   2.169 +			<li><a href="http://www.slitaz.org/">Main Website</a></li>
   2.170 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   2.171 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   2.172 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   2.173 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   2.174 +			<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
   2.175 +		</ul>
   2.176 +	</div>
   2.177 +	<h4>SliTaz Website</h4>
   2.178 +	<ul>
   2.179 +		<li><a href="#header">Top of the page</a></li>
   2.180 +		<li>Copyright &copy; <span class="year"></span>
   2.181 +			<a href="http://www.slitaz.org/">SliTaz</a></li>
   2.182 +		<li><a href="http://www.slitaz.org/en/about/">About the project</a></li>
   2.183 +		<li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li>
   2.184 +		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   2.185 +		<li><a href="http://validator.w3.org/check?uri=referer"><img
   2.186 +		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   2.187 +		title="Code validé XHTML 1.0"
   2.188 +		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   2.189 +	</ul>
   2.190  </div>
   2.191  
   2.192  </body>
     3.1 --- a/tazbb/stuff/web/log.php	Tue Jan 11 14:37:48 2011 +0100
     3.2 +++ b/tazbb/stuff/web/log.php	Tue Jan 11 15:42:58 2011 +0100
     3.3 @@ -18,55 +18,50 @@
     3.4      <link rel="shortcut icon" href="favicon.ico" />
     3.5      <link rel="stylesheet" type="text/css" href="slitaz.css" />
     3.6  </head>
     3.7 +<body>
     3.8  
     3.9 -<body bgcolor="#ffffff">
    3.10  <!-- Header -->
    3.11  <div id="header">
    3.12 -    <a name="top"></a>
    3.13      <a href="http://bb.slitaz.org/"><img id="logo"
    3.14 -    src="pics/website/logo.png" title="bb.slitaz.org" alt="bb.slitaz.org"
    3.15 -    style="border: 0px solid ; width: 200px; height: 74px;" /></a>
    3.16 -    <p id="titre">#!/bb/packages<?php if ($version == 'stable') echo '/stable'; ?></p>
    3.17 -</div>
    3.18 -
    3.19 -<!-- Navigation menu -->
    3.20 -<div id="nav">
    3.21 -
    3.22 -<div class="nav_box">
    3.23 -<h4>SliTaz Network</h4>
    3.24 -<ul>
    3.25 -	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    3.26 -	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    3.27 -	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    3.28 -	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    3.29 -	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    3.30 -	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    3.31 -	<li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    3.32 -</ul>
    3.33 -</div>
    3.34 -
    3.35 -<div class="nav_box">
    3.36 -<h4>SliTaz Developers</h4>
    3.37 -<ul>
    3.38 -	<li><a href="http://hg.slitaz.org/">Hg Repositories</a></li>
    3.39 -	<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    3.40 -	<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    3.41 -	<li><a href="http://labs.slitaz.org/wiki/distro">Distro Wiki</a></li>
    3.42 -</ul>
    3.43 -</div>
    3.44 -
    3.45 -<!-- End navigation menu -->
    3.46 +		src="pics/website/logo.png"
    3.47 +		title="bb.slitaz.org" alt="bb.slitaz.org" /></a>
    3.48 +    <p id="titre">#!/Build/Bot<?php if ($version == 'stable') echo '/stable'; ?></p>
    3.49  </div>
    3.50  
    3.51  <!-- Content -->
    3.52 -<div id="content">
    3.53 +<div id="content-full">
    3.54  
    3.55 -<h1><font color="#3E1220">Build Bot</font></h1>
    3.56 -<h2><font color="#DF8F06">Cooklog</font></h2>
    3.57 +<!-- Block begin -->
    3.58 +<div class="block">
    3.59 +	<!-- Nav block begin -->
    3.60 +	<div id="block_nav">
    3.61 +		<h3><img src="pics/website/development.png" alt="devel.png" />Developers</h3>
    3.62 +		<ul>
    3.63 +			<li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li>
    3.64 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
    3.65 +			<li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li>
    3.66 +			<li><a href="http://people.slitaz.org/">People Stuff</a></li>
    3.67 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    3.68 +		</ul>
    3.69 +	<!-- Nav block end -->
    3.70 +	</div>
    3.71 +	<!-- Top block begin -->
    3.72 +	<div id="block_top">
    3.73 +		<h1>Cooklog</h1>
    3.74 +		<p>
    3.75 +			The BuildBot generated cooklog file to help debug packages
    3.76 +			and check the build process.
    3.77 +		</p>
    3.78 +	<!-- Top block end -->
    3.79 +	</div>
    3.80 +<!-- Block end -->
    3.81 +</div>
    3.82 +
    3.83 +<h2>Search</h2>
    3.84  
    3.85  <p>
    3.86  <form action="log.php" method="get">
    3.87 -	Show cooklog: <input type="text" name="package" />
    3.88 +	<input type="text" name="package" />
    3.89  	<!-- <input type="submit" value="Show" /> -->
    3.90  <?php
    3.91  
    3.92 @@ -92,26 +87,35 @@
    3.93  
    3.94  ?>
    3.95  
    3.96 -<!-- End of content with round corner -->
    3.97 +<!-- End of content -->
    3.98  </div>
    3.99  
   3.100 -<!-- Start of footer and copy notice -->
   3.101 -<div id="copy">
   3.102 -<p>
   3.103 -Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
   3.104 -<a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
   3.105 -</p>
   3.106 -<!-- End of copy -->
   3.107 -</div>
   3.108 -
   3.109 -<!-- Bottom and logo's -->
   3.110 -<div id="bottom">
   3.111 -<p>
   3.112 -<a href="http://validator.w3.org/check?uri=referer"><img
   3.113 -   src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   3.114 -   title="Code validé XHTML 1.0"
   3.115 -   style="width: 80px; height: 15px;" /></a>
   3.116 -</p>
   3.117 +<!-- Footer -->
   3.118 +<div id="footer">
   3.119 +	<div class="right_box">
   3.120 +	<h4>SliTaz Network</h4>
   3.121 +		<ul>
   3.122 +			<li><a href="http://www.slitaz.org/">Main Website</a></li>
   3.123 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   3.124 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   3.125 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   3.126 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   3.127 +			<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
   3.128 +		</ul>
   3.129 +	</div>
   3.130 +	<h4>SliTaz Website</h4>
   3.131 +	<ul>
   3.132 +		<li><a href="#header">Top of the page</a></li>
   3.133 +		<li>Copyright &copy; <span class="year"></span>
   3.134 +			<a href="http://www.slitaz.org/">SliTaz</a></li>
   3.135 +		<li><a href="http://www.slitaz.org/en/about/">About the project</a></li>
   3.136 +		<li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li>
   3.137 +		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   3.138 +		<li><a href="http://validator.w3.org/check?uri=referer"><img
   3.139 +		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   3.140 +		title="Code validé XHTML 1.0"
   3.141 +		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   3.142 +	</ul>
   3.143  </div>
   3.144  
   3.145  </body>
     4.1 Binary file tazbb/stuff/web/pics/website/logo.png has changed
     5.1 --- a/tazbb/stuff/web/slitaz.css	Tue Jan 11 14:37:48 2011 +0100
     5.2 +++ b/tazbb/stuff/web/slitaz.css	Tue Jan 11 15:42:58 2011 +0100
     5.3 @@ -1,10 +1,10 @@
     5.4  /*
     5.5  	CSS style for SliTaz GNU/Linux website
     5.6 -	www.slitaz.org - (c) 2007 Pankso
     5.7 +	www.slitaz.org - (c) 2011 Pankso
     5.8  */
     5.9  
    5.10  html {
    5.11 -	height:  102%;
    5.12 +	min-height:  102%;
    5.13  }
    5.14  
    5.15  body {
    5.16 @@ -12,6 +12,7 @@
    5.17  	color: black;
    5.18  	font: 13px sans-serif, vernada, arial;
    5.19  	margin: 0;
    5.20 +	border-top: 34px solid #f1f1f1;
    5.21  }
    5.22  
    5.23  /* Accessibility */
    5.24 @@ -19,57 +20,65 @@
    5.25  #access {
    5.26  	position: absolute;
    5.27  	top: 4px;
    5.28 -	right: 4px;
    5.29 +	right: 0px;
    5.30  	text-align: right;
    5.31 -	width: 100%;
    5.32 +	width: auto;
    5.33  	margin: 0;
    5.34 +	padding: 4px 4px 4px 20px;
    5.35  	font-size: 11px;
    5.36  	font-weight: bold;
    5.37  }
    5.38  
    5.39  #access a {
    5.40 -	background: inherit;
    5.41 -	color: white;
    5.42 +	background: transparent;
    5.43 +	color: #0F314E;
    5.44  	text-decoration: none;
    5.45  }
    5.46  
    5.47  #access a:hover {
    5.48  	background: inherit;
    5.49 -	color: #222222;
    5.50 +	color: #b64b22;
    5.51 +}
    5.52 +
    5.53 +#access img {
    5.54 +	vertical-align: middle;
    5.55  }
    5.56  
    5.57  /* Header and title */
    5.58  
    5.59 -#header{
    5.60 -	background: #f0ba08 url(pics/website/header.png) repeat-x top;
    5.61 +#header {
    5.62 +	/*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
    5.63 +	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    5.64  	color: black;
    5.65  	width: 100%;
    5.66 -	height: 50px;
    5.67 +	height: 42px;
    5.68  	border-top: 1px solid black;
    5.69 -	border-bottom: 1px solid black;
    5.70 -	margin-bottom: 30px;
    5.71 +	border-bottom: 1px solid #999;
    5.72 +	margin-bottom: 33px;
    5.73  }
    5.74  
    5.75  #titre {
    5.76  	position: absolute;
    5.77 -	font-size: 16px;
    5.78 +	font-size: 14px;
    5.79  	font-weight: bolder ;
    5.80 -	margin-left: 200px;
    5.81 -	margin-top: 28px;
    5.82 +	left: 180px;
    5.83 +	top: 4px;
    5.84  }
    5.85  
    5.86  #logo {
    5.87  	position: absolute;
    5.88  	float: left;
    5.89 -	margin-left: 16px;
    5.90 -	margin-top: 0px;
    5.91 +	left: 16px;
    5.92 +	top: -10px;
    5.93 +	width: 200px;
    5.94 +	height: 74px;
    5.95  }
    5.96  
    5.97 -/* Navigation */
    5.98 +/* Side bar Navigation */
    5.99  
   5.100  #nav {
   5.101  	position: absolute;
   5.102 -	top: 76px;
   5.103 +	top: 102px;
   5.104  	right: 80px;
   5.105  	color: #555555;
   5.106  	float: right;
   5.107 @@ -79,19 +88,11 @@
   5.108  	font-size: 12px;
   5.109  }
   5.110  
   5.111 -#nav ul {
   5.112 -	-moz-border-radius: 8px;
   5.113 -	-webkit-border-radius: 8px;
   5.114 -	list-style-type: none;
   5.115 -	margin: 10px 0;
   5.116 -	padding: 10px 24px 10px 24px;
   5.117 -	background-color: #eaeaea;
   5.118 -}
   5.119 -
   5.120  #nav .nav_box ul {
   5.121  	list-style-type: none;
   5.122  	margin: 0;
   5.123  	padding: 10px 24px 10px 0px;
   5.124 +	background-color: inherit;
   5.125  }
   5.126  
   5.127  #nav li {
   5.128 @@ -99,7 +100,7 @@
   5.129  }
   5.130  
   5.131  #nav h4 {
   5.132 -	font-size: 110%;
   5.133 +	font-size: 120%;
   5.134  	color: #666666;
   5.135  	font-weight: bold;
   5.136  	margin: 0;
   5.137 @@ -116,27 +117,43 @@
   5.138  }
   5.139  
   5.140  #nav a:hover {
   5.141 -	color: #DF8F06;
   5.142 +	color: #b64b22;
   5.143  	text-decoration: none;
   5.144  	display: block;
   5.145  }
   5.146  
   5.147 -#nav hr {
   5.148 -	margin: 2px 0px 1px 0px;
   5.149 -	border: 0px;
   5.150 -	border-top: 1px solid #BDBDBD;
   5.151 -
   5.152 +#nav ul {
   5.153 +	-moz-border-radius: 8px;
   5.154 +	-webkit-border-radius: 8px;
   5.155 +	border-radius: 8px;
   5.156 +	list-style-type: none;
   5.157 +	margin: 10px 0;
   5.158 +	padding: 10px 24px 10px 24px;
   5.159 +	background-color: #eaeaea;
   5.160  }
   5.161  
   5.162  .nav_box {
   5.163 -	-moz-border-radius: 8px;
   5.164 -	-webkit-border-radius: 8px;
   5.165  	margin: 10px 0;
   5.166  	padding: 10px 24px 10px 24px;
   5.167  	background-color: #eaeaea;
   5.168  	text-align: justify;
   5.169 +	-moz-border-radius: 8px;
   5.170 +	-webkit-border-radius: 8px;
   5.171 +	border-radius: 8px;
   5.172 +	-moz-box-shadow: 0 1px 3px #666;
   5.173 +	-webkit-box-shadow: 0 1px 3px #666;
   5.174 +	box-shadow: 0 1px 3px #666;
   5.175 +	/* CSS3 transition */
   5.176 +	-webkit-transition-property: background-color;
   5.177 +	-webkit-transition-duration: 2s;
   5.178 +	-moz-transition-property: background-color;
   5.179 +	-moz-transition-duration: 2s;
   5.180 +	transition-property: background-color;
   5.181 +	transition-duration: 2s;
   5.182  }
   5.183  
   5.184 +.nav_box:hover { background-color: #f8f8f8; }
   5.185 +
   5.186  #nav .nav_box p {
   5.187  	line-height: 1.3em;
   5.188  }
   5.189 @@ -153,65 +170,31 @@
   5.190  	background: inherit;
   5.191  }
   5.192  
   5.193 -#nav hr {
   5.194 -	height: 0px;
   5.195 -	border: 0px solid #eaeaea;
   5.196 -}
   5.197 -
   5.198  /* Page content */
   5.199  
   5.200 -#content, #content_bottom, #content_top {
   5.201 +#content {
   5.202  	background: white;
   5.203  	color: black;
   5.204  	text-align: justify;
   5.205 -}
   5.206 -
   5.207 -#content {
   5.208  	height: auto;
   5.209  	margin: 6px 320px 0px 0px;
   5.210  	padding: 0px 40px 60px 80px;
   5.211  }
   5.212  
   5.213 -#content li {
   5.214 +#content-full {
   5.215 +	background: white;
   5.216 +	color: black;
   5.217 +	text-align: justify;
   5.218 +	height: auto;
   5.219 +	margin: 0;
   5.220 +	padding: 0px 80px 40px 80px;
   5.221 +}
   5.222 +
   5.223 +#content li, #content-full li {
   5.224  	line-height: 1.5em;
   5.225  	text-align: left;
   5.226  }
   5.227  
   5.228 -/* Legal informations */
   5.229 -
   5.230 -#copy {
   5.231 -	font-size: 11px ;
   5.232 -	text-align: left ;
   5.233 -	background: transparent;
   5.234 -	color: #a8a8a8;
   5.235 -	padding-top: 10px;
   5.236 -	margin: 0 0 0 80px;
   5.237 -}
   5.238 -
   5.239 -#copy a {
   5.240 -	background: inherit;
   5.241 -	color: #a8a8a8;
   5.242 -}
   5.243 -
   5.244 -#copy a:hover {
   5.245 -	background: inherit;
   5.246 -	color: #666666;
   5.247 -}
   5.248 -
   5.249 -/* Footer */
   5.250 -
   5.251 -#bottom {
   5.252 -	float: none;
   5.253 -	background: inherit;
   5.254 -	color: black;
   5.255 -	width: auto;
   5.256 -	clear: both;
   5.257 -	padding: 0;
   5.258 -	margin: 0 0 0 80px;
   5.259 -	text-align: left;
   5.260 -	vertical-align: middle;
   5.261 -}
   5.262 -
   5.263  #news li {
   5.264  	list-style-type: square;
   5.265  	border-bottom: 1px dotted #BEBEBE;
   5.266 @@ -219,22 +202,184 @@
   5.267  	padding: 4px 0px 4px 0px;
   5.268  }
   5.269  
   5.270 +#news a {
   5.271 +	text-decoration: none;
   5.272 +}
   5.273 +
   5.274  #gallery {
   5.275  	text-align: center;
   5.276  }
   5.277  
   5.278 -#gallery table {
   5.279 -	margin: 30px 0px 30px 0px;
   5.280 +/* Box and block. */
   5.281 +
   5.282 +.infobox {
   5.283 +	margin: 20px 60px;
   5.284 +	padding: 12px;
   5.285 +	background: #f8f8f8;
   5.286 +}
   5.287 +
   5.288 +.infobox img { vertical-align: middle; }
   5.289 +/* .infobox:hover { background-color: #f2b21d; } */
   5.290 +.infobox:hover { background-color: #FBFBFB; }
   5.291 +
   5.292 +.block {
   5.293 +	/*padding-bottom: 35%;*/
   5.294 +	color: black;
   5.295 +	min-height: 200px;
   5.296 +	margin-bottom: 40px;
   5.297 +}
   5.298 +
   5.299 +.block ul {
   5.300 +	list-style-type: none;
   5.301 +	margin: 0;
   5.302 +	padding: 0 20px;
   5.303 +}
   5.304 +
   5.305 +.block_left {
   5.306 +	width: 46%;
   5.307 +	float: left;
   5.308 +	background-color: #eaeaea;
   5.309 +	margin: 4px 2px;
   5.310 +	padding: 0 10px 10px 10px;
   5.311 +}
   5.312 +
   5.313 +.block_right {
   5.314 +	width: 46%;
   5.315 +	float: right;
   5.316 +	background-color: #eaeaea;
   5.317 +	margin: 4px 2px;
   5.318 +	padding: 0 10px 10px 10px;
   5.319 +}
   5.320 +
   5.321 +#block_top {
   5.322 +	color: black;
   5.323 +	background-color: #eaeaea;
   5.324 +	min-height: 180px;
   5.325 +	margin-bottom: 40px;
   5.326 +	margin-right: 340px;
   5.327 +	padding: 0 10px;
   5.328 +}
   5.329 +
   5.330 +#block_nav {
   5.331 +	width: 300px;
   5.332 +	min-height: 180px;
   5.333 +	float: right;
   5.334 +	background-color: #eaeaea;
   5.335 +	margin: 0;
   5.336 +	padding: 0 10px;
   5.337 +}
   5.338 +
   5.339 +.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
   5.340 +	-moz-border-radius: 8px;
   5.341 +	-webkit-border-radius: 8px;
   5.342 +	border-radius: 8px;
   5.343 +	-moz-box-shadow: 0 1px 3px #666;
   5.344 +	-webkit-box-shadow: 0 1px 3px #666;
   5.345 +	box-shadow: 0 1px 3px #666;
   5.346 +	/* CSS3 transition */
   5.347 +	-webkit-transition-property: background-color;
   5.348 +	-webkit-transition-duration: 2s;
   5.349 +	-moz-transition-property: background-color;
   5.350 +	-moz-transition-duration: 2s;
   5.351 +	transition-property: background-color;
   5.352 +	transition-duration: 2s;
   5.353 +}
   5.354 +
   5.355 +#block_nav {
   5.356 +	font-weight: bold;
   5.357 +}
   5.358 +
   5.359 +#block_nav a {
   5.360 +	text-decoration: none;
   5.361 +}
   5.362 +
   5.363 +#block_nav li a:hover {
   5.364 +	color: #b64b22;
   5.365 +}
   5.366 +
   5.367 +#block_nav ul {
   5.368 +	margin: 0;
   5.369 +	list-style-type: none;
   5.370 +}
   5.371 +
   5.372 +#block_nav h3 {
   5.373 +	font-size: 110%;
   5.374 +}
   5.375 +
   5.376 +.block_left:hover, .block_right:hover, #block_top:hover,
   5.377 +#block_nav:hover, #footer:hover { 
   5.378 +	background-color: #f8f8f8;
   5.379 +}
   5.380 +
   5.381 +.right_box {
   5.382 +	width: 50%;
   5.383 +	float: right;
   5.384 +}
   5.385 +
   5.386 +.floor {
   5.387 +	color: #999999;
   5.388 +	font-size: 20px;
   5.389 +	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   5.390 +	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   5.391 +	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   5.392 +	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   5.393 +	transform: rotate(-45deg) skew(15deg, 15deg);
   5.394 +}
   5.395 +	
   5.396 +/* Button */
   5.397 +
   5.398 +.button { margin-left: 20px; }
   5.399 +
   5.400 +.button a { 
   5.401 +	background-color: #b64b22;
   5.402 +	color: #ffffff;
   5.403 +	margin-right: 6px;
   5.404 +	padding: 6px 10px;
   5.405 +	font-size: 14px;
   5.406 +	-moz-border-radius: 4px;
   5.407 +	-webkit-border-radius: 4px;
   5.408 +	border-radius: 4px;
   5.409 +	-moz-box-shadow: 0 1px 3px #666;
   5.410 +	-webkit-box-shadow: 0 1px 3px #666;
   5.411 +	box-shadow: 0 1px 3px #666;
   5.412 +}
   5.413 +
   5.414 +.button a:hover, input[type=submit]:hover { 
   5.415 +	background-color: #a3431f;
   5.416 +	color: #ffffff;
   5.417 +}
   5.418 +
   5.419 +input[type=submit] {
   5.420 +	border: 1px solid #b64b22;
   5.421 +	background-color: #b64b22;
   5.422 +	color: white;
   5.423 +	font-weight: bold;
   5.424 +	cursor: pointer;
   5.425 +	padding: 2px 10px;
   5.426 +	font-size: 14px;
   5.427 +	-moz-border-radius: 2px;
   5.428 +	-webkit-border-radius: 2px;
   5.429 +	border-radius: 2px;
   5.430 +	-moz-box-shadow: 0 0 5px #666;
   5.431 +	-webkit-box-shadow: 0 0 5px#666;
   5.432 +	box-shadow: 0 0 5px #666;
   5.433 +}
   5.434 +
   5.435 +input[type=text] {
   5.436 +	border: 1px solid #333333;
   5.437 +	padding: 3px;
   5.438 +	width: 100%;
   5.439 +	max-width: 500px;
   5.440  }
   5.441  
   5.442  /* Clouds */
   5.443  
   5.444  #cloud {
   5.445 -	padding: 20px 0px 20px 0px;
   5.446 +	padding: 10px 0px;
   5.447  	line-height: 3em;
   5.448  	text-align: center;
   5.449  }
   5.450 -#cloud a { padding: 4px; color: #956411; }
   5.451 +#cloud a { padding: 0 2px; color: #956411; }
   5.452  #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   5.453  #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   5.454  #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   5.455 @@ -246,47 +391,70 @@
   5.456  #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   5.457  #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   5.458  
   5.459 -/* CSS class. */
   5.460 +/* Slideshow. */
   5.461  
   5.462 -.infobox {
   5.463 -	margin: 10px;
   5.464 -	padding: 12px;
   5.465 -	background: #f2f2f2;
   5.466 -	border: 1px solid #eaeaea;
   5.467 +#slideshow
   5.468 +{
   5.469 +	overflow: hidden;
   5.470 +	margin: 10px auto 10px;
   5.471 +	position: relative;
   5.472 +	width: 260px;
   5.473 +	height: 163px;
   5.474 +}
   5.475 +
   5.476 +#slideshow img
   5.477 +{
   5.478 +	border: 0;
   5.479 +	width: 260px;
   5.480 +	height: 163px;
   5.481 +}
   5.482 +
   5.483 +#twitter {
   5.484 +	margin-top: 20px;
   5.485  	-moz-border-radius: 8px;
   5.486  	-webkit-border-radius: 8px;
   5.487 +	border-radius: 8px;
   5.488 +	-moz-box-shadow: 0 1px 3px #666;
   5.489 +	-webkit-box-shadow: 0 1px 3px #666;
   5.490 +	box-shadow: 0 1px 3px #666;
   5.491  }
   5.492  
   5.493  /* HTML styles */
   5.494  
   5.495  h1 {
   5.496 -	color: blue;
   5.497 -	background: inherit;
   5.498 +	color: #444444;
   5.499 +	background: transparent;
   5.500  	text-align: left;
   5.501 -	margin: 0px 0px 10px 0px;
   5.502 -	font-size: 140%;
   5.503 +	margin: 0px 0px 4px 0px;
   5.504 +	font-size: 150%;
   5.505  	font-weight: bold;
   5.506 +	padding: 5px 0 0 10px;
   5.507  }
   5.508  
   5.509  h2 {
   5.510 -	color: #DF8F06;
   5.511 -	/* border-top: 1px solid #f3f3f3; */
   5.512 -	border-left: 8px solid #f3f3f3;
   5.513 -	padding: 4px 0px 4px 4px;
   5.514 -	margin: 0;
   5.515 -	font-size: 140%;
   5.516 +	color: #b64b22;
   5.517 +	padding: 0;
   5.518 +	margin: 20px 0 0 0;
   5.519 +	font-size: 130%;
   5.520  	font-weight: bold;
   5.521  }
   5.522  
   5.523  h3 {
   5.524  	font-weight: bold;
   5.525 -	color: #6c0023;
   5.526 -	background: inherit;
   5.527 +	color: #666666;
   5.528 +	background: transparent;
   5.529 +}
   5.530 +	
   5.531 +h3 img { 
   5.532 +	vertical-align: middle;
   5.533 +	width: 20px;
   5.534 +	height: 20px;
   5.535 +	padding-right: 4px; 
   5.536  }
   5.537  
   5.538  a {
   5.539  	text-decoration: underline;
   5.540 -	color: #0F314E;
   5.541 +	color: #103A5E;
   5.542  	background: inherit;
   5.543  }
   5.544  
   5.545 @@ -331,7 +499,7 @@
   5.546  	background: #E1E0B0;
   5.547  }
   5.548  
   5.549 -pre.script, pre.log {
   5.550 +pre.script {
   5.551  	padding: 10px;
   5.552  	color: black;
   5.553  	background: #E8E8E8;
   5.554 @@ -363,4 +531,57 @@
   5.555  	color: black;
   5.556  	background: #F3F3F3;
   5.557  	border: 1px solid #DEDEDE;
   5.558 +	border-radius: 4px;
   5.559 +	-moz-border-radius: 4px;
   5.560 +	-webkit-border-radius: 4px;
   5.561  }
   5.562 +
   5.563 +p.get a {
   5.564 +	font-weight: bold;
   5.565 +	text-decoration: none;
   5.566 +}
   5.567 +
   5.568 +.pkgs-search { 
   5.569 +	text-align: center; 
   5.570 +	padding: 40px 20px 80px 20px;
   5.571 +}
   5.572 +
   5.573 +.year:after {
   5.574 +	/* content: "2007-2011"; */
   5.575 +	content: "2011";
   5.576 +}
   5.577 +
   5.578 +/* Footer */
   5.579 +
   5.580 +#footer {
   5.581 +	margin: 0px 80px 80px 80px;
   5.582 +	padding: 10px;
   5.583 +	background: #eaeaea;
   5.584 +	color: #666666;
   5.585 +	height: 180px;
   5.586 +	clear: both;
   5.587 +	border-radius: 8px;
   5.588 +	-moz-border-radius: 8px;
   5.589 +	-webkit-border-radius: 8px;
   5.590 +	-moz-box-shadow: 0 1px 3px #666;
   5.591 +	-webkit-box-shadow: 0 1px 3px #666;
   5.592 +	box-shadow: 0 1px 3px #666;
   5.593 +}
   5.594 +#footer a {
   5.595 +	background: inherit;
   5.596 +	color: #666666;
   5.597 +}
   5.598 +#footer a:hover {
   5.599 +	background: inherit;
   5.600 +	color: #333333;
   5.601 +}
   5.602 +#footer ul {
   5.603 +	list-style-type: none;
   5.604 +}
   5.605 +#footer li {
   5.606 +	padding: 2px;
   5.607 +}
   5.608 +#footer h4 {
   5.609 +	margin: 0 20px;
   5.610 +	font-size: 125%;
   5.611 +}