Revision 401089d8 snf-astakos-app/astakos/im/static/im/css/modules.css
| b/snf-astakos-app/astakos/im/static/im/css/modules.css | ||
|---|---|---|
| 443 | 443 |
.stats ul li { margin:0 0 1em 0; padding:0 0 1em 0; list-style:none outside none; background:url(../images/stats-line.jpg) repeat-x left bottom}
|
| 444 | 444 |
.stats .bar { padding: 0; text-align:center; float:left; width:200px;}
|
| 445 | 445 |
.stats .bar div { width:340px; height:30px; border:1px solid #000; margin-top:20px; overflow:hidden;}
|
| 446 |
.stats .bar span { text-align:right; display:block; height:100%; float:left; }
|
|
| 447 |
.stats .bar span em { color:#fff; float:right; }
|
|
| 448 |
.stats .bar em { font-style:normal; color:#222; line-height:30px; font-size:1.231em; padding-left:10px; float:left }
|
|
| 446 |
.stats .bar span { text-align:right; display:block; height:100%; position: relative; overflow: visible; }
|
|
| 447 |
.stats .bar span.value { background-color: transparent !important; }
|
|
| 448 |
.stats .bar span em { color:#000; }
|
|
| 449 |
.stats .bar span em.hovered { color:#fff; }
|
|
| 450 |
.stats .bar em {
|
|
| 451 |
font-style:normal; |
|
| 452 |
color:#222; |
|
| 453 |
line-height:30px; |
|
| 454 |
font-size:1.231em; |
|
| 455 |
padding-left:10px; |
|
| 456 |
position: absolute; |
|
| 457 |
right: 10px; |
|
| 458 |
left: 10px; |
|
| 459 |
} |
|
| 449 | 460 |
.stats .red .bar span { background:#ef4f54; }
|
| 450 | 461 |
.stats .yellow .bar span { background:#f6921e; }
|
| 451 | 462 |
.stats .green .bar span { background:#55b577; }
|
| ... | ... | |
| 519 | 530 |
|
| 520 | 531 |
/* login section */ |
| 521 | 532 |
.login-section {}
|
| 522 |
.main-login-method { margin-bottom: 20px;}
|
|
| 533 |
.main-login-method { margin-bottom: 20px;}
|
|
| 534 |
|
|
| 535 |
|
|
| 536 |
|
|
| 537 |
.stats .bar span {
|
|
| 538 |
transition: width 1s, background-color 0.3s; |
|
| 539 |
-moz-transition: width 1s, background-color 0.3s; /* Firefox 4 */ |
|
| 540 |
-webkit-transition: width 1s, background-color 0.3s; /* Safari and Chrome */ |
|
| 541 |
-o-transition: width 1s, background-color 0.3s; /* Opera */ |
|
| 542 |
} |
|
| 543 |
|
|
| 544 |
.stats .bar em {
|
|
| 545 |
transition: width 1s, color 0.2s; |
|
| 546 |
-moz-transition: width 1s, color 0.2s; /* Firefox 4 */ |
|
| 547 |
-webkit-transition: width 1s, color 0.2s; /* Safari and Chrome */ |
|
| 548 |
-o-transition: width 1s, color 0.2s; /* Opera */ |
|
| 549 |
} |
|
Also available in: Unified diff