Mercurial > libervia-web
comparison public/libervia.css @ 74:3df602cf700a
browser side: groups design
author | Adrien Vigneron <adrienvigneron@mailoo.org> |
---|---|
date | Sat, 18 Jun 2011 02:04:06 +0200 |
parents | dae64124ff24 |
children | 4b4c0b9e2533 |
comparison
equal
deleted
inserted
replaced
73:447dc8ac181b | 74:3df602cf700a |
---|---|
270 width: 100%; | 270 width: 100%; |
271 height: 100% | 271 height: 100% |
272 } | 272 } |
273 /* Contact List */ | 273 /* Contact List */ |
274 | 274 |
275 div.contactBox { | |
276 margin-left: 20px; | |
277 } | |
278 | |
275 .contactTitle { | 279 .contactTitle { |
276 font-style: italic; | 280 color: #fff; |
277 border-bottom: 1px solid gray; | 281 font-weight: bold; |
278 text-align: center; | 282 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); |
283 font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; | |
284 text-indent: 15px; | |
285 width: 200px; | |
286 height: 30px; | |
287 border-right: 1px solid #ddd; | |
288 border-radius: 10px 0 0 0; | |
289 -webkit-border-radius: 10px 0 0 0; | |
290 -moz-border-radius: 10px 0 0 0; | |
291 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#b01e1e’); | |
292 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); | |
293 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; | |
294 background-image: -o-linear-gradient(#cf2828,#b01e1e); | |
295 } | |
296 .groupList { | |
297 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; | |
298 /*width: 200px;*/ | |
299 margin-top: 10px; | |
300 border: 1px solid #fff; | |
301 background-color: #fff; | |
279 } | 302 } |
280 | 303 |
281 .group { | 304 .group { |
282 font-weight: bold; | 305 padding: 2px 20px; |
283 font-size: small; | 306 margin: 0.2em 0 0.2em 1em; |
307 display: inline-block; | |
308 text-decoration: none; | |
309 font-weight: bold; | |
310 color: #e7e5e5; | |
311 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); | |
312 -webkit-transition: color 0.2s linear; | |
313 -moz-transition: color 0.2s linear; | |
314 -o-transition: color 0.2s linear; | |
315 border-radius: 1em; | |
316 -webkit-border-radius: 1em; | |
317 -moz-border-radius: 1em; | |
318 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa͸); | |
319 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); | |
320 background: -moz-linear-gradient(top, #eee, #aaa); | |
321 background-image: -o-linear-gradient(#eee,#aaa); | |
322 color: #444; | |
323 border-top: solid 1px #fff; | |
324 | |
325 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); | |
284 } | 326 } |
285 | 327 |
286 div.group:hover { | 328 div.group:hover { |
287 text-decoration:underline; | 329 color: #fff; |
330 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); | |
331 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828͸, endColorstr=’#981a1a’); | |
332 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); | |
333 background: -moz-linear-gradient(top, #cf2828, #981a1a); | |
334 background-image: -o-linear-gradient(#cf2828,#981a1a); | |
288 } | 335 } |
289 .contact { | 336 .contact { |
290 font-size: small; | 337 font-size: small; |
291 } | 338 } |
292 | 339 |
304 margin: auto; | 351 margin: auto; |
305 width: 80%; | 352 width: 80%; |
306 } | 353 } |
307 | 354 |
308 .uniBox { | 355 .uniBox { |
356 margin-top: 1em; | |
309 width: 100%; | 357 width: 100%; |
310 height: 50px; | 358 height: 50px; |
311 padding: 5px; | 359 padding: 5px; |
312 font-family: Arial, Helvetica, sans-serif; | 360 font-family: Arial, Helvetica, sans-serif; |
313 border: 1px solid #bbb; | 361 border: 1px solid #bbb; |