SliTaz Repositories

     1.1 --- a/people/slitaz.css	Sat Jan 04 14:12:10 2014 +0000
     1.2 +++ b/people/slitaz.css	Tue Mar 18 23:54:33 2014 +0100
     1.3 @@ -11,7 +11,8 @@
     1.4  	color: black;
     1.5  	font: 13px sans-serif, vernada, arial;
     1.6  	margin: 0;
     1.7 -	min-width: 900px;
     1.8 +	min-width: 780px;
     1.9 +	height: 100%;
    1.10  }
    1.11  
    1.12  a { text-decoration: underline; color: #215090; }
    1.13 @@ -30,7 +31,7 @@
    1.14  
    1.15  #header { 
    1.16  	height: 40px; 
    1.17 -	background: #351a0a;
    1.18 +	background: #222;
    1.19  }
    1.20  
    1.21  #header h1 {
    1.22 @@ -46,8 +47,8 @@
    1.23  	font-style: italic;
    1.24  }
    1.25  
    1.26 -#header h1 a:hover { 
    1.27 -	color: #d66018;
    1.28 +#header h1 a:hover, #network a:hover, #network span { 
    1.29 +	color: #afafaf;
    1.30  }
    1.31  
    1.32  /* Logo */
    1.33 @@ -66,22 +67,22 @@
    1.34  
    1.35  #network { 
    1.36  	float: right; 
    1.37 -	padding: 12px 5px 0; 
    1.38 +	padding: 14px 5px 0; 
    1.39  	font-size: 12px;
    1.40  }
    1.41  
    1.42 -#network a { padding: 0 6px; }
    1.43 -#network a:hover { color: #cfcfcf; }
    1.44 +#network a, #network span { padding: 0 4px; }
    1.45 +#network span { font-weight: bold; }
    1.46  
    1.47  /* Block */
    1.48  
    1.49  #block { 
    1.50 -	min-height: 200px; 
    1.51 -	background: #d66018; 
    1.52 -	padding: 26px 10% 0px;
    1.53 +	min-height: 180px; 
    1.54 +	background: #ccc; 
    1.55 +	padding: 20px 10% 0px;
    1.56  	text-align: center;
    1.57 -	color: #333;
    1.58 -	border-bottom: 1px solid #f5f5f5;
    1.59 +	color: #222;
    1.60 +	border-bottom: 1px solid #afafaf;
    1.61  }
    1.62  
    1.63  #block_info {
    1.64 @@ -91,28 +92,29 @@
    1.65  }
    1.66  
    1.67  #block a, #network a { 
    1.68 -	color: #fff; 
    1.69 +	color: #fff;
    1.70  	font-weight: bold;
    1.71  	text-decoration: none;
    1.72  }
    1.73  
    1.74  #block h4 {
    1.75 -	color: #351a0a;
    1.76 +	color: #222;
    1.77  	margin: 0px;
    1.78  	font-weight: bold;
    1.79  	font-size: 110%;
    1.80  }
    1.81  
    1.82  #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
    1.83 -#block_info a { font-weight: normal; }
    1.84 +#block_info a { font-weight: normal; color: #215090; }
    1.85 +#block_info a:hover { text-decoration: underline; }
    1.86  #block ul { list-style-type: square; }
    1.87 -#block a:hover { color: #351a0a; }
    1.88 +#block_nav a:hover { color: #afafaf; }
    1.89  
    1.90  /* Navigation */
    1.91  
    1.92  #block_nav {
    1.93 -	background: #cc5b17;
    1.94 -	padding: 10px 10px 40px;
    1.95 +	background: #666;
    1.96 +	padding: 10px 10px 20px;
    1.97  	text-align: justify;
    1.98  	width: 48%;
    1.99  	float: right;
   1.100 @@ -132,9 +134,10 @@
   1.101  /* Languages */
   1.102  
   1.103  #lang {
   1.104 -	float: right;
   1.105  	padding: 6px;
   1.106  	font-size: 11px;
   1.107 +	position: absolute;
   1.108 +	right: 0px;
   1.109  }
   1.110  
   1.111  #lang a {
   1.112 @@ -146,6 +149,9 @@
   1.113  	text-decoration: underline;
   1.114  }
   1.115  
   1.116 +.box #lang { text-align: center; position: relative; 
   1.117 +	font-size: 13px; }	 /* for /i18n page */
   1.118 +
   1.119  /* Content */
   1.120  
   1.121  #content {
   1.122 @@ -153,19 +159,30 @@
   1.123  	text-align: justify;
   1.124  }
   1.125  
   1.126 -#news li {
   1.127 +.news li {
   1.128  	list-style-type: square;
   1.129  	border-bottom: 1px dotted #BEBEBE;
   1.130  	margin-left: -25px;
   1.131  	padding: 4px 0px 4px 0px;
   1.132  }
   1.133  
   1.134 -#news a, .feed-grid a { text-decoration: none; }
   1.135 -#news p a { text-decoration: underline; }
   1.136 -#news p a:hover { text-decoration: none; }
   1.137 -#twitter { margin: 20px 0; }
   1.138 +.news a, .feed-grid a { text-decoration: none; }
   1.139 +.news p a { text-decoration: underline; }
   1.140 +.news p a:hover { text-decoration: none; }
   1.141 +#twitter { margin: 20px 0; text-align: center; }
   1.142  #gallery { text-align: center; }
   1.143  
   1.144 +#sponsor {
   1.145 +	font-size: 90%;
   1.146 +	background-color: #fbfbfb;
   1.147 +	border: 2px solid #ddd;
   1.148 +	width: 200px;
   1.149 +	height: 160px;
   1.150 +	float: right;
   1.151 +	text-align: center;
   1.152 +	margin: 10px 0px 20px 20px;
   1.153 +}
   1.154 +
   1.155  /* Classes */
   1.156  
   1.157  .right_box { width: 48%; float: right; }
   1.158 @@ -178,6 +195,21 @@
   1.159  	border: 1px solid #ddd;
   1.160  }
   1.161  
   1.162 +.box-dl, .box-up {
   1.163 +	margin: 20px 60px;
   1.164 +	padding: 12px 12px 12px 66px;
   1.165 +	min-height: 48px;
   1.166 +	border: 1px solid #ddd;
   1.167 +	vertical-align: middle;
   1.168 +}
   1.169 +.box-dl {
   1.170 +	background: url("/images/download.png") no-repeat 12px 12px #efefef;
   1.171 +}
   1.172 +.box-up {
   1.173 +	background: url("/images/update.png") no-repeat  center left #efefef;
   1.174 +}
   1.175 +.box-dl p { color: #456; }
   1.176 +
   1.177  .searchbox { 
   1.178  	margin: 20px 80px; 
   1.179  	padding: 12px; 
   1.180 @@ -186,56 +218,59 @@
   1.181  	border: 1px solid #ddd;
   1.182  }
   1.183  
   1.184 -.feed-grid { height: 180px; overflow: hidden; text-align: left; }
   1.185 -.feed-grid h3 { 
   1.186 -	margin: 15px 0 0; font-size: 16px; 
   1.187 -	padding: 0 22px;
   1.188 -	background: url(images/feed.png) no-repeat left; }
   1.189 -.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
   1.190 -.feed-grid ul { color: #666; }
   1.191 -.feed-grid a { color: #666; }
   1.192 -.feed-grid a:hover { color: blue; }
   1.193 +/* Activity Box */
   1.194 +
   1.195 +.activity { 
   1.196 +	margin: 0 0 20px; 
   1.197 +	background: #efefef; 
   1.198 +	padding: 5px 2px 0; 
   1.199 +	border: 1px solid #ddd; 
   1.200 +}
   1.201 +.activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
   1.202 +.activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
   1.203 +.activity a { text-decoration: none; }
   1.204 +.activity ul { list-style-type: none; 
   1.205 +	margin: 4px 0; padding: 0 4px; line-height: 150%; }
   1.206 +.activity_more { text-align: right;  }
   1.207 +.activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
   1.208 +.activity_more a:hover { text-decoration: underline; }
   1.209 +
   1.210 +.activity span, .news span { 
   1.211 +	color: #666; 
   1.212 +	font-size: 11px; 
   1.213 +	font-weight: normal;
   1.214 +}
   1.215  
   1.216  /* Button */
   1.217  
   1.218 -.button a { 
   1.219 -	background-color: #b64b22;
   1.220 +#block_info .button a { 
   1.221 +	background-color: #666;
   1.222  	color: #ffffff;
   1.223 -	margin-right: 6px;
   1.224 +	margin: 0px 4px;
   1.225  	padding: 6px 10px;
   1.226  	font-size: 12px;
   1.227  	text-decoration: none;
   1.228  	font-weight: bold;
   1.229  }
   1.230 -.button a:hover, input[type=submit]:hover { 
   1.231 -	background-color: #a3431f;
   1.232 +#block_info .button a:hover, input[type=submit]:hover { 
   1.233 +	background-color: #444;
   1.234  	color: #ffffff;
   1.235  }
   1.236  
   1.237  /* Round corner */
   1.238  
   1.239 -#block_nav, pre, .box, .searchbox, .button a, #twitter {
   1.240 +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity,
   1.241 +.activity div, #sponsor {
   1.242  	-moz-border-radius: 4px;
   1.243  	-webkit-border-radius: 4px;
   1.244  	border-radius: 4px;
   1.245  }
   1.246  
   1.247 -/* Transition */
   1.248 -
   1.249 -.box {	
   1.250 -	-webkit-transition-property: background-color;
   1.251 -	-webkit-transition-duration: 2s;
   1.252 -	-moz-transition-property: background-color;
   1.253 -	-moz-transition-duration: 2s;
   1.254 -	transition-property: background-color;
   1.255 -	transition-duration: 2s;
   1.256 -}
   1.257 -
   1.258  /* Form */
   1.259  
   1.260  input[type=submit] {
   1.261 -	border: 1px solid #b64b22;
   1.262 -	background-color: #b64b22;
   1.263 +	border: 1px solid #666;
   1.264 +	background-color: #666;
   1.265  	color: white;
   1.266  	font-weight: bold;
   1.267  	cursor: pointer;
   1.268 @@ -250,7 +285,7 @@
   1.269  	border-bottom-right-radius: 4px;
   1.270  }
   1.271  
   1.272 -input[type=submit]:hover { background-color: #a3431f; }
   1.273 +input[type=submit]:hover { background-color: #444; }
   1.274  
   1.275  input[type=text] {
   1.276  	border: 1px solid #333333;
   1.277 @@ -273,6 +308,8 @@
   1.278  	border-top: 1px solid #ddd;
   1.279  	padding: 40px;
   1.280  	color: #666;
   1.281 +	clear: both;
   1.282 +	margin-bottom: -2%;
   1.283  }
   1.284  
   1.285  #footer a { color: #666; padding: 0 2px; }
   1.286 @@ -281,3 +318,57 @@
   1.287  	/* content: "2007-2014"; */
   1.288  	content: "2014";
   1.289  }
   1.290 +
   1.291 +p, li {
   1.292 +	-moz-hyphens: auto;
   1.293 +	-webkit-hyphens: auto;
   1.294 +	hyphens: auto;
   1.295 +}
   1.296 +
   1.297 +
   1.298 +/* --- SEARCH --- */
   1.299 +
   1.300 +input.gsc-search-button {
   1.301 +	border: 1px solid #b64b22;
   1.302 +	background-color: #b64b22;
   1.303 +	color: white;
   1.304 +	font-weight: bold;
   1.305 +	cursor: pointer;
   1.306 +	padding: 2px 10px;
   1.307 +	font-size: 14px;
   1.308 +	margin-left: -4px;
   1.309 +	-webkit-border-top-right-radius: 4px;
   1.310 +	-webkit-border-bottom-right-radius: 4px;
   1.311 +	-moz-border-radius-topright: 4px;
   1.312 +	-moz-border-radius-bottomright: 4px;
   1.313 +	border-top-right-radius: 4px;
   1.314 +	border-bottom-right-radius: 4px;
   1.315 +}
   1.316 +
   1.317 +.gs-webResult.gs-result a.gs-title:link,
   1.318 +.gs-webResult.gs-result a.gs-title:link b {
   1.319 +	color: #103a5e;
   1.320 +}
   1.321 +
   1.322 +#cse {
   1.323 +	margin-bottom: 120px;
   1.324 +	width:100%;
   1.325 +}
   1.326 +
   1.327 +
   1.328 +/* --- GALLERY --- */
   1.329 +
   1.330 +#gallery div {
   1.331 +	width: 496px;
   1.332 +	border: none;
   1.333 +	border-radius: 12px;
   1.334 +	padding-bottom: 8px;
   1.335 +	margin: 12px auto;
   1.336 +	webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
   1.337 +	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
   1.338 +	box-shadow: 0 0 6px rgba(0,0,0,0.5);
   1.339 +}
   1.340 +#gallery img {
   1.341 +	width: 480px;
   1.342 +	margin: 8px;
   1.343 +}