wok rev 7937

slitaz-mercurial-style: Start moving to new CSS and layout
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 11 21:53:28 2011 +0100 (2011-01-11)
parents ca810674c318
children 5e5a67e17e5a
files slitaz-mercurial-style/receipt slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl slitaz-mercurial-style/stuff/templates/static/coal-folder.png slitaz-mercurial-style/stuff/templates/static/development.png slitaz-mercurial-style/stuff/templates/static/header-img.png slitaz-mercurial-style/stuff/templates/static/header.png slitaz-mercurial-style/stuff/templates/static/logo.png slitaz-mercurial-style/stuff/templates/static/style-slitaz.css
line diff
     1.1 --- a/slitaz-mercurial-style/receipt	Tue Jan 11 20:49:09 2011 +0100
     1.2 +++ b/slitaz-mercurial-style/receipt	Tue Jan 11 21:53:28 2011 +0100
     1.3 @@ -1,7 +1,7 @@
     1.4  # SliTaz package receipt.
     1.5  
     1.6  PACKAGE="slitaz-mercurial-style"
     1.7 -VERSION="2.1"
     1.8 +VERSION="2.2"
     1.9  CATEGORY="misc"
    1.10  SHORT_DESC="SliTaz CSS style and images for Mercurial Web repos."
    1.11  DEPENDS="mercurial"
     2.1 --- a/slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl	Tue Jan 11 20:49:09 2011 +0100
     2.2 +++ b/slitaz-mercurial-style/stuff/templates/slitaz/footer.tmpl	Tue Jan 11 21:53:28 2011 +0100
     2.3 @@ -1,8 +1,29 @@
     2.4 -{motd}
     2.5 -
     2.6 +<!-- Footer -->
     2.7  <div id="footer">
     2.8 -<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> repos are proudly
     2.9 -powered by <a href="http://mercurial.selenic.com/">Mercurial</a>
    2.10 +	<div class="right_box">
    2.11 +	<h4>SliTaz Network</h4>
    2.12 +		<ul>
    2.13 +			<li><a href="http://www.slitaz.org/">Main Website</a></li>
    2.14 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    2.15 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    2.16 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    2.17 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
    2.18 +			<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    2.19 +		</ul>
    2.20 +	</div>
    2.21 +	<h4>SliTaz Website</h4>
    2.22 +	<ul>
    2.23 +		<li><a href="#header">Top of the page</a></li>
    2.24 +		<li>Copyright &copy; <span class="year"></span>
    2.25 +			<a href="http://www.slitaz.org/">SliTaz</a></li>
    2.26 +		<li><a href="http://www.slitaz.org/en/about/">About the project</a></li>
    2.27 +		<li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li>
    2.28 +		<li>Powered by <a href="http://mercurial.selenic.com/">Mercurial</a></li>
    2.29 +		<li><a href="http://validator.w3.org/check?uri=referer"><img
    2.30 +		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
    2.31 +		title="Code validé XHTML 1.0"
    2.32 +		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
    2.33 +	</ul>
    2.34  </div>
    2.35  
    2.36  </body>
     3.1 --- a/slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl	Tue Jan 11 20:49:09 2011 +0100
     3.2 +++ b/slitaz-mercurial-style/stuff/templates/slitaz/index.tmpl	Tue Jan 11 21:53:28 2011 +0100
     3.3 @@ -6,37 +6,41 @@
     3.4  <!-- Header -->
     3.5  <div id="header">
     3.6      <a href="http://hg.slitaz.org/"><img id="logo"
     3.7 -    src="{staticurl}logo.png" title="www.slitaz.org" alt="www.slitaz.org"
     3.8 -    style="border: 0px solid ; width: 200px; height: 74px;" /></a>
     3.9 +		src="{staticurl}logo.png" 
    3.10 +		title="www.slitaz.org" alt="www.slitaz.org" /></a>
    3.11      <p id="titre">#!/Hg/repos</p>
    3.12  </div>
    3.13  
    3.14 -<div class="container">
    3.15 +<!-- Content -->
    3.16 +<div id="content-full">
    3.17  
    3.18 -<div id="nav">
    3.19 -
    3.20 -<div class="nav_box">
    3.21 -<h4>About SliTaz repos</h4>
    3.22 -<p>
    3.23 -This web interface lets you follow in real time all improvements, fixes
    3.24 -and other changes made by SliTaz contributors.
    3.25 -</p>
    3.26 +<!-- Block begin -->
    3.27 +<div class="block">
    3.28 +	<!-- Nav block begin -->
    3.29 +	<div id="block_nav">
    3.30 +		<h3><img src="{staticurl}development.png" alt="png" />Devel corner</h3>
    3.31 +		<ul>
    3.32 +			<li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li>
    3.33 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
    3.34 +			<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
    3.35 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    3.36 +			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
    3.37 +			<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    3.38 +		</ul>
    3.39 +	<!-- Nav block end -->
    3.40 +	</div>
    3.41 +	<!-- Top block begin -->
    3.42 +	<div id="block_top">
    3.43 +		<h1>SliTaz Repos</h1>
    3.44 +		<p>
    3.45 +			This web interface lets you follow in real time all improvements,
    3.46 +			fixes and other changes made by SliTaz contributors.
    3.47 +		</p>
    3.48 +	<!-- Top block end -->
    3.49 +	</div>
    3.50 +<!-- Block end -->
    3.51  </div>
    3.52  
    3.53 -
    3.54 -<div class="nav_box">
    3.55 -<h4>SliTaz Network</h4>
    3.56 -<ul>
    3.57 -	<li><a href="http://www.slitaz.org/">Main Website</a></li>
    3.58 -	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    3.59 -	<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
    3.60 -	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    3.61 -	<li><a href="http://bb.slitaz.org/">SliTaz Build Bot</a></li>
    3.62 -</ul>
    3.63 -</div>
    3.64 -</div>
    3.65 -
    3.66 -<div class="main">
    3.67  <h2>SliTaz Mercurial Repositories</h2>
    3.68  
    3.69  <table class="bigtable">
    3.70 @@ -49,6 +53,8 @@
    3.71      </tr>
    3.72      {entries%indexentry}
    3.73  </table>
    3.74 +
    3.75 +<!-- End of content -->
    3.76  </div>
    3.77 -</div>
    3.78 +
    3.79  {footer}
     4.1 Binary file slitaz-mercurial-style/stuff/templates/static/coal-folder.png has changed
     5.1 Binary file slitaz-mercurial-style/stuff/templates/static/development.png has changed
     6.1 Binary file slitaz-mercurial-style/stuff/templates/static/header-img.png has changed
     7.1 Binary file slitaz-mercurial-style/stuff/templates/static/header.png has changed
     8.1 Binary file slitaz-mercurial-style/stuff/templates/static/logo.png has changed
     9.1 --- a/slitaz-mercurial-style/stuff/templates/static/style-slitaz.css	Tue Jan 11 20:49:09 2011 +0100
     9.2 +++ b/slitaz-mercurial-style/stuff/templates/static/style-slitaz.css	Tue Jan 11 21:53:28 2011 +0100
     9.3 @@ -1,5 +1,5 @@
     9.4  html {
     9.5 -	height:  102%;
     9.6 +	min-height:  102%;
     9.7  }
     9.8  
     9.9  body {
    9.10 @@ -7,41 +7,73 @@
    9.11  	color: black;
    9.12  	font: 13px sans-serif, vernada, arial;
    9.13  	margin: 0;
    9.14 +	border-top: 34px solid #f1f1f1;
    9.15 +}
    9.16 +
    9.17 +/* Accessibility */
    9.18 +
    9.19 +#access {
    9.20 +	position: absolute;
    9.21 +	top: 4px;
    9.22 +	right: 0px;
    9.23 +	text-align: right;
    9.24 +	width: auto;
    9.25 +	margin: 0;
    9.26 +	padding: 4px 4px 4px 20px;
    9.27 +	font-size: 11px;
    9.28 +	font-weight: bold;
    9.29 +}
    9.30 +
    9.31 +#access a {
    9.32 +	background: transparent;
    9.33 +	color: #0F314E;
    9.34 +	text-decoration: none;
    9.35 +}
    9.36 +
    9.37 +#access a:hover {
    9.38 +	background: inherit;
    9.39 +	color: #b64b22;
    9.40 +}
    9.41 +
    9.42 +#access img {
    9.43 +	vertical-align: middle;
    9.44  }
    9.45  
    9.46  /* Header and title */
    9.47  
    9.48 -#header{
    9.49 -	background: #f0ba08 url(header.png) repeat-x top;
    9.50 +#header {
    9.51 +	background: #351a0a url(header-img.png) no-repeat top right;
    9.52  	color: black;
    9.53  	width: 100%;
    9.54 -	height: 50px;
    9.55 +	height: 42px;
    9.56  	border-top: 1px solid black;
    9.57 -	border-bottom: 1px solid black;
    9.58 -	margin-bottom: 30px;
    9.59 +	border-bottom: 1px solid #999;
    9.60 +	margin-bottom: 33px;
    9.61  }
    9.62  
    9.63  #titre {
    9.64  	position: absolute;
    9.65 -	font-size: 16px;
    9.66 +	font-size: 14px;
    9.67  	font-weight: bolder ;
    9.68 -	margin-left: 200px;
    9.69 -	margin-top: 28px;
    9.70 +	left: 180px;
    9.71 +	top: 4px;
    9.72  }
    9.73  
    9.74  #logo {
    9.75  	position: absolute;
    9.76  	float: left;
    9.77 -	margin-left: 16px;
    9.78 -	margin-top: 0px;
    9.79 +	left: 16px;
    9.80 +	top: -10px;
    9.81 +	width: 200px;
    9.82 +	height: 74px;
    9.83  }
    9.84  
    9.85 -/* Navigation */
    9.86 +/* Side bar Navigation */
    9.87  
    9.88  #nav {
    9.89  	position: absolute;
    9.90 -	top: 76px;
    9.91 -	right: 40px;
    9.92 +	top: 102px;
    9.93 +	right: 80px;
    9.94  	color: #555555;
    9.95  	float: right;
    9.96  	width: 250px;
    9.97 @@ -50,15 +82,11 @@
    9.98  	font-size: 12px;
    9.99  }
   9.100  
   9.101 -#nav ul {
   9.102 -	list-style-type: none;
   9.103 -	margin: 10px 0;
   9.104 -}
   9.105 -
   9.106  #nav .nav_box ul {
   9.107  	list-style-type: none;
   9.108  	margin: 0;
   9.109  	padding: 10px 24px 10px 0px;
   9.110 +	background-color: inherit;
   9.111  }
   9.112  
   9.113  #nav li {
   9.114 @@ -66,7 +94,7 @@
   9.115  }
   9.116  
   9.117  #nav h4 {
   9.118 -	font-size: 110%;
   9.119 +	font-size: 120%;
   9.120  	color: #666666;
   9.121  	font-weight: bold;
   9.122  	margin: 0;
   9.123 @@ -83,20 +111,43 @@
   9.124  }
   9.125  
   9.126  #nav a:hover {
   9.127 -	color: #DF8F06;
   9.128 +	color: #b64b22;
   9.129  	text-decoration: none;
   9.130  	display: block;
   9.131  }
   9.132  
   9.133 -.nav_box {
   9.134 +#nav ul {
   9.135  	-moz-border-radius: 8px;
   9.136  	-webkit-border-radius: 8px;
   9.137 +	border-radius: 8px;
   9.138 +	list-style-type: none;
   9.139 +	margin: 10px 0;
   9.140 +	padding: 10px 24px 10px 24px;
   9.141 +	background-color: #eaeaea;
   9.142 +}
   9.143 +
   9.144 +.nav_box {
   9.145  	margin: 10px 0;
   9.146  	padding: 10px 24px 10px 24px;
   9.147  	background-color: #eaeaea;
   9.148  	text-align: justify;
   9.149 +	-moz-border-radius: 8px;
   9.150 +	-webkit-border-radius: 8px;
   9.151 +	border-radius: 8px;
   9.152 +	-moz-box-shadow: 0 1px 3px #666;
   9.153 +	-webkit-box-shadow: 0 1px 3px #666;
   9.154 +	box-shadow: 0 1px 3px #666;
   9.155 +	/* CSS3 transition */
   9.156 +	-webkit-transition-property: background-color;
   9.157 +	-webkit-transition-duration: 2s;
   9.158 +	-moz-transition-property: background-color;
   9.159 +	-moz-transition-duration: 2s;
   9.160 +	transition-property: background-color;
   9.161 +	transition-duration: 2s;
   9.162  }
   9.163  
   9.164 +.nav_box:hover { background-color: #f8f8f8; }
   9.165 +
   9.166  #nav .nav_box p {
   9.167  	line-height: 1.3em;
   9.168  }
   9.169 @@ -113,21 +164,291 @@
   9.170  	background: inherit;
   9.171  }
   9.172  
   9.173 -#footer {
   9.174 -	float: none;
   9.175 -	background: inherit;
   9.176 +/* Page content */
   9.177 +
   9.178 +#content {
   9.179 +	background: white;
   9.180  	color: black;
   9.181 -	width: auto;
   9.182 -	clear: both;
   9.183 +	text-align: justify;
   9.184 +	height: auto;
   9.185 +	margin: 6px 320px 0px 0px;
   9.186 +	padding: 0px 40px 60px 80px;
   9.187 +}
   9.188 +
   9.189 +#content-full {
   9.190 +	background: white;
   9.191 +	color: black;
   9.192 +	text-align: justify;
   9.193 +	height: auto;
   9.194 +	margin: 0;
   9.195 +	padding: 0px 80px 40px 80px;
   9.196 +}
   9.197 +
   9.198 +#content li, #content-full li {
   9.199 +	line-height: 1.5em;
   9.200 +	text-align: left;
   9.201 +}
   9.202 +
   9.203 +#news li {
   9.204 +	list-style-type: square;
   9.205 +	border-bottom: 1px dotted #BEBEBE;
   9.206 +	margin-left: -25px;
   9.207 +	padding: 4px 0px 4px 0px;
   9.208 +}
   9.209 +
   9.210 +#news a {
   9.211 +	text-decoration: none;
   9.212 +}
   9.213 +
   9.214 +#gallery {
   9.215 +	text-align: center;
   9.216 +}
   9.217 +
   9.218 +/* Box and block. */
   9.219 +
   9.220 +.infobox {
   9.221 +	margin: 20px 60px;
   9.222 +	padding: 12px;
   9.223 +	background: #f8f8f8;
   9.224 +}
   9.225 +
   9.226 +.infobox img { vertical-align: middle; }
   9.227 +/* .infobox:hover { background-color: #f2b21d; } */
   9.228 +.infobox:hover { background-color: #FBFBFB; }
   9.229 +
   9.230 +.block {
   9.231 +	/*padding-bottom: 35%;*/
   9.232 +	color: black;
   9.233 +	min-height: 200px;
   9.234 +	margin-bottom: 40px;
   9.235 +}
   9.236 +
   9.237 +.block ul {
   9.238 +	list-style-type: none;
   9.239 +	margin: 0;
   9.240 +	padding: 0 20px;
   9.241 +}
   9.242 +
   9.243 +.block_left {
   9.244 +	width: 46%;
   9.245 +	float: left;
   9.246 +	background-color: #eaeaea;
   9.247 +	margin: 4px 2px;
   9.248 +	padding: 0 10px 10px 10px;
   9.249 +}
   9.250 +
   9.251 +.block_right {
   9.252 +	width: 46%;
   9.253 +	float: right;
   9.254 +	background-color: #eaeaea;
   9.255 +	margin: 4px 2px;
   9.256 +	padding: 0 10px 10px 10px;
   9.257 +}
   9.258 +
   9.259 +#block_top {
   9.260 +	color: black;
   9.261 +	background-color: #eaeaea;
   9.262 +	min-height: 180px;
   9.263 +	margin-bottom: 40px;
   9.264 +	margin-right: 340px;
   9.265 +	padding: 0 10px;
   9.266 +}
   9.267 +
   9.268 +#block_nav {
   9.269 +	width: 300px;
   9.270 +	min-height: 180px;
   9.271 +	float: right;
   9.272 +	background-color: #eaeaea;
   9.273 +	margin: 0;
   9.274 +	padding: 0 10px;
   9.275 +}
   9.276 +
   9.277 +.infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
   9.278 +	-moz-border-radius: 8px;
   9.279 +	-webkit-border-radius: 8px;
   9.280 +	border-radius: 8px;
   9.281 +	-moz-box-shadow: 0 1px 3px #666;
   9.282 +	-webkit-box-shadow: 0 1px 3px #666;
   9.283 +	box-shadow: 0 1px 3px #666;
   9.284 +	/* CSS3 transition */
   9.285 +	-webkit-transition-property: background-color;
   9.286 +	-webkit-transition-duration: 2s;
   9.287 +	-moz-transition-property: background-color;
   9.288 +	-moz-transition-duration: 2s;
   9.289 +	transition-property: background-color;
   9.290 +	transition-duration: 2s;
   9.291 +}
   9.292 +
   9.293 +#block_nav {
   9.294 +	font-weight: bold;
   9.295 +}
   9.296 +
   9.297 +#block_nav a {
   9.298 +	text-decoration: none;
   9.299 +}
   9.300 +
   9.301 +#block_nav li a:hover {
   9.302 +	color: #b64b22;
   9.303 +}
   9.304 +
   9.305 +#block_nav ul {
   9.306 +	margin: 0;
   9.307 +	list-style-type: none;
   9.308 +}
   9.309 +
   9.310 +#block_nav h3 {
   9.311 +	font-size: 110%;
   9.312 +}
   9.313 +
   9.314 +.block_left:hover, .block_right:hover, #block_top:hover,
   9.315 +#block_nav:hover, #footer:hover { 
   9.316 +	background-color: #f8f8f8;
   9.317 +}
   9.318 +
   9.319 +.right_box {
   9.320 +	width: 50%;
   9.321 +	float: right;
   9.322 +}
   9.323 +
   9.324 +.floor {
   9.325 +	color: #999999;
   9.326 +	font-size: 20px;
   9.327 +	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   9.328 +	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   9.329 +	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   9.330 +	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   9.331 +	transform: rotate(-45deg) skew(15deg, 15deg);
   9.332 +}
   9.333 +	
   9.334 +/* Button */
   9.335 +
   9.336 +.button { margin-left: 20px; }
   9.337 +
   9.338 +.button a { 
   9.339 +	background-color: #b64b22;
   9.340 +	color: #ffffff;
   9.341 +	margin-right: 6px;
   9.342 +	padding: 6px 10px;
   9.343 +	font-size: 14px;
   9.344 +	-moz-border-radius: 4px;
   9.345 +	-webkit-border-radius: 4px;
   9.346 +	border-radius: 4px;
   9.347 +	-moz-box-shadow: 0 1px 3px #666;
   9.348 +	-webkit-box-shadow: 0 1px 3px #666;
   9.349 +	box-shadow: 0 1px 3px #666;
   9.350 +}
   9.351 +
   9.352 +.button a:hover, input[type=submit]:hover { 
   9.353 +	background-color: #a3431f;
   9.354 +	color: #ffffff;
   9.355 +}
   9.356 +
   9.357 +input[type=submit] {
   9.358 +	border: 1px solid #b64b22;
   9.359 +	background-color: #b64b22;
   9.360 +	color: white;
   9.361 +	font-weight: bold;
   9.362 +	cursor: pointer;
   9.363 +	padding: 2px 10px;
   9.364 +	font-size: 14px;
   9.365 +	-moz-border-radius: 2px;
   9.366 +	-webkit-border-radius: 2px;
   9.367 +	border-radius: 2px;
   9.368 +	-moz-box-shadow: 0 0 5px #666;
   9.369 +	-webkit-box-shadow: 0 0 5px#666;
   9.370 +	box-shadow: 0 0 5px #666;
   9.371 +}
   9.372 +
   9.373 +input[type=text] {
   9.374 +	border: 1px solid #333333;
   9.375 +	padding: 3px;
   9.376 +	width: 100%;
   9.377 +	max-width: 500px;
   9.378 +}
   9.379 +
   9.380 +/* Clouds */
   9.381 +
   9.382 +#cloud {
   9.383 +	padding: 10px 0px;
   9.384 +	line-height: 3em;
   9.385 +	text-align: center;
   9.386 +}
   9.387 +#cloud a { padding: 0 2px; color: #956411; }
   9.388 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   9.389 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   9.390 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   9.391 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   9.392 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   9.393 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   9.394 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   9.395 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   9.396 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   9.397 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   9.398 +
   9.399 +/* Slideshow. */
   9.400 +
   9.401 +#slideshow
   9.402 +{
   9.403 +	overflow: hidden;
   9.404 +	margin: 10px auto 10px;
   9.405 +	position: relative;
   9.406 +	width: 260px;
   9.407 +	height: 163px;
   9.408 +}
   9.409 +
   9.410 +#slideshow img
   9.411 +{
   9.412 +	border: 0;
   9.413 +	width: 260px;
   9.414 +	height: 163px;
   9.415 +}
   9.416 +
   9.417 +#twitter {
   9.418 +	margin-top: 20px;
   9.419 +	-moz-border-radius: 8px;
   9.420 +	-webkit-border-radius: 8px;
   9.421 +	border-radius: 8px;
   9.422 +	-moz-box-shadow: 0 1px 3px #666;
   9.423 +	-webkit-box-shadow: 0 1px 3px #666;
   9.424 +	box-shadow: 0 1px 3px #666;
   9.425 +}
   9.426 +
   9.427 +/* HTML styles */
   9.428 +
   9.429 +h1 {
   9.430 +	color: #444444;
   9.431 +	background: transparent;
   9.432 +	text-align: left;
   9.433 +	margin: 0px 0px 4px 0px;
   9.434 +	font-size: 150%;
   9.435 +	font-weight: bold;
   9.436 +	padding: 5px 0 0 10px;
   9.437 +}
   9.438 +
   9.439 +h2 {
   9.440 +	color: #b64b22;
   9.441  	padding: 0;
   9.442 -	margin: 0;
   9.443 -	text-align: center;
   9.444 +	margin: 20px 0 0 0;
   9.445 +	font-size: 130%;
   9.446 +	font-weight: bold;
   9.447 +}
   9.448 +
   9.449 +h3 {
   9.450 +	font-weight: bold;
   9.451 +	color: #666666;
   9.452 +	background: transparent;
   9.453 +}
   9.454 +	
   9.455 +h3 img { 
   9.456  	vertical-align: middle;
   9.457 +	width: 20px;
   9.458 +	height: 20px;
   9.459 +	padding-right: 4px; 
   9.460  }
   9.461  
   9.462  a {
   9.463  	text-decoration: underline;
   9.464 -	color: #0F314E;
   9.465 +	color: #103A5E;
   9.466  	background: inherit;
   9.467  }
   9.468  
   9.469 @@ -137,10 +458,126 @@
   9.470  	background: inherit;
   9.471  }
   9.472  
   9.473 -h3 {
   9.474 +code {
   9.475 +	font-size: 12px;
   9.476 +	color: #669900;
   9.477 +	background: inherit;
   9.478 +}
   9.479 +
   9.480 +tt {
   9.481 +	color: #15EE15;
   9.482 +	background: inherit;
   9.483 +}
   9.484 +
   9.485 +img {
   9.486 +	border: 0pt none;
   9.487 +}
   9.488 +
   9.489 +fieldset {
   9.490 +	background: #E2ECf6;
   9.491 +	color: black;
   9.492 +	margin-top: 25px;
   9.493 +	border: 1px solid black;
   9.494 +}
   9.495 +
   9.496 +legend {
   9.497 +	border: 1px solid black;
   9.498 +	color: #6c0023;
   9.499 +	background: #eaeaea;
   9.500  	font-weight: bold;
   9.501 -	color: #6c0023;
   9.502 +}
   9.503 +
   9.504 +pre {
   9.505 +	padding: 5px;
   9.506 +	color: black;
   9.507 +	background: #E1E0B0;
   9.508 +}
   9.509 +
   9.510 +pre.script {
   9.511 +	padding: 10px;
   9.512 +	color: black;
   9.513 +	background: #E8E8E8;
   9.514 +	border: 1px inset #606060;
   9.515 +}
   9.516 +
   9.517 +textarea {
   9.518 +	background: #E5E5E5;
   9.519 +	margin-top: 12px;
   9.520 +}
   9.521 +
   9.522 +/* Packages pages */
   9.523 +
   9.524 +.pkg_nav {
   9.525 +	border-top: 1px solid black;
   9.526 +	margin-top: 10px;
   9.527 +	padding-top: 10px;
   9.528 +}
   9.529 +
   9.530 +pre.package {
   9.531 +	padding: 0px;
   9.532 +	color: black;
   9.533 +	background: white;
   9.534 +}
   9.535 +
   9.536 +p.get {
   9.537 +	text-align: center;
   9.538 +	padding: 10px;
   9.539 +	color: black;
   9.540 +	background: #F3F3F3;
   9.541 +	border: 1px solid #DEDEDE;
   9.542 +	border-radius: 4px;
   9.543 +	-moz-border-radius: 4px;
   9.544 +	-webkit-border-radius: 4px;
   9.545 +}
   9.546 +
   9.547 +p.get a {
   9.548 +	font-weight: bold;
   9.549 +	text-decoration: none;
   9.550 +}
   9.551 +
   9.552 +.pkgs-search { 
   9.553 +	text-align: center; 
   9.554 +	padding: 40px 20px 80px 20px;
   9.555 +}
   9.556 +
   9.557 +.year:after {
   9.558 +	/* content: "2007-2011"; */
   9.559 +	content: "2011";
   9.560 +}
   9.561 +
   9.562 +/* Footer */
   9.563 +
   9.564 +#footer {
   9.565 +	margin: 0px 80px 80px 80px;
   9.566 +	padding: 10px;
   9.567 +	background: #eaeaea;
   9.568 +	color: #666666;
   9.569 +	height: 180px;
   9.570 +	clear: both;
   9.571 +	border-radius: 8px;
   9.572 +	-moz-border-radius: 8px;
   9.573 +	-webkit-border-radius: 8px;
   9.574 +	-moz-box-shadow: 0 1px 3px #666;
   9.575 +	-webkit-box-shadow: 0 1px 3px #666;
   9.576 +	box-shadow: 0 1px 3px #666;
   9.577 +}
   9.578 +#footer a {
   9.579  	background: inherit;
   9.580 +	color: #666666;
   9.581 +}
   9.582 +#footer a:hover {
   9.583 +	background: inherit;
   9.584 +	color: #333333;
   9.585 +}
   9.586 +#footer ul {
   9.587 +	list-style-type: none;
   9.588 +}
   9.589 +#footer li {
   9.590 +	padding: 2px;
   9.591 +}
   9.592 +#footer h4 {
   9.593 +	margin: 0 20px;
   9.594 +	font-size: 125%;
   9.595  }
   9.596  
   9.597  .container {
   9.598 @@ -232,12 +669,7 @@
   9.599  /* Common */
   9.600  pre { margin: 0; }
   9.601  
   9.602 -h2 { font-size: 140%; color: black; }
   9.603 -h2 a { color: #000; }
   9.604 -h3 {
   9.605 -  margin-top: -.7em;
   9.606 -  font-size: 100%;
   9.607 -}
   9.608 +h2 a { color: #b64b22; }
   9.609  
   9.610  /* log and tags tables */
   9.611  .bigtable {