slitaz-forge rev 445
Update people CSS and index
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Feb 12 09:00:17 2014 +0100 (2014-02-12) |
parents | 9855896776af |
children | b00fb2dc55ab |
files | people/index.php people/slitaz.css |
line diff
1.1 --- a/people/index.php Fri Jan 31 21:29:09 2014 +0100 1.2 +++ b/people/index.php Wed Feb 12 09:00:17 2014 +0100 1.3 @@ -28,7 +28,7 @@ 1.4 font-size: 11px; 1.5 font-weight: normal; 1.6 display: block; 1.7 - padding: 2px 0; 1.8 + padding: 4px 0; 1.9 } 1.10 ul { list-style-type: square; } 1.11 ul span a { color: #666; } 1.12 @@ -45,8 +45,9 @@ 1.13 <a href="http://scn.slitaz.org/">Community</a> 1.14 <a href="http://doc.slitaz.org/">Doc</a> 1.15 <a href="http://forum.slitaz.org/">Forum</a> 1.16 + <a href="http://irc.slitaz.org/">IRC</a> 1.17 <a href="http://slitaz.pro/">Pro</a> 1.18 - <a href="http://slitaz.spreadshirt.net/">Shop</a> 1.19 + <a href="http://shop.slitaz.org/">Shop</a> 1.20 <a href="http://bugs.slitaz.org">Bugs</a> 1.21 <a href="http://hg.slitaz.org/?sort=lastchange">Hg</a> 1.22 <a href="http://cook.slitaz.org/">Cook</a> 1.23 @@ -60,10 +61,8 @@ 1.24 <div id="block_nav"> 1.25 <h4><img src="images/development.png" alt="development.png" />Developers Corner</h4> 1.26 <ul> 1.27 - <li><a href="http://www.slitaz.org/en/devel/">Website devel</a></li> 1.28 - <li><a href="http://scn.slitaz.org/">Community</a></li> 1.29 - <li><a href="http://hg.slitaz.org/?sort=lastchange">Mercurial Repos</a></li> 1.30 - <li><a href="http://cook.slitaz.org/">Build Bot</a></li> 1.31 + <li><a href="http://www.slitaz.org/en/devel/">Devel Doc</a></li> 1.32 + <li><a href="http://pizza.slitaz.me">Pizza</a></li> 1.33 <li><a href="http://tank.slitaz.org/">Tank Server</a></li> 1.34 <li><a href="http://roadmap.slitaz.org/">Roadmap</a></li> 1.35 </ul> 1.36 @@ -74,8 +73,7 @@ 1.37 <p> 1.38 Each contributor who has access to the project main server, 1.39 code name <a href="http://tank.slitaz.org/">Tank</a> can 1.40 - have a public directory. This Public directory can be reached 1.41 - with URLs in the form of: http://people.slitaz.org/~name/. 1.42 + have a public directory. 1.43 </p> 1.44 <p> 1.45 You can help us maintain and improve this service with a small
2.1 --- a/people/slitaz.css Fri Jan 31 21:29:09 2014 +0100 2.2 +++ b/people/slitaz.css Wed Feb 12 09:00:17 2014 +0100 2.3 @@ -11,7 +11,8 @@ 2.4 color: black; 2.5 font: 13px sans-serif, vernada, arial; 2.6 margin: 0; 2.7 - min-width: 900px; 2.8 + min-width: 780px; 2.9 + height: 100%; 2.10 } 2.11 2.12 a { text-decoration: underline; color: #215090; } 2.13 @@ -30,7 +31,7 @@ 2.14 2.15 #header { 2.16 height: 40px; 2.17 - background: #351a0a; 2.18 + background: #222; 2.19 } 2.20 2.21 #header h1 { 2.22 @@ -46,8 +47,8 @@ 2.23 font-style: italic; 2.24 } 2.25 2.26 -#header h1 a:hover { 2.27 - color: #d66018; 2.28 +#header h1 a:hover, #network a:hover, #network span { 2.29 + color: #afafaf; 2.30 } 2.31 2.32 /* Logo */ 2.33 @@ -66,22 +67,22 @@ 2.34 2.35 #network { 2.36 float: right; 2.37 - padding: 12px 5px 0; 2.38 + padding: 14px 5px 0; 2.39 font-size: 12px; 2.40 } 2.41 2.42 -#network a { padding: 0 6px; } 2.43 -#network a:hover { color: #cfcfcf; } 2.44 +#network a, #network span { padding: 0 4px; } 2.45 +#network span { font-weight: bold; } 2.46 2.47 /* Block */ 2.48 2.49 #block { 2.50 - min-height: 200px; 2.51 - background: #d66018; 2.52 - padding: 26px 10% 0px; 2.53 + min-height: 180px; 2.54 + background: #ccc; 2.55 + padding: 20px 10% 0px; 2.56 text-align: center; 2.57 - color: #333; 2.58 - border-bottom: 1px solid #f5f5f5; 2.59 + color: #222; 2.60 + border-bottom: 1px solid #afafaf; 2.61 } 2.62 2.63 #block_info { 2.64 @@ -91,28 +92,29 @@ 2.65 } 2.66 2.67 #block a, #network a { 2.68 - color: #fff; 2.69 + color: #fff; 2.70 font-weight: bold; 2.71 text-decoration: none; 2.72 } 2.73 2.74 #block h4 { 2.75 - color: #351a0a; 2.76 + color: #222; 2.77 margin: 0px; 2.78 font-weight: bold; 2.79 font-size: 110%; 2.80 } 2.81 2.82 #block_info p { margin: 6px 0; padding: 0 12px 0 0; } 2.83 -#block_info a { font-weight: normal; } 2.84 +#block_info a { font-weight: normal; color: #215090; } 2.85 +#block_info a:hover { text-decoration: underline; } 2.86 #block ul { list-style-type: square; } 2.87 -#block a:hover { color: #351a0a; } 2.88 +#block_nav a:hover { color: #afafaf; } 2.89 2.90 /* Navigation */ 2.91 2.92 #block_nav { 2.93 - background: #cc5b17; 2.94 - padding: 10px 10px 40px; 2.95 + background: #666; 2.96 + padding: 10px 10px 20px; 2.97 text-align: justify; 2.98 width: 48%; 2.99 float: right; 2.100 @@ -132,9 +134,10 @@ 2.101 /* Languages */ 2.102 2.103 #lang { 2.104 - float: right; 2.105 padding: 6px; 2.106 font-size: 11px; 2.107 + position: absolute; 2.108 + right: 0px; 2.109 } 2.110 2.111 #lang a { 2.112 @@ -146,6 +149,9 @@ 2.113 text-decoration: underline; 2.114 } 2.115 2.116 +.box #lang { text-align: center; position: relative; 2.117 + font-size: 13px; } /* for /i18n page */ 2.118 + 2.119 /* Content */ 2.120 2.121 #content { 2.122 @@ -153,19 +159,30 @@ 2.123 text-align: justify; 2.124 } 2.125 2.126 -#news li { 2.127 +.news li { 2.128 list-style-type: square; 2.129 border-bottom: 1px dotted #BEBEBE; 2.130 margin-left: -25px; 2.131 padding: 4px 0px 4px 0px; 2.132 } 2.133 2.134 -#news a, .feed-grid a { text-decoration: none; } 2.135 -#news p a { text-decoration: underline; } 2.136 -#news p a:hover { text-decoration: none; } 2.137 -#twitter { margin: 20px 0; } 2.138 +.news a, .feed-grid a { text-decoration: none; } 2.139 +.news p a { text-decoration: underline; } 2.140 +.news p a:hover { text-decoration: none; } 2.141 +#twitter { margin: 20px 0; text-align: center; } 2.142 #gallery { text-align: center; } 2.143 2.144 +#sponsor { 2.145 + font-size: 90%; 2.146 + background-color: #fbfbfb; 2.147 + border: 2px solid #ddd; 2.148 + width: 200px; 2.149 + height: 160px; 2.150 + float: right; 2.151 + text-align: center; 2.152 + margin: 10px 0px 20px 20px; 2.153 +} 2.154 + 2.155 /* Classes */ 2.156 2.157 .right_box { width: 48%; float: right; } 2.158 @@ -178,6 +195,21 @@ 2.159 border: 1px solid #ddd; 2.160 } 2.161 2.162 +.box-dl, .box-up { 2.163 + margin: 20px 60px; 2.164 + padding: 12px 12px 12px 66px; 2.165 + min-height: 48px; 2.166 + border: 1px solid #ddd; 2.167 + vertical-align: middle; 2.168 +} 2.169 +.box-dl { 2.170 + background: url("/images/download.png") no-repeat 12px 12px #efefef; 2.171 +} 2.172 +.box-up { 2.173 + background: url("/images/update.png") no-repeat center left #efefef; 2.174 +} 2.175 +.box-dl p { color: #456; } 2.176 + 2.177 .searchbox { 2.178 margin: 20px 80px; 2.179 padding: 12px; 2.180 @@ -186,56 +218,59 @@ 2.181 border: 1px solid #ddd; 2.182 } 2.183 2.184 -.feed-grid { height: 180px; overflow: hidden; text-align: left; } 2.185 -.feed-grid h3 { 2.186 - margin: 15px 0 0; font-size: 16px; 2.187 - padding: 0 22px; 2.188 - background: url(images/feed.png) no-repeat left; } 2.189 -.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 2.190 -.feed-grid ul { color: #666; } 2.191 -.feed-grid a { color: #666; } 2.192 -.feed-grid a:hover { color: blue; } 2.193 +/* Activity Box */ 2.194 + 2.195 +.activity { 2.196 + margin: 0 0 20px; 2.197 + background: #efefef; 2.198 + padding: 5px 2px 0; 2.199 + border: 1px solid #ddd; 2.200 +} 2.201 +.activity div { padding: 5px 10px; background: #fff; margin-top: 5px; } 2.202 +.activity p { margin: 0; padding: 5px 10px; font-weight: bold; } 2.203 +.activity a { text-decoration: none; } 2.204 +.activity ul { list-style-type: none; 2.205 + margin: 4px 0; padding: 0 4px; line-height: 150%; } 2.206 +.activity_more { text-align: right; } 2.207 +.activity_more a { font-weight: normal; color: #000; padding: 0 4px; } 2.208 +.activity_more a:hover { text-decoration: underline; } 2.209 + 2.210 +.activity span, .news span { 2.211 + color: #666; 2.212 + font-size: 11px; 2.213 + font-weight: normal; 2.214 +} 2.215 2.216 /* Button */ 2.217 2.218 -.button a { 2.219 - background-color: #b64b22; 2.220 +#block_info .button a { 2.221 + background-color: #666; 2.222 color: #ffffff; 2.223 - margin-right: 6px; 2.224 + margin: 0px 4px; 2.225 padding: 6px 10px; 2.226 font-size: 12px; 2.227 text-decoration: none; 2.228 font-weight: bold; 2.229 } 2.230 -.button a:hover, input[type=submit]:hover { 2.231 - background-color: #a3431f; 2.232 +#block_info .button a:hover, input[type=submit]:hover { 2.233 + background-color: #444; 2.234 color: #ffffff; 2.235 } 2.236 2.237 /* Round corner */ 2.238 2.239 -#block_nav, pre, .box, .searchbox, .button a, #twitter { 2.240 +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity, 2.241 +.activity div, #sponsor { 2.242 -moz-border-radius: 4px; 2.243 -webkit-border-radius: 4px; 2.244 border-radius: 4px; 2.245 } 2.246 2.247 -/* Transition */ 2.248 - 2.249 -.box { 2.250 - -webkit-transition-property: background-color; 2.251 - -webkit-transition-duration: 2s; 2.252 - -moz-transition-property: background-color; 2.253 - -moz-transition-duration: 2s; 2.254 - transition-property: background-color; 2.255 - transition-duration: 2s; 2.256 -} 2.257 - 2.258 /* Form */ 2.259 2.260 input[type=submit] { 2.261 - border: 1px solid #b64b22; 2.262 - background-color: #b64b22; 2.263 + border: 1px solid #666; 2.264 + background-color: #666; 2.265 color: white; 2.266 font-weight: bold; 2.267 cursor: pointer; 2.268 @@ -250,7 +285,7 @@ 2.269 border-bottom-right-radius: 4px; 2.270 } 2.271 2.272 -input[type=submit]:hover { background-color: #a3431f; } 2.273 +input[type=submit]:hover { background-color: #444; } 2.274 2.275 input[type=text] { 2.276 border: 1px solid #333333; 2.277 @@ -273,6 +308,8 @@ 2.278 border-top: 1px solid #ddd; 2.279 padding: 40px; 2.280 color: #666; 2.281 + clear: both; 2.282 + margin-bottom: -2%; 2.283 } 2.284 2.285 #footer a { color: #666; padding: 0 2px; } 2.286 @@ -281,3 +318,57 @@ 2.287 /* content: "2007-2014"; */ 2.288 content: "2014"; 2.289 } 2.290 + 2.291 +p, li { 2.292 + -moz-hyphens: auto; 2.293 + -webkit-hyphens: auto; 2.294 + hyphens: auto; 2.295 +} 2.296 + 2.297 + 2.298 +/* --- SEARCH --- */ 2.299 + 2.300 +input.gsc-search-button { 2.301 + border: 1px solid #b64b22; 2.302 + background-color: #b64b22; 2.303 + color: white; 2.304 + font-weight: bold; 2.305 + cursor: pointer; 2.306 + padding: 2px 10px; 2.307 + font-size: 14px; 2.308 + margin-left: -4px; 2.309 + -webkit-border-top-right-radius: 4px; 2.310 + -webkit-border-bottom-right-radius: 4px; 2.311 + -moz-border-radius-topright: 4px; 2.312 + -moz-border-radius-bottomright: 4px; 2.313 + border-top-right-radius: 4px; 2.314 + border-bottom-right-radius: 4px; 2.315 +} 2.316 + 2.317 +.gs-webResult.gs-result a.gs-title:link, 2.318 +.gs-webResult.gs-result a.gs-title:link b { 2.319 + color: #103a5e; 2.320 +} 2.321 + 2.322 +#cse { 2.323 + margin-bottom: 120px; 2.324 + width:100%; 2.325 +} 2.326 + 2.327 + 2.328 +/* --- GALLERY --- */ 2.329 + 2.330 +#gallery div { 2.331 + width: 496px; 2.332 + border: none; 2.333 + border-radius: 12px; 2.334 + padding-bottom: 8px; 2.335 + margin: 12px auto; 2.336 + webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.337 + -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.338 + box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.339 +} 2.340 +#gallery img { 2.341 + width: 480px; 2.342 + margin: 8px; 2.343 +}