wok-current 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 © <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 {