wok 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 © <?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 © <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 © 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 © <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 +}