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 +}