slitaz-forge diff people/slitaz.css @ rev 457
pkgs: add backports
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Mon Feb 17 14:55:17 2014 +0000 (2014-02-17) |
parents | 433472bb831d |
children | c1ac675db867 |
line diff
1.1 --- a/people/slitaz.css Sat Jan 04 14:12:10 2014 +0000 1.2 +++ b/people/slitaz.css Mon Feb 17 14:55:17 2014 +0000 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 +}