Revision 57763
Added by Stefania Martziou over 4 years ago
os-observatory-custom.css | ||
---|---|---|
467 | 467 |
/*.contentSectionContainer .md-card-content {*/ |
468 | 468 |
/*text-align: center;*/ |
469 | 469 |
/*}*/ |
470 |
|
|
471 |
|
|
472 |
/*progress {*/ |
|
473 |
/*border: none;*/ |
|
474 |
/*width: 400px;*/ |
|
475 |
/*height: 60px;*/ |
|
476 |
/*background: crimson;*/ |
|
477 |
/*}*/ |
|
478 |
|
|
479 |
/*progress {*/ |
|
480 |
/*color: lightblue;*/ |
|
481 |
/*}*/ |
|
482 |
|
|
483 |
/*progress::-webkit-progress-value {*/ |
|
484 |
/*background: lightblue;*/ |
|
485 |
/*}*/ |
|
486 |
|
|
487 |
/*progress::-moz-progress-bar {*/ |
|
488 |
/*background: lightcolor;*/ |
|
489 |
/*}*/ |
|
490 |
|
|
491 |
/*progress::-webkit-progress-value {*/ |
|
492 |
/*background: red;*/ |
|
493 |
/*}*/ |
|
494 |
|
|
495 |
/*progress::-webkit-progress-bar {*/ |
|
496 |
/*background: blue;*/ |
|
497 |
/*}*/ |
|
498 |
|
|
499 |
/*progress[value]::-webkit-progress-bar {*/ |
|
500 |
/*background-color: #eee;*/ |
|
501 |
/*border-radius: 2px;*/ |
|
502 |
/*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;*/ |
|
503 |
/*}*/ |
|
504 |
|
|
505 |
|
|
506 |
/*progress[value] {*/ |
|
507 |
/*-webkit-appearance: none;*/ |
|
508 |
/*appearance: none;*/ |
|
509 |
/*}*/ |
|
510 |
|
|
511 |
/*progress[value]::-webkit-progress-bar {*/ |
|
512 |
/*background-color: 'green';*/ |
|
513 |
/*}*/ |
|
514 |
|
|
515 |
/*progress[value] {*/ |
|
516 |
/*-moz-appearance: none;*/ |
|
517 |
/*appearance: none;*/ |
|
518 |
/*border: none; !* Firefox also renders a border *!*/ |
|
519 |
/*}*/ |
|
520 |
|
|
521 |
/*progress[value]::-moz-appearance {*/ |
|
522 |
/*background-color: 'green';*/ |
|
523 |
/*}*/ |
|
524 |
|
|
525 |
.progress { |
|
526 |
height: 20px; |
|
527 |
/*margin-bottom: 20px;*/ |
|
528 |
overflow: hidden; |
|
529 |
background-color: #f5f5f5; |
|
530 |
border-radius: 4px; |
|
531 |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); |
|
532 |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); |
|
533 |
} |
|
534 |
|
|
535 |
.progress { |
|
536 |
height: 12px; |
|
537 |
background-color: #e9ecee; |
|
538 |
background-image: none; |
|
539 |
box-shadow: none; |
|
540 |
filter: none; |
|
541 |
} |
|
542 |
|
|
543 |
.progress { |
|
544 |
/*margin-bottom: 10px;*/ |
|
545 |
} |
|
546 |
|
|
547 |
.progress { |
|
548 |
margin-top: 3px; |
|
549 |
width: 85px; |
|
550 |
display: inline-block; |
|
551 |
} |
|
552 |
|
|
553 |
.progress-bar { |
|
554 |
|
|
555 |
float: left; |
|
556 |
width: 0; |
|
557 |
height: 100%; |
|
558 |
font-size: 12px; |
|
559 |
line-height: 20px; |
|
560 |
color: #fff; |
|
561 |
text-align: center; |
|
562 |
background-color: #337ab7; |
|
563 |
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); |
|
564 |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); |
|
565 |
-webkit-transition: width .6s ease; |
|
566 |
-o-transition: width .6s ease; |
|
567 |
transition: width .6s ease; |
|
568 |
|
|
569 |
} |
|
570 |
|
|
571 |
.progress-bar { |
|
572 |
|
|
573 |
box-shadow: none; |
|
574 |
border-radius: 3px; |
|
575 |
background-color: #0090D9; |
|
576 |
background-image: none; |
|
577 |
-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
578 |
transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
579 |
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
580 |
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
581 |
-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
582 |
-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
583 |
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
584 |
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); |
|
585 |
float: left; |
|
586 |
filter: none; |
|
587 |
|
|
588 |
} |
|
589 |
|
|
590 |
.progress-bar-publications { |
|
591 |
background-color: #19647E; |
|
592 |
background-image: none; |
|
593 |
} |
|
594 |
|
|
595 |
.progress-bar-datasets { |
|
596 |
background-color: #019A85; |
|
597 |
background-image: none; |
|
598 |
} |
|
599 |
|
|
600 |
.progress-bar-software { |
|
601 |
background-color: #F88306; |
|
602 |
background-image: none; |
|
603 |
} |
|
604 |
|
|
605 |
.progress-bar-otherProducts { |
|
606 |
background-color: #987CD6; |
|
607 |
background-image: none; |
|
608 |
} |
Also available in: Unified diff
Added progress bars to the overview countries table