slitaz-dev-tools rev 22
mirror-tools: Started updating mirror-info website theme to be more like tank's theme. Also removing mirror-info.slitaz.org links since that doesn't work.
| author | Christopher Rogers <slaxemulator@gmail.com> |
|---|---|
| date | Sat Feb 26 18:44:00 2011 +0000 (2011-02-26) |
| parents | d4acd15dc75f |
| children | c10091471566 |
| files | mirror-tools/mirror-info/index.php mirror-tools/mirror-info/pics/website/logo.png mirror-tools/mirror-info/slitaz.css |
line diff
1.1 --- a/mirror-tools/mirror-info/index.php Fri Feb 25 23:23:29 2011 +0100 1.2 +++ b/mirror-tools/mirror-info/index.php Sat Feb 26 18:44:00 2011 +0000 1.3 @@ -4,86 +4,75 @@ 1.4 <head> 1.5 <title>SliTaz Mirror</title> 1.6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 1.7 - <meta name="description" content="slitaz mirror server" /> 1.8 + <meta name="description" content="slitaz tank server" /> 1.9 <meta name="robots" content="index, nofollow" /> 1.10 <meta name="author" content="SliTaz Contributors" /> 1.11 <link rel="shortcut icon" href="favicon.ico" /> 1.12 <link rel="stylesheet" type="text/css" href="slitaz.css" /> 1.13 </head> 1.14 +<body> 1.15 1.16 -<body bgcolor="#ffffff"> 1.17 <!-- Header --> 1.18 <div id="header"> 1.19 - <a name="top"></a> 1.20 - <a href="http://mirror-info.slitaz.org/"><img id="logo" 1.21 - src="pics/website/logo.png" title="mirror-info.slitaz.org" alt="mirror-info.slitaz.org" 1.22 - style="border: 0px solid ; width: 200px; height: 74px;" /></a> 1.23 - <p id="titre">#!/project/<?php echo preg_replace('/(\w+).*/i','$1',$_SERVER["HTTP_HOST"]); ?></p> 1.24 -</div> 1.25 - 1.26 -<!-- Navigation menu --> 1.27 -<div id="nav"> 1.28 - 1.29 -<div class="nav_box"> 1.30 -<h4>About Mirror</h4> 1.31 -<p> 1.32 -This is the SliTaz GNU/Linux main mirror. The server runs naturally SliTaz 1.33 -(stable) in an lguest virtual machine provided by 1.34 -<a href="http://www.ads-lu.com/">Allied Data Sys. (ADS)</a>. 1.35 -</p> 1.36 - 1.37 -</div> 1.38 - 1.39 -<div class="nav_box"> 1.40 -<h4>SliTaz Network</h4> 1.41 -<ul> 1.42 - <li><a href="http://www.slitaz.org/">Main Website</a></li> 1.43 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 1.44 - <li><a href="http://forum.slitaz.org/">Community Forum</a></li> 1.45 - <li><a href="http://scn.slitaz.org/">Community Platform</a></li> 1.46 - <li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li> 1.47 - <li><a href="http://pkgs.slitaz.org/">Packages Database</a></li> 1.48 - <li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li> 1.49 - <li><a href="http://tank.slitaz.org/">SliTaz main server</a></li> 1.50 - <li><a href="http://bb.slitaz.org/">SliTaz Build Bot</a></li> 1.51 - <li><a href="http://hg.slitaz.org/">SliTaz Repositories</a></li> 1.52 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 1.53 - <li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 1.54 -</ul> 1.55 -</div> 1.56 - 1.57 -<!-- End navigation menu --> 1.58 -</div> 1.59 - 1.60 -<!-- Content top. --> 1.61 -<div id="content_top"> 1.62 -<div class="top_left"></div> 1.63 -<div class="top_right"></div> 1.64 + <a href="http://mirror.slitaz.org/info/"><img id="logo" 1.65 + src="pics/website/logo.png" 1.66 + title="tank.slitaz.org" alt="mirror.slitaz.org/info/" /></a> 1.67 + <p id="titre">#!/project/<?php echo preg_replace('/(\w+).*/i','$1',$_SERVER["HTTP_HOST"]); ?></p> 1.68 </div> 1.69 1.70 <!-- Content --> 1.71 -<div id="content"> 1.72 +<div id="content-full"> 1.73 1.74 -<h1><font color="#3E1220">Server</font></h1> 1.75 -<h2><font color="#DF8F06">Codename: 1.76 -<?php echo preg_replace('/(\w+).*/i','$1',$_SERVER["HTTP_HOST"]); ?></font></h2> 1.77 +<!-- Block begin --> 1.78 +<div class="block"> 1.79 + <!-- Nav block begin --> 1.80 + <div id="block_nav"> 1.81 + <h4>SliTaz Network</h4> 1.82 + <ul> 1.83 + <li><a href="http://www.slitaz.org/">Main Website</a></li> 1.84 + <li><a href="http://doc.slitaz.org/">Documentation</a></li> 1.85 + <li><a href="http://forum.slitaz.org/">Community Forum</a></li> 1.86 + <li><a href="http://scn.slitaz.org/">Community Platform</a></li> 1.87 + <li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li> 1.88 + <li><a href="http://pkgs.slitaz.org/">Packages Database</a></li> 1.89 + <li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li> 1.90 + <li><a href="http://tank.slitaz.org/">SliTaz main server</a></li> 1.91 + <li><a href="http://bb.slitaz.org/">SliTaz Build Bot</a></li> 1.92 + <li><a href="http://hg.slitaz.org/">SliTaz Repositories</a></li> 1.93 + <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 1.94 + <li><a href="http://www.distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 1.95 + </ul> 1.96 + <!-- Nav block end --> 1.97 + </div> 1.98 + <!-- Top block begin --> 1.99 + <div id="block_top"> 1.100 + <h1>About Mirror</h1> 1.101 + <p> 1.102 + This is the SliTaz GNU/Linux main mirror. The server runs naturally SliTaz 1.103 + (stable) in an lguest virtual machine provided by 1.104 + <a href="http://www.ads-lu.com/">Allied Data Sys. (ADS)</a>. 1.105 + </p> 1.106 + <p> 1.107 + Mirror CPU is a <?php system("sed -e '/^model name/!d;s/.*Intel(R) //;" . 1.108 + "s/@//;s/(.*)//;s/CPU //;s/.*AMD //;s/.*: //;s/Processor //' </proc/cpuinfo |" . 1.109 + " awk '{ s=$0; n++ } END { if (n == 2) printf \"dual \";" . 1.110 + "if (n == 4) printf \"quad \"; print s }' ")?> - 1.111 + <?php system("free | awk '/Mem:/ { x=2*$2-1; while (x >= 1024) { x /= 1024; ". 1.112 + "n++ }; y=1; while (x > 2) { x /= 2; y *= 2}; ". 1.113 + "printf \"%d%cB RAM\",y,substr(\"MG\",n,1) }' ")?> - Located in France next to 1.114 + Roubaix. This page has real time statistics provided by PHP 1.115 + <code>system()</code> Mirror is also monitored by RRDtool which provides 1.116 + <a href="graphs.php">graphical stats</a>. 1.117 + </p> 1.118 + <!-- Top block end --> 1.119 + </div> 1.120 +<!-- Block end --> 1.121 +</div> 1.122 1.123 -<p> 1.124 -Mirror CPU is a <?php system("sed -e '/^model name/!d;s/.*Intel(R) //;" . 1.125 -"s/@//;s/(.*)//;s/CPU //;s/.*AMD //;s/.*: //;s/Processor //' </proc/cpuinfo |" . 1.126 -" awk '{ s=$0; n++ } END { if (n == 2) printf \"dual \";" . 1.127 -"if (n == 4) printf \"quad \"; print s }' ")?> - 1.128 -<?php system("free | awk '/Mem:/ { x=2*$2-1; while (x >= 1024) { x /= 1024; ". 1.129 -"n++ }; y=1; while (x > 2) { x /= 2; y *= 2}; ". 1.130 -"printf \"%d%cB RAM\",y,substr(\"MG\",n,1) }' ")?> - 1.131 -Located in France next to Roubaix. This page has real time statistics 1.132 -provided by PHP <code>system()</code>. Mirror is also monitored by RRDtool 1.133 -which provides <a href="graphs.php">graphical stats</a>. 1.134 -</p> 1.135 - 1.136 -<h3><a href="graphs.php"> 1.137 - <img title="Mirror RRDtool graphs" src="pics/website/monitor.png" alt="graphs" /> 1.138 - </a>System stats</h3> 1.139 +<h2><a href="graphs.php"><img 1.140 + style="vertical-align: middle; padding: 0 4px 0 0;" 1.141 + title="Mirror RRDtool graphs" alt="graphs" 1.142 + src="pics/website/monitor.png" /></a>System stats</h2> 1.143 1.144 <h4>Uptime</h4> 1.145 1.146 @@ -94,6 +83,7 @@ 1.147 </pre> 1.148 1.149 <h4>Disk usage</h4> 1.150 + 1.151 <pre class="package"> 1.152 <?php 1.153 system("df -h | sed '/^rootfs/d' | grep '\(^/dev\|Filesystem\)'"); 1.154 @@ -107,6 +97,7 @@ 1.155 ?> 1.156 </pre> 1.157 1.158 + 1.159 <?php if (isset($_GET["all"])) { ?> 1.160 <h4>Logins</h4> 1.161 <pre class="package"> 1.162 @@ -254,7 +245,10 @@ 1.163 display_log("/var/log/packages-stable.log", "buildstable", "/iso/stable/packages-3.0.iso"); 1.164 display_log("/var/log/packages-cooking.log","buildcooking","/iso/cooking/packages-cooking.iso"); 1.165 ?> 1.166 -<!-- End of content with round corner --> 1.167 + 1.168 +<!-- End of content --> 1.169 +</div> 1.170 + 1.171 </div> 1.172 <div id="content_bottom"> 1.173 <div class="bottom_left"></div>
2.1 Binary file mirror-tools/mirror-info/pics/website/logo.png has changed
3.1 --- a/mirror-tools/mirror-info/slitaz.css Fri Feb 25 23:23:29 2011 +0100 3.2 +++ b/mirror-tools/mirror-info/slitaz.css Sat Feb 26 18:44:00 2011 +0000 3.3 @@ -1,10 +1,10 @@ 3.4 /* 3.5 CSS style for SliTaz GNU/Linux website 3.6 - www.slitaz.org - (c) 2007 Pankso 3.7 + www.slitaz.org - (c) 2011 Pankso 3.8 */ 3.9 3.10 html { 3.11 - height: 102%; 3.12 + min-height: 102%; 3.13 } 3.14 3.15 body { 3.16 @@ -12,6 +12,7 @@ 3.17 color: black; 3.18 font: 13px sans-serif, vernada, arial; 3.19 margin: 0; 3.20 + border-top: 34px solid #f1f1f1; 3.21 } 3.22 3.23 /* Accessibility */ 3.24 @@ -19,58 +20,66 @@ 3.25 #access { 3.26 position: absolute; 3.27 top: 4px; 3.28 - right: 4px; 3.29 + right: 0px; 3.30 text-align: right; 3.31 - width: 100%; 3.32 + width: auto; 3.33 margin: 0; 3.34 + padding: 4px 4px 4px 20px; 3.35 font-size: 11px; 3.36 font-weight: bold; 3.37 } 3.38 3.39 #access a { 3.40 - background: inherit; 3.41 - color: white; 3.42 + background: transparent; 3.43 + color: #0F314E; 3.44 text-decoration: none; 3.45 } 3.46 3.47 #access a:hover { 3.48 background: inherit; 3.49 - color: #222222; 3.50 + color: #b64b22; 3.51 +} 3.52 + 3.53 +#access img { 3.54 + vertical-align: middle; 3.55 } 3.56 3.57 /* Header and title */ 3.58 3.59 -#header{ 3.60 - background: #f0ba08 url(pics/website/header.png) repeat-x top; 3.61 +#header { 3.62 + /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ 3.63 + background: #351a0a url(pics/website/header-img.png) no-repeat top right; 3.64 color: black; 3.65 width: 100%; 3.66 - height: 50px; 3.67 + height: 42px; 3.68 border-top: 1px solid black; 3.69 - border-bottom: 1px solid black; 3.70 - margin-bottom: 30px; 3.71 + border-bottom: 1px solid #999; 3.72 + margin-bottom: 33px; 3.73 } 3.74 3.75 #titre { 3.76 position: absolute; 3.77 - font-size: 16px; 3.78 + font-size: 14px; 3.79 font-weight: bolder ; 3.80 - margin-left: 200px; 3.81 - margin-top: 28px; 3.82 + left: 180px; 3.83 + top: 4px; 3.84 } 3.85 3.86 #logo { 3.87 position: absolute; 3.88 float: left; 3.89 - margin-left: 16px; 3.90 - margin-top: 0px; 3.91 + left: 16px; 3.92 + top: -10px; 3.93 + width: 200px; 3.94 + height: 74px; 3.95 } 3.96 3.97 -/* Navigation */ 3.98 +/* Side bar Navigation */ 3.99 3.100 #nav { 3.101 position: absolute; 3.102 - top: 76px; 3.103 - right: 40px; 3.104 + top: 102px; 3.105 + right: 80px; 3.106 color: #555555; 3.107 float: right; 3.108 width: 250px; 3.109 @@ -79,19 +88,11 @@ 3.110 font-size: 12px; 3.111 } 3.112 3.113 -#nav ul { 3.114 - -moz-border-radius: 8px; 3.115 - -webkit-border-radius: 8px; 3.116 - list-style-type: none; 3.117 - margin: 10px 0; 3.118 - padding: 10px 24px 10px 24px; 3.119 - background-color: #eaeaea; 3.120 -} 3.121 - 3.122 #nav .nav_box ul { 3.123 list-style-type: none; 3.124 margin: 0; 3.125 padding: 10px 24px 10px 0px; 3.126 + background-color: inherit; 3.127 } 3.128 3.129 #nav li { 3.130 @@ -99,7 +100,7 @@ 3.131 } 3.132 3.133 #nav h4 { 3.134 - font-size: 110%; 3.135 + font-size: 120%; 3.136 color: #666666; 3.137 font-weight: bold; 3.138 margin: 0; 3.139 @@ -116,27 +117,43 @@ 3.140 } 3.141 3.142 #nav a:hover { 3.143 - color: #DF8F06; 3.144 + color: #b64b22; 3.145 text-decoration: none; 3.146 display: block; 3.147 } 3.148 3.149 -#nav hr { 3.150 - margin: 2px 0px 1px 0px; 3.151 - border: 0px; 3.152 - border-top: 1px solid #BDBDBD; 3.153 - 3.154 +#nav ul { 3.155 + -moz-border-radius: 8px; 3.156 + -webkit-border-radius: 8px; 3.157 + border-radius: 8px; 3.158 + list-style-type: none; 3.159 + margin: 10px 0; 3.160 + padding: 10px 24px 10px 24px; 3.161 + background-color: #eaeaea; 3.162 } 3.163 3.164 .nav_box { 3.165 - -moz-border-radius: 8px; 3.166 - -webkit-border-radius: 8px; 3.167 margin: 10px 0; 3.168 padding: 10px 24px 10px 24px; 3.169 background-color: #eaeaea; 3.170 text-align: justify; 3.171 + -moz-border-radius: 8px; 3.172 + -webkit-border-radius: 8px; 3.173 + border-radius: 8px; 3.174 + -moz-box-shadow: 0 1px 3px #666; 3.175 + -webkit-box-shadow: 0 1px 3px #666; 3.176 + box-shadow: 0 1px 3px #666; 3.177 + /* CSS3 transition */ 3.178 + -webkit-transition-property: background-color; 3.179 + -webkit-transition-duration: 2s; 3.180 + -moz-transition-property: background-color; 3.181 + -moz-transition-duration: 2s; 3.182 + transition-property: background-color; 3.183 + transition-duration: 2s; 3.184 } 3.185 3.186 +.nav_box:hover { background-color: #f8f8f8; } 3.187 + 3.188 #nav .nav_box p { 3.189 line-height: 1.3em; 3.190 } 3.191 @@ -144,73 +161,40 @@ 3.192 #nav .nav_box p a { 3.193 display: inline; 3.194 font-weight: normal; 3.195 - text-decoration: none; 3.196 + text-decoration: underline; 3.197 } 3.198 3.199 #nav .nav_box p a:hover { 3.200 text-decoration: none; 3.201 - color: #DF8F06; 3.202 + color: blue; 3.203 background: inherit; 3.204 } 3.205 3.206 -#nav hr { 3.207 - height: 0px; 3.208 - border: 0px solid #eaeaea; 3.209 -} 3.210 - 3.211 /* Page content */ 3.212 3.213 -#content, #content_bottom, #content_top { 3.214 +#content { 3.215 background: white; 3.216 color: black; 3.217 text-align: justify; 3.218 + height: auto; 3.219 + margin: 6px 320px 0px 0px; 3.220 + padding: 0px 40px 60px 80px; 3.221 } 3.222 3.223 -#content { 3.224 +#content-full { 3.225 + background: white; 3.226 + color: black; 3.227 + text-align: justify; 3.228 height: auto; 3.229 - margin: 6px 280px 0px 0px; 3.230 - padding: 0px 40px 60px 40px; 3.231 + margin: 0; 3.232 + padding: 0px 80px 40px 80px; 3.233 } 3.234 3.235 -#content li { 3.236 +#content li, #content-full li { 3.237 line-height: 1.5em; 3.238 text-align: left; 3.239 } 3.240 3.241 -/* Legal informations */ 3.242 - 3.243 -#copy { 3.244 - font-size: 11px ; 3.245 - text-align: center ; 3.246 - background: transparent; 3.247 - color: #a8a8a8; 3.248 - padding-top: 10px; 3.249 -} 3.250 - 3.251 -#copy a { 3.252 - background: inherit; 3.253 - color: #a8a8a8; 3.254 -} 3.255 - 3.256 -#copy a:hover { 3.257 - background: inherit; 3.258 - color: #666666; 3.259 -} 3.260 - 3.261 -/* Footer */ 3.262 - 3.263 -#bottom { 3.264 - float: none; 3.265 - background: inherit; 3.266 - color: black; 3.267 - width: auto; 3.268 - clear: both; 3.269 - padding: 0; 3.270 - margin: 0; 3.271 - text-align: center; 3.272 - vertical-align: middle; 3.273 -} 3.274 - 3.275 #news li { 3.276 list-style-type: square; 3.277 border-bottom: 1px dotted #BEBEBE; 3.278 @@ -218,22 +202,184 @@ 3.279 padding: 4px 0px 4px 0px; 3.280 } 3.281 3.282 +#news a { 3.283 + text-decoration: none; 3.284 +} 3.285 + 3.286 #gallery { 3.287 text-align: center; 3.288 } 3.289 3.290 -#gallery table { 3.291 - margin: 30px 0px 30px 0px; 3.292 +/* Box and block. */ 3.293 + 3.294 +.infobox { 3.295 + margin: 20px 60px; 3.296 + padding: 12px; 3.297 + background: #f8f8f8; 3.298 +} 3.299 + 3.300 +.infobox img { vertical-align: middle; } 3.301 +/* .infobox:hover { background-color: #f2b21d; } */ 3.302 +.infobox:hover { background-color: #FBFBFB; } 3.303 + 3.304 +.block { 3.305 + /*padding-bottom: 35%;*/ 3.306 + color: black; 3.307 + min-height: 200px; 3.308 + margin-bottom: 40px; 3.309 +} 3.310 + 3.311 +.block ul { 3.312 + list-style-type: none; 3.313 + margin: 0; 3.314 + padding: 0 20px; 3.315 +} 3.316 + 3.317 +.block_left { 3.318 + width: 46%; 3.319 + float: left; 3.320 + background-color: #eaeaea; 3.321 + margin: 4px 2px; 3.322 + padding: 0 10px 10px 10px; 3.323 +} 3.324 + 3.325 +.block_right { 3.326 + width: 46%; 3.327 + float: right; 3.328 + background-color: #eaeaea; 3.329 + margin: 4px 2px; 3.330 + padding: 0 10px 10px 10px; 3.331 +} 3.332 + 3.333 +#block_top { 3.334 + color: black; 3.335 + background-color: #eaeaea; 3.336 + min-height: 180px; 3.337 + margin-bottom: 40px; 3.338 + margin-right: 340px; 3.339 + padding: 0 10px; 3.340 +} 3.341 + 3.342 +#block_nav { 3.343 + width: 300px; 3.344 + min-height: 180px; 3.345 + float: right; 3.346 + background-color: #eaeaea; 3.347 + margin: 0; 3.348 + padding: 0 10px; 3.349 +} 3.350 + 3.351 +.infobox, .block_left, .block_right, #block_top, #block_nav, #footer { 3.352 + -moz-border-radius: 8px; 3.353 + -webkit-border-radius: 8px; 3.354 + border-radius: 8px; 3.355 + -moz-box-shadow: 0 1px 3px #666; 3.356 + -webkit-box-shadow: 0 1px 3px #666; 3.357 + box-shadow: 0 1px 3px #666; 3.358 + /* CSS3 transition */ 3.359 + -webkit-transition-property: background-color; 3.360 + -webkit-transition-duration: 2s; 3.361 + -moz-transition-property: background-color; 3.362 + -moz-transition-duration: 2s; 3.363 + transition-property: background-color; 3.364 + transition-duration: 2s; 3.365 +} 3.366 + 3.367 +#block_nav { 3.368 + font-weight: bold; 3.369 +} 3.370 + 3.371 +#block_nav a { 3.372 + text-decoration: none; 3.373 +} 3.374 + 3.375 +#block_nav li a:hover { 3.376 + color: #b64b22; 3.377 +} 3.378 + 3.379 +#block_nav ul { 3.380 + margin: 0; 3.381 + list-style-type: none; 3.382 +} 3.383 + 3.384 +#block_nav h3 { 3.385 + font-size: 110%; 3.386 +} 3.387 + 3.388 +.block_left:hover, .block_right:hover, #block_top:hover, 3.389 +#block_nav:hover, #footer:hover { 3.390 + background-color: #f8f8f8; 3.391 +} 3.392 + 3.393 +.right_box { 3.394 + width: 50%; 3.395 + float: right; 3.396 +} 3.397 + 3.398 +.floor { 3.399 + color: #999999; 3.400 + font-size: 20px; 3.401 + -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 3.402 + -moz-transform: rotate(-45deg) skew(15deg, 15deg); 3.403 + -o-transform: rotate(-45deg) skew(15deg, 15deg); 3.404 + -ms-transform: rotate(-45deg) skew(15deg, 15deg); 3.405 + transform: rotate(-45deg) skew(15deg, 15deg); 3.406 +} 3.407 + 3.408 +/* Button */ 3.409 + 3.410 +.button { margin-left: 20px; } 3.411 + 3.412 +.button a { 3.413 + background-color: #b64b22; 3.414 + color: #ffffff; 3.415 + margin-right: 6px; 3.416 + padding: 6px 10px; 3.417 + font-size: 14px; 3.418 + -moz-border-radius: 4px; 3.419 + -webkit-border-radius: 4px; 3.420 + border-radius: 4px; 3.421 + -moz-box-shadow: 0 1px 3px #666; 3.422 + -webkit-box-shadow: 0 1px 3px #666; 3.423 + box-shadow: 0 1px 3px #666; 3.424 +} 3.425 + 3.426 +.button a:hover, input[type=submit]:hover { 3.427 + background-color: #a3431f; 3.428 + color: #ffffff; 3.429 +} 3.430 + 3.431 +input[type=submit] { 3.432 + border: 1px solid #b64b22; 3.433 + background-color: #b64b22; 3.434 + color: white; 3.435 + font-weight: bold; 3.436 + cursor: pointer; 3.437 + padding: 2px 10px; 3.438 + font-size: 14px; 3.439 + -moz-border-radius: 2px; 3.440 + -webkit-border-radius: 2px; 3.441 + border-radius: 2px; 3.442 + -moz-box-shadow: 0 0 5px #666; 3.443 + -webkit-box-shadow: 0 0 5px#666; 3.444 + box-shadow: 0 0 5px #666; 3.445 +} 3.446 + 3.447 +input[type=text] { 3.448 + border: 1px solid #333333; 3.449 + padding: 3px; 3.450 + width: 100%; 3.451 + max-width: 500px; 3.452 } 3.453 3.454 /* Clouds */ 3.455 3.456 #cloud { 3.457 - padding: 20px 0px 20px 0px; 3.458 + padding: 10px 0px; 3.459 line-height: 3em; 3.460 text-align: center; 3.461 } 3.462 -#cloud a { padding: 4px; color: #956411; } 3.463 +#cloud a { padding: 0 2px; color: #956411; } 3.464 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 3.465 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 3.466 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 3.467 @@ -245,52 +391,70 @@ 3.468 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 3.469 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 3.470 3.471 -/* CSS class. */ 3.472 +/* Slideshow. */ 3.473 3.474 -.infobox { 3.475 - margin: 10px; 3.476 - padding: 12px; 3.477 - background: #f2f2f2; 3.478 - border: 1px solid #eaeaea; 3.479 +#slideshow 3.480 +{ 3.481 + overflow: hidden; 3.482 + margin: 10px auto 10px; 3.483 + position: relative; 3.484 + width: 260px; 3.485 + height: 163px; 3.486 +} 3.487 + 3.488 +#slideshow img 3.489 +{ 3.490 + border: 0; 3.491 + width: 260px; 3.492 + height: 163px; 3.493 +} 3.494 + 3.495 +#twitter { 3.496 + margin-top: 20px; 3.497 -moz-border-radius: 8px; 3.498 -webkit-border-radius: 8px; 3.499 + border-radius: 8px; 3.500 + -moz-box-shadow: 0 1px 3px #666; 3.501 + -webkit-box-shadow: 0 1px 3px #666; 3.502 + box-shadow: 0 1px 3px #666; 3.503 } 3.504 3.505 /* HTML styles */ 3.506 3.507 h1 { 3.508 - color: blue; 3.509 - background: inherit; 3.510 + color: #444444; 3.511 + background: transparent; 3.512 text-align: left; 3.513 - margin: 0px 0px 10px 0px; 3.514 - font-size: 140%; 3.515 + margin: 0px 0px 4px 0px; 3.516 + font-size: 150%; 3.517 font-weight: bold; 3.518 + padding: 5px 0 0 10px; 3.519 } 3.520 3.521 h2 { 3.522 - color: #DF8F06; 3.523 - /* border-top: 1px solid #f3f3f3; */ 3.524 - border-left: 8px solid #f3f3f3; 3.525 - padding: 4px 0px 4px 4px; 3.526 - margin: 0; 3.527 - font-size: 140%; 3.528 + color: #b64b22; 3.529 + padding: 0; 3.530 + margin: 20px 0 0 0; 3.531 + font-size: 130%; 3.532 font-weight: bold; 3.533 } 3.534 3.535 h3 { 3.536 font-weight: bold; 3.537 - color: #6c0023; 3.538 - background: inherit; 3.539 + color: #666666; 3.540 + background: transparent; 3.541 } 3.542 - 3.543 -h3 img { 3.544 + 3.545 +h3 img { 3.546 vertical-align: middle; 3.547 - padding-right: 4px; 3.548 + width: 20px; 3.549 + height: 20px; 3.550 + padding-right: 4px; 3.551 } 3.552 3.553 a { 3.554 text-decoration: underline; 3.555 - color: #0F314E; 3.556 + color: #103A5E; 3.557 background: inherit; 3.558 } 3.559 3.560 @@ -347,18 +511,6 @@ 3.561 margin-top: 12px; 3.562 } 3.563 3.564 -input[type=submit] { 3.565 - background: #E5E5E5; 3.566 - color: black; 3.567 - border: 1px outset #111111; 3.568 - font-weight: bold; 3.569 -} 3.570 - 3.571 -input[type=submit]:hover { 3.572 - background: #F3F3F3; 3.573 - color: black; 3.574 -} 3.575 - 3.576 /* Packages pages */ 3.577 3.578 .pkg_nav { 3.579 @@ -379,4 +531,57 @@ 3.580 color: black; 3.581 background: #F3F3F3; 3.582 border: 1px solid #DEDEDE; 3.583 + border-radius: 4px; 3.584 + -moz-border-radius: 4px; 3.585 + -webkit-border-radius: 4px; 3.586 } 3.587 + 3.588 +p.get a { 3.589 + font-weight: bold; 3.590 + text-decoration: none; 3.591 +} 3.592 + 3.593 +.pkgs-search { 3.594 + text-align: center; 3.595 + padding: 40px 20px 80px 20px; 3.596 +} 3.597 + 3.598 +.year:after { 3.599 + /* content: "2007-2011"; */ 3.600 + content: "2011"; 3.601 +} 3.602 + 3.603 +/* Footer */ 3.604 + 3.605 +#footer { 3.606 + margin: 0px 80px 80px 80px; 3.607 + padding: 10px; 3.608 + background: #eaeaea; 3.609 + color: #666666; 3.610 + height: 180px; 3.611 + clear: both; 3.612 + border-radius: 8px; 3.613 + -moz-border-radius: 8px; 3.614 + -webkit-border-radius: 8px; 3.615 + -moz-box-shadow: 0 1px 3px #666; 3.616 + -webkit-box-shadow: 0 1px 3px #666; 3.617 + box-shadow: 0 1px 3px #666; 3.618 +} 3.619 +#footer a { 3.620 + background: inherit; 3.621 + color: #666666; 3.622 +} 3.623 +#footer a:hover { 3.624 + background: inherit; 3.625 + color: #333333; 3.626 +} 3.627 +#footer ul { 3.628 + list-style-type: none; 3.629 +} 3.630 +#footer li { 3.631 + padding: 2px; 3.632 +} 3.633 +#footer h4 { 3.634 + margin: 0 20px; 3.635 + font-size: 125%; 3.636 +}