slitaz-forge rev 39
people: Update to new style and layout
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Mar 28 15:12:12 2011 +0200 (2011-03-28) |
| parents | 1fa6db906aa3 |
| children | 08ebcbf62731 |
| files | people/images/development.png people/images/logo.png people/images/network.png people/images/paypal.png people/images/users.png people/index.php people/pics/website/development.png people/pics/website/header-img.png people/pics/website/logo.png people/pics/website/users.png people/pics/website/xhtml10.png people/slitaz.css |
line diff
1.1 Binary file people/images/development.png has changed
2.1 Binary file people/images/logo.png has changed
3.1 Binary file people/images/network.png has changed
4.1 Binary file people/images/paypal.png has changed
5.1 Binary file people/images/users.png has changed
6.1 --- a/people/index.php Mon Mar 28 15:10:53 2011 +0200 6.2 +++ b/people/index.php Mon Mar 28 15:12:12 2011 +0200 6.3 @@ -1,40 +1,51 @@ 6.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 6.5 - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 6.6 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 6.7 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 6.8 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 6.9 <head> 6.10 - <title>SliTaz People</title> 6.11 - <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 6.12 - <meta name="description" content="SliTaz contributors stuff" /> 6.13 - <meta name="robots" content="index, nofollow" /> 6.14 + <title>SliTaz People</title> 6.15 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 6.16 + <meta name="description" content="slitaz people" /> 6.17 + <meta name="keywords" lang="en" content="slitaz network, slitaz developpers, slitaz contributors" /> 6.18 + <meta name="robots" content="index, follow, all" /> 6.19 <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" /> 6.20 - <meta name="publisher" content="www.slitaz.org" /> 6.21 - <link rel="shortcut icon" href="favicon.ico" /> 6.22 - <link rel="stylesheet" type="text/css" href="slitaz.css" /> 6.23 + <meta name="author" content="Christophe Lincoln"/> 6.24 + <link rel="shortcut icon" href="favicon.ico" /> 6.25 + <link rel="stylesheet" type="text/css" href="slitaz.css" /> 6.26 </head> 6.27 <body> 6.28 6.29 -<!-- Content --> 6.30 -<div id="content"> 6.31 +<!-- Header --> 6.32 +<div id="header"> 6.33 + <div id="logo"></div> 6.34 + <div id="network"> 6.35 + <a href="http://www.slitaz.org/"> 6.36 + <img src="images/network.png" alt="network.png" /></a> 6.37 + <a href="http://scn.slitaz.org/">Community</a> 6.38 + <a href="http://doc.slitaz.org/">Doc</a> 6.39 + <a href="http://forum.slitaz.org/">Forum</a> 6.40 + <a href="http://labs.slitaz.org/issues">Bugs</a> 6.41 + <a href="http://hg.slitaz.org/">Hg</a> 6.42 + </div> 6.43 + <h1><a href="http://people.slitaz.org/">SliTaz People</a></h1> 6.44 +</div> 6.45 6.46 -<!-- Block begin --> 6.47 -<div class="block"> 6.48 - <!-- Nav block begin --> 6.49 - <div id="block_nav" style="min-height: 200px;"> 6.50 - <h3><img src="pics/website/development.png" alt="png" />Devel corner</h3> 6.51 +<!-- Block --> 6.52 +<div id="block"> 6.53 + <!-- Navigation --> 6.54 + <div id="block_nav"> 6.55 + <h4><img src="images/development.png" alt="development.png" />Developers Corner</h4> 6.56 <ul> 6.57 - <li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li> 6.58 + <li><a href="http://www.slitaz.org/en/devel/">Website devel</a></li> 6.59 + <li><a href="http://scn.slitaz.org/">Community</a></li> 6.60 <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 6.61 <li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li> 6.62 <li><a href="http://bb.slitaz.org/">Build Bot</a></li> 6.63 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 6.64 - <li><a href="http://pkgs.slitaz.org/">Packages</a></li> 6.65 <li><a href="http://tank.slitaz.org/">Tank Server</a></li> 6.66 - </ul> 6.67 - <!-- Nav block end --> 6.68 + </ul> 6.69 </div> 6.70 - <!-- Top block begin --> 6.71 - <div id="block_top" style="min-height: 200px;"> 6.72 - <h1>people.slitaz.org</h1> 6.73 + <!-- Information/image --> 6.74 + <div id="block_info"> 6.75 + <h4>People</h4> 6.76 <p> 6.77 Each contributor who has access to the project main server, 6.78 code name <a href="http://tank.slitaz.org/">Tank</a>, can 6.79 @@ -44,11 +55,12 @@ 6.80 <a href="http://www.slitaz.org/">SliTaz Website</a> and 6.81 <a href="http://labs.slitaz.org/">SliTaz Labs</a>. 6.82 </p> 6.83 - <!-- Top block end --> 6.84 </div> 6.85 -<!-- Block end --> 6.86 </div> 6.87 6.88 +<!-- Content --> 6.89 +<div id="content"> 6.90 + 6.91 <h2>SliTaz people</h2> 6.92 6.93 <ul> 6.94 @@ -71,32 +83,26 @@ 6.95 <!-- End of content --> 6.96 </div> 6.97 6.98 +<div style="margin-top: 100px;"></div> 6.99 + 6.100 <!-- Footer --> 6.101 <div id="footer"> 6.102 - <div class="right_box"> 6.103 - <h4>SliTaz Network</h4> 6.104 - <ul> 6.105 - <li><a href="http://www.slitaz.org/">Main Website</a></li> 6.106 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 6.107 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 6.108 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 6.109 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 6.110 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 6.111 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 6.112 - </ul> 6.113 - </div> 6.114 - <h4>Informations</h4> 6.115 - <ul> 6.116 - <li>Copyright © <span class="year"></span> 6.117 - <a href="http://www.slitaz.org/">SliTaz</a></li> 6.118 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 6.119 - <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 6.120 - <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li> 6.121 - <li><a href="http://validator.w3.org/check?uri=referer"><img 6.122 - src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 6.123 - title="Code validé XHTML 1.0" 6.124 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 6.125 - </ul> 6.126 + Copyright © <span class="year"></span> 6.127 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 6.128 + <a href="http://scn.slitaz.org/">Community</a> 6.129 + <a href="http://doc.slitaz.org/">Doc</a> 6.130 + <a href="http://forum.slitaz.org/">Forum</a> 6.131 + <a href="http://pkgs.slitaz.org/">Packages</a> 6.132 + <a href="http://labs.slitaz.org/issues">Bugs</a> 6.133 + <a href="http://hg.slitaz.org/">Hg</a> 6.134 + <p> 6.135 + SliTaz @ 6.136 + <a href="http://twitter.com/slitaz">Twitter</a> 6.137 + <a href="http://www.facebook.com/slitaz">Facebook</a> 6.138 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 6.139 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 6.140 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 6.141 + </p> 6.142 </div> 6.143 6.144 </body>
7.1 Binary file people/pics/website/development.png has changed
8.1 Binary file people/pics/website/header-img.png has changed
9.1 Binary file people/pics/website/logo.png has changed
10.1 Binary file people/pics/website/users.png has changed
11.1 Binary file people/pics/website/xhtml10.png has changed
12.1 --- a/people/slitaz.css Mon Mar 28 15:10:53 2011 +0200 12.2 +++ b/people/slitaz.css Mon Mar 28 15:12:12 2011 +0200 12.3 @@ -1,223 +1,227 @@ 12.4 /* 12.5 - CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux 12.6 + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux 12.7 */ 12.8 12.9 html { 12.10 min-height: 102%; 12.11 } 12.12 + 12.13 body { 12.14 background: #ffffff; 12.15 color: black; 12.16 font: 13px sans-serif, vernada, arial; 12.17 margin: 0; 12.18 - border-top: 34px solid #f1f1f1; 12.19 + min-width: 900px; 12.20 } 12.21 -a { text-decoration: underline; color: #103a5e; } 12.22 + 12.23 +a { text-decoration: underline; color: #215090; } 12.24 a:hover { text-decoration: none; color: blue; } 12.25 -img { border: 0pt none; } 12.26 - 12.27 -/* Accessibility */ 12.28 - 12.29 -#access { 12.30 - position: absolute; 12.31 - top: 4px; 12.32 - right: 0px; 12.33 - text-align: right; 12.34 - width: auto; 12.35 - margin: 0; 12.36 - padding: 4px 4px 4px 20px; 12.37 - font-size: 11px; 12.38 - font-weight: bold; 12.39 +img { border: 0pt none; vertical-align: middle; } 12.40 +h2 { color: #444; } 12.41 +h3 { color: #666; font-size: 140%; } 12.42 +h4 { color: #888; font-size: 120%; } 12.43 +pre { 12.44 + background-color: #f8f8f8; 12.45 + border: 1px solid #ddd; 12.46 + padding: 10px; 12.47 } 12.48 -#access a { 12.49 - background: transparent; 12.50 - color: #0F314E; 12.51 - text-decoration: none; 12.52 -} 12.53 -#access a:hover { color: #b64b22; } 12.54 -#access img { vertical-align: middle; } 12.55 12.56 /* Header */ 12.57 12.58 -#header { 12.59 - background: #351a0a url(pics/website/header-img.png) no-repeat top right; 12.60 - color: black; 12.61 - width: 100%; 12.62 - height: 42px; 12.63 - border-top: 1px solid black; 12.64 - border-bottom: 1px solid #999; 12.65 - margin-bottom: 33px; 12.66 +#header { 12.67 + height: 40px; 12.68 + background: #351a0a; 12.69 } 12.70 -#titre { 12.71 - position: absolute; 12.72 - font-size: 14px; 12.73 - font-weight: bolder ; 12.74 - left: 180px; 12.75 - top: 4px; 12.76 + 12.77 +#header h1 { 12.78 + margin: 0; 12.79 + padding: 8px 0 0 42px; 12.80 + width: 250px; 12.81 } 12.82 + 12.83 +#header h1 a { 12.84 + color: white; 12.85 + text-decoration: none; 12.86 + font-size: 20px; 12.87 + font-style: italic; 12.88 +} 12.89 + 12.90 +#header h1 a:hover, #network a:hover { 12.91 + color: #d66018; 12.92 +} 12.93 + 12.94 +/* Logo */ 12.95 + 12.96 #logo { 12.97 + background: url(images/logo.png) no-repeat left; 12.98 position: absolute; 12.99 float: left; 12.100 - left: 16px; 12.101 - top: -10px; 12.102 - width: 200px; 12.103 - height: 74px; 12.104 + left: 0px; 12.105 + top: 0px; 12.106 + width: 40px; 12.107 + height: 40px; 12.108 } 12.109 12.110 -/* Side bar */ 12.111 +/* SliTaz Network */ 12.112 12.113 -#nav { 12.114 - position: absolute; 12.115 - top: 102px; 12.116 - right: 80px; 12.117 - color: #555555; 12.118 - float: right; 12.119 - width: 250px; 12.120 - line-height: 1.5em; 12.121 - text-align: left; 12.122 +#network { 12.123 + float: right; 12.124 + padding: 10px 5px 0; 12.125 font-size: 12px; 12.126 } 12.127 -#nav h4 { 12.128 - font-size: 120%; 12.129 - color: #666666; 12.130 + 12.131 +#network a { padding: 0 6px; } 12.132 + 12.133 +/* Block */ 12.134 + 12.135 +#block { 12.136 + min-height: 200px; 12.137 + background: #d66018; 12.138 + padding: 26px 10% 0px; 12.139 + text-align: center; 12.140 + color: #333; 12.141 + border-bottom: 1px solid #f5f5f5; 12.142 +} 12.143 + 12.144 +#block_info { 12.145 + text-align: justify; 12.146 + width: 48%; 12.147 + padding: 10px 10px 0 0; 12.148 +} 12.149 + 12.150 +#block a, #network a { 12.151 + color: #fff; 12.152 font-weight: bold; 12.153 - margin: 0; 12.154 - padding: 0 0 1px 0; 12.155 - border-bottom: 1px solid #cecece; 12.156 + text-decoration: none; 12.157 } 12.158 -#nav a { 12.159 - color: #0F314E; 12.160 - background: inherit; 12.161 - display: block; 12.162 + 12.163 +#block h4 { 12.164 + color: #351a0a; 12.165 + margin: 0px; 12.166 + font-weight: bold; 12.167 + font-size: 110%; 12.168 +} 12.169 + 12.170 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 12.171 +#block_info a { font-weight: normal; } 12.172 +#block ul { list-style-type: square; } 12.173 +#block a:hover { color: #351a0a; } 12.174 + 12.175 +/* Navigation */ 12.176 + 12.177 +#block_nav { 12.178 + background: #cc5b17; 12.179 + padding: 10px 10px 40px; 12.180 + text-align: justify; 12.181 + width: 48%; 12.182 + float: right; 12.183 +} 12.184 + 12.185 +#block_nav ul { 12.186 + list-style-type: none; 12.187 + margin: 6px 0; 12.188 + padding: 0; 12.189 +} 12.190 + 12.191 +#block_nav h4 img { 12.192 + margin: 0 4px 0 0; 12.193 + padding: 0; 12.194 +} 12.195 + 12.196 +/* Languages */ 12.197 + 12.198 +#lang { 12.199 + float: right; 12.200 + padding: 6px; 12.201 + font-size: 11px; 12.202 +} 12.203 + 12.204 +#lang a { 12.205 text-decoration: none; 12.206 - font-weight: bold; 12.207 + padding: 0 2px; 12.208 } 12.209 -#nav a:hover { 12.210 - color: #b64b22; 12.211 - text-decoration: none; 12.212 - display: block; 12.213 + 12.214 +#lang a:hover { 12.215 + text-decoration: underline; 12.216 } 12.217 -#nav .nav_box ul { 12.218 - list-style-type: none; 12.219 - margin: 0; 12.220 - padding: 10px 24px 10px 0px; 12.221 - background-color: inherit; 12.222 -} 12.223 -#nav li { display: inline; } 12.224 -#nav ul { 12.225 - -moz-border-radius: 8px; 12.226 - -webkit-border-radius: 8px; 12.227 - border-radius: 8px; 12.228 - list-style-type: none; 12.229 - margin: 10px 0; 12.230 - padding: 10px 24px 10px 24px; 12.231 - background-color: #eaeaea; 12.232 -} 12.233 -.nav_box { 12.234 - margin: 10px 0; 12.235 - padding: 10px 24px 10px 24px; 12.236 - background-color: #eaeaea; 12.237 + 12.238 +/* Content */ 12.239 + 12.240 +#content { 12.241 + padding: 30px 80px; 12.242 text-align: justify; 12.243 } 12.244 -#nav .nav_box p { line-height: 1.3em; } 12.245 -#nav .nav_box p a { 12.246 - display: inline; 12.247 - font-weight: normal; 12.248 - text-decoration: underline; 12.249 -} 12.250 -#nav .nav_box p a:hover { 12.251 - text-decoration: none; 12.252 - color: blue; 12.253 - background: inherit; 12.254 -} 12.255 12.256 -/* Page content */ 12.257 - 12.258 -#content, #content-full { 12.259 - background: white; 12.260 - color: black; 12.261 - text-align: justify; 12.262 - height: auto; 12.263 -} 12.264 -#content, #content-full { 12.265 - margin: 6px 320px 0px 0px; 12.266 - padding: 0px 40px 60px 80px; 12.267 -} 12.268 -#content-full { 12.269 - margin: 0; 12.270 - padding: 0px 80px 40px 80px; 12.271 -} 12.272 -#content li, #content-full li { 12.273 - line-height: 1.5em; 12.274 - text-align: left; 12.275 -} 12.276 #news li { 12.277 list-style-type: square; 12.278 border-bottom: 1px dotted #BEBEBE; 12.279 margin-left: -25px; 12.280 padding: 4px 0px 4px 0px; 12.281 } 12.282 -#news a { text-decoration: none; } 12.283 12.284 -/* Box and block. */ 12.285 +#news a, .feed-grid a { text-decoration: none; } 12.286 +#news p a { text-decoration: underline; } 12.287 +#news p a:hover { text-decoration: none; } 12.288 +#twitter { margin: 20px 0; } 12.289 +#gallery { text-align: center; } 12.290 12.291 -.infobox { 12.292 +/* Classes */ 12.293 + 12.294 +.right_box { width: 48%; float: right; } 12.295 +.left_box { width: 48%; float: left; } 12.296 + 12.297 +.box { 12.298 margin: 20px 60px; 12.299 padding: 12px; 12.300 + background: #efefef; 12.301 + border: 1px solid #ddd; 12.302 +} 12.303 + 12.304 +.searchbox { 12.305 + margin: 20px 80px; 12.306 + padding: 12px; 12.307 background: #f8f8f8; 12.308 + text-align: center; 12.309 + border: 1px solid #ddd; 12.310 } 12.311 -.infobox img { vertical-align: middle; } 12.312 -.infobox:hover { background-color: #FBFBFB; } 12.313 -.block { 12.314 - /*padding-bottom: 35%;*/ 12.315 - color: black; 12.316 - min-height: 200px; 12.317 - margin-bottom: 40px; 12.318 + 12.319 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 12.320 +.feed-grid h3 { 12.321 + margin: 15px 0 0; font-size: 16px; 12.322 + padding: 0 22px; 12.323 + background: url(images/feed.png) no-repeat left; } 12.324 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 12.325 +.feed-grid ul { color: #666; } 12.326 +.feed-grid a { color: #666; } 12.327 +.feed-grid a:hover { color: blue; } 12.328 + 12.329 +/* Button */ 12.330 + 12.331 +.button a { 12.332 + background-color: #b64b22; 12.333 + color: #ffffff; 12.334 + margin-right: 6px; 12.335 + padding: 6px 10px; 12.336 + font-size: 12px; 12.337 + text-decoration: none; 12.338 + font-weight: bold; 12.339 } 12.340 -.block ul { 12.341 - list-style-type: none; 12.342 - margin: 0; 12.343 - padding: 0 20px; 12.344 +.button a:hover, input[type=submit]:hover { 12.345 + background-color: #a3431f; 12.346 + color: #ffffff; 12.347 } 12.348 -.block_left { 12.349 - width: 46%; 12.350 - float: left; 12.351 - background-color: #eaeaea; 12.352 - margin: 4px 2px; 12.353 - padding: 0 10px 10px 10px; 12.354 + 12.355 +/* Round corner */ 12.356 + 12.357 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 12.358 + -moz-border-radius: 4px; 12.359 + -webkit-border-radius: 4px; 12.360 + border-radius: 4px; 12.361 } 12.362 -.block_right { 12.363 - width: 46%; 12.364 - float: right; 12.365 - background-color: #eaeaea; 12.366 - margin: 4px 2px; 12.367 - padding: 0 10px 10px 10px; 12.368 -} 12.369 -#block_top { 12.370 - color: black; 12.371 - background-color: #eaeaea; 12.372 - min-height: 180px; 12.373 - margin-bottom: 40px; 12.374 - margin-right: 340px; 12.375 - padding: 0 10px; 12.376 -} 12.377 -#block_nav { 12.378 - width: 300px; 12.379 - min-height: 180px; 12.380 - float: right; 12.381 - background-color: #eaeaea; 12.382 - margin: 0; 12.383 - padding: 0 10px; 12.384 -} 12.385 -.nav_box, .infobox, .block_left, .block_right, #block_top, 12.386 -#block_nav, #footer { 12.387 - -moz-border-radius: 8px; 12.388 - -webkit-border-radius: 8px; 12.389 - border-radius: 8px; 12.390 - -moz-box-shadow: 0 1px 3px #666; 12.391 - -webkit-box-shadow: 0 1px 3px #666; 12.392 - box-shadow: 0 1px 3px #666; 12.393 - /* CSS3 transition */ 12.394 + 12.395 +/* Transition */ 12.396 + 12.397 +.box { 12.398 -webkit-transition-property: background-color; 12.399 -webkit-transition-duration: 2s; 12.400 -moz-transition-property: background-color; 12.401 @@ -225,216 +229,52 @@ 12.402 transition-property: background-color; 12.403 transition-duration: 2s; 12.404 } 12.405 -#block_nav { font-weight: bold; } 12.406 -#block_nav a { text-decoration: none; } 12.407 -#block_nav li a:hover { color: #b64b22; } 12.408 -#block_nav ul { margin: 0; list-style-type: none; } 12.409 -#block_nav h3 { font-size: 110%; } 12.410 -.nav_box:hover, .block_left:hover, .block_right:hover, 12.411 -#block_top:hover, #block_nav:hover, #footer:hover { 12.412 - background-color: #f8f8f8; 12.413 -} 12.414 -.right_box { width: 50%; float: right; } 12.415 -.left_box { width: 50%; float: left; } 12.416 12.417 -/* Button */ 12.418 -.button { margin-left: 20px; } 12.419 -.button a { 12.420 - background-color: #b64b22; 12.421 - color: #ffffff; 12.422 - margin-right: 6px; 12.423 - padding: 6px 10px; 12.424 - font-size: 14px; 12.425 - -moz-border-radius: 4px; 12.426 - -webkit-border-radius: 4px; 12.427 - border-radius: 4px; 12.428 - -moz-box-shadow: 0 1px 3px #666; 12.429 - -webkit-box-shadow: 0 1px 3px #666; 12.430 - box-shadow: 0 1px 3px #666; 12.431 -} 12.432 -.button a:hover, input[type=submit]:hover { 12.433 - background-color: #a3431f; 12.434 - color: #ffffff; 12.435 -} 12.436 +/* Form */ 12.437 + 12.438 input[type=submit] { 12.439 border: 1px solid #b64b22; 12.440 background-color: #b64b22; 12.441 color: white; 12.442 font-weight: bold; 12.443 cursor: pointer; 12.444 - padding: 3px 10px; 12.445 + padding: 4px 10px; 12.446 font-size: 14px; 12.447 - -moz-border-radius: 2px; 12.448 - -webkit-border-radius: 2px; 12.449 - border-radius: 2px; 12.450 - -moz-box-shadow: 0 0 5px #666; 12.451 - -webkit-box-shadow: 0 0 5px#666; 12.452 - box-shadow: 0 0 5px #666; 12.453 margin-left: -5px; 12.454 + -webkit-border-top-right-radius: 4px; 12.455 + -webkit-border-bottom-right-radius: 4px; 12.456 + -moz-border-radius-topright: 4px; 12.457 + -moz-border-radius-bottomright: 4px; 12.458 + border-top-right-radius: 4px; 12.459 + border-bottom-right-radius: 4px; 12.460 } 12.461 + 12.462 +input[type=submit]:hover { background-color: #a3431f; } 12.463 + 12.464 input[type=text] { 12.465 border: 1px solid #333333; 12.466 - padding: 3px; 12.467 + padding: 4px; 12.468 + height: 17px; 12.469 width: 100%; 12.470 -} 12.471 - 12.472 -/* Text transform at 45deg */ 12.473 -.floor { 12.474 - color: #999999; 12.475 - font-size: 20px; 12.476 - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 12.477 - -moz-transform: rotate(-45deg) skew(15deg, 15deg); 12.478 - -o-transform: rotate(-45deg) skew(15deg, 15deg); 12.479 - -ms-transform: rotate(-45deg) skew(15deg, 15deg); 12.480 - transform: rotate(-45deg) skew(15deg, 15deg); 12.481 -} 12.482 -#twitter, .feedbox { 12.483 - margin-top: 20px; 12.484 - -moz-border-radius: 8px; 12.485 - -webkit-border-radius: 8px; 12.486 - border-radius: 8px; 12.487 - -moz-box-shadow: 0 1px 3px #666; 12.488 - -webkit-box-shadow: 0 1px 3px #666; 12.489 - box-shadow: 0 1px 3px #666; 12.490 -} 12.491 -.feedbox { 12.492 - background-color: #f9f9f9; 12.493 - padding: 10px 20px; 12.494 - margin: 20px 100px; 12.495 -} 12.496 -.feedbox div { 12.497 - height: 320px; 12.498 - overflow: auto; 12.499 -} 12.500 -.feedbox ul { list-style-type: none; margin: 0; } 12.501 - 12.502 -/* Clouds */ 12.503 -#cloud { 12.504 - padding: 10px 0px; 12.505 - line-height: 3em; 12.506 - text-align: center; 12.507 -} 12.508 -#cloud a { padding: 0 2px; color: #444444; } 12.509 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 12.510 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 12.511 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 12.512 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 12.513 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 12.514 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 12.515 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 12.516 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 12.517 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 12.518 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 12.519 - 12.520 -/* Slideshow and gallery */ 12.521 -#slideshow 12.522 -{ 12.523 - overflow: hidden; 12.524 - margin: 10px auto 10px; 12.525 - position: relative; 12.526 - width: 260px; 12.527 - height: 163px; 12.528 -} 12.529 -#slideshow img 12.530 -{ 12.531 - border: 0; 12.532 - width: 260px; 12.533 - height: 163px; 12.534 -} 12.535 -#gallery { text-align: center; } 12.536 - 12.537 -/* HTML styles */ 12.538 - 12.539 -h1 { 12.540 - color: #444444; 12.541 - background: transparent; 12.542 - text-align: left; 12.543 - margin: 0px 0px 4px 0px; 12.544 - font-size: 150%; 12.545 - font-weight: bold; 12.546 - padding: 5px 0 0 10px; 12.547 -} 12.548 -h2 { 12.549 - color: #b64b22; 12.550 - padding: 0; 12.551 - margin: 20px 0 0 0; 12.552 - font-size: 130%; 12.553 - font-weight: bold; 12.554 -} 12.555 -h3 { 12.556 - font-weight: bold; 12.557 - color: #666666; 12.558 - background: transparent; 12.559 -} 12.560 -h3 img, h2 img { 12.561 - vertical-align: middle; 12.562 - width: 20px; 12.563 - height: 20px; 12.564 - padding-right: 4px; 12.565 -} 12.566 -code, tt { 12.567 - font-size: 12px; 12.568 - color: #669900; 12.569 -} 12.570 -pre, pre.script { 12.571 - padding: 10px; 12.572 - color: black; 12.573 - background: #E8E8E8; 12.574 - border: 1px inset #606060; 12.575 -} 12.576 - 12.577 -/* Packages pages */ 12.578 - 12.579 -.pkg_nav { 12.580 - border-top: 1px solid black; 12.581 - margin-top: 10px; 12.582 - padding-top: 10px; 12.583 -} 12.584 -pre.package { 12.585 - padding: 0px; 12.586 - color: black; 12.587 - background: white; 12.588 -} 12.589 -p.get { 12.590 - text-align: center; 12.591 - padding: 10px; 12.592 - color: black; 12.593 - background: #F3F3F3; 12.594 - border: 1px solid #DEDEDE; 12.595 - border-radius: 4px; 12.596 - -moz-border-radius: 4px; 12.597 - -webkit-border-radius: 4px; 12.598 -} 12.599 -p.get a { 12.600 - font-weight: bold; 12.601 - text-decoration: none; 12.602 -} 12.603 -.pkgs-search { 12.604 - text-align: center; 12.605 - padding: 40px 20px 80px 20px; 12.606 + -webkit-border-top-left-radius: 4px; 12.607 + -webkit-border-bottom-left-radius: 4px; 12.608 + -moz-border-radius-topleft: 4px; 12.609 + -moz-border-radius-bottomleft: 4px; 12.610 + border-top-left-radius: 4px; 12.611 + border-bottom-left-radius: 4px; 12.612 } 12.613 12.614 /* Footer */ 12.615 12.616 #footer { 12.617 - margin: 0px 80px 80px 80px; 12.618 - padding: 10px; 12.619 - background: #eaeaea; 12.620 - color: #666666; 12.621 - height: 180px; 12.622 - clear: both; 12.623 - border-radius: 8px; 12.624 - -moz-border-radius: 8px; 12.625 - -webkit-border-radius: 8px; 12.626 - -moz-box-shadow: 0 1px 3px #666; 12.627 - -webkit-box-shadow: 0 1px 3px #666; 12.628 - box-shadow: 0 1px 3px #666; 12.629 + background: #f1f1f1; 12.630 + text-align: center; 12.631 + border-top: 1px solid #ddd; 12.632 + padding: 40px; 12.633 + color: #666; 12.634 } 12.635 -#footer a { color: #666666; } 12.636 -#footer a:hover { color: #333333; } 12.637 -#footer ul { list-style-type: none; } 12.638 -#footer li { padding: 2px; } 12.639 -#footer h4 { margin: 0 20px; font-size: 125%; } 12.640 + 12.641 +#footer a { color: #666; padding: 0 2px; } 12.642 12.643 .year:after { 12.644 /* content: "2007-2011"; */