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&#888;, 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&#888;);
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&#888;, 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;