Revision 58912
Added by Stefania Martziou almost 4 years ago
| os-observatory-custom.css | ||
|---|---|---|
| 425 | 425 |
} |
| 426 | 426 |
|
| 427 | 427 |
|
| 428 |
a.publicationsSubnav {
|
|
| 429 |
color: #F17AA9 !important; |
|
| 430 |
} |
|
| 431 |
|
|
| 432 |
.uk-subnav-pill > .uk-active > a.publicationsSubnav {
|
|
| 433 |
background: #f8d5e3; |
|
| 434 |
} |
|
| 435 |
|
|
| 436 |
a.datasetsSubnav {
|
|
| 437 |
color: #A98BD4 !important; |
|
| 438 |
} |
|
| 439 |
|
|
| 440 |
.uk-subnav-pill > .uk-active > a.datasetsSubnav {
|
|
| 441 |
background: #e2daf0; |
|
| 442 |
} |
|
| 443 |
|
|
| 444 |
a.softwareSubnav {
|
|
| 445 |
color: #C2155A !important; |
|
| 446 |
} |
|
| 447 |
|
|
| 448 |
.uk-subnav-pill > .uk-active > a.softwareSubnav {
|
|
| 449 |
background: #F2D0DE; |
|
| 450 |
} |
|
| 451 |
|
|
| 452 |
a.otherSubnav {
|
|
| 453 |
color: #00CCCC !important; |
|
| 454 |
} |
|
| 455 |
|
|
| 456 |
.uk-subnav-pill > .uk-active > a.otherSubnav {
|
|
| 457 |
background: #CCF4F4; |
|
| 458 |
} |
|
| 459 |
|
|
| 460 |
|
|
| 428 | 461 |
/**************** HEADER ****************/ |
| 429 | 462 |
|
| 430 | 463 |
/*.tm-header .uk-navbar-container {*/
|
| ... | ... | |
| 787 | 820 |
} |
| 788 | 821 |
|
| 789 | 822 |
.datasetsColumn {
|
| 790 |
background-color: #ae91d6;
|
|
| 823 |
background-color: #BB9CE6;
|
|
| 791 | 824 |
box-shadow: 3px 3px 6px #00000029; |
| 792 | 825 |
opacity: 1; |
| 793 | 826 |
z-index: 8; |
| 794 | 827 |
} |
| 795 | 828 |
|
| 796 | 829 |
.datasetsDot {
|
| 797 |
background-color: #ae91d6;
|
|
| 830 |
background-color: #BB9CE6;
|
|
| 798 | 831 |
width: 50px; |
| 799 | 832 |
height: 33px; |
| 800 | 833 |
border-radius: 50%; |
| 801 | 834 |
} |
| 802 | 835 |
|
| 803 | 836 |
.softwareColumn {
|
| 804 |
background-color: #8f1043;
|
|
| 837 |
background-color: #C2155A;
|
|
| 805 | 838 |
box-shadow: 3px 3px 6px #00000029; |
| 806 | 839 |
opacity: 1; |
| 807 | 840 |
z-index: 6; |
| 808 | 841 |
} |
| 809 | 842 |
|
| 810 | 843 |
.softwareDot {
|
| 811 |
background-color: #8f1043;
|
|
| 844 |
background-color: #C2155A;
|
|
| 812 | 845 |
width: 50px; |
| 813 | 846 |
height: 33px; |
| 814 | 847 |
border-radius: 50%; |
| 815 | 848 |
} |
| 816 | 849 |
|
| 817 | 850 |
.otherColumn {
|
| 818 |
background-color: #00a1c2;
|
|
| 851 |
background-color: #00CCCC;
|
|
| 819 | 852 |
box-shadow: 3px 3px 6px #00000029; |
| 820 | 853 |
opacity: 1; |
| 821 | 854 |
z-index: 4; |
| 822 | 855 |
} |
| 823 | 856 |
|
| 824 | 857 |
.otherDot {
|
| 825 |
background-color: #00a1c2;
|
|
| 858 |
background-color: #00CCCC;
|
|
| 826 | 859 |
width: 50px; |
| 827 | 860 |
height: 33px; |
| 828 | 861 |
border-radius: 50%; |
| ... | ... | |
| 867 | 900 |
} |
| 868 | 901 |
|
| 869 | 902 |
|
| 903 |
/********* DONUT - CIRCLE ********/ |
|
| 870 | 904 |
|
| 905 |
.circular-chart {
|
|
| 906 |
display: block; |
|
| 907 |
margin: 10px auto; |
|
| 908 |
max-width: 80%; |
|
| 909 |
/*max-height: 250px;*/ |
|
| 910 |
max-height: 110px; |
|
| 911 |
} |
|
| 871 | 912 |
|
| 913 |
.circle-bg {
|
|
| 914 |
fill: none; |
|
| 915 |
stroke: #eee; |
|
| 916 |
stroke-width: 3.8; |
|
| 917 |
} |
|
| 872 | 918 |
|
| 919 |
.circle {
|
|
| 920 |
fill: none; |
|
| 921 |
/*stroke-width: 2.8;*/ |
|
| 922 |
stroke-width: 4.2; |
|
| 923 |
stroke-linecap: round; |
|
| 924 |
animation: progress 1s ease-out forwards; |
|
| 925 |
} |
|
| 926 |
|
|
| 927 |
@keyframes progress {
|
|
| 928 |
0% {
|
|
| 929 |
stroke-dasharray: 0 100; |
|
| 930 |
} |
|
| 931 |
} |
|
| 932 |
|
|
| 933 |
.circular-chart.publications .circle {
|
|
| 934 |
stroke: #F181AE; |
|
| 935 |
} |
|
| 936 |
|
|
| 937 |
.circular-chart.datasets .circle {
|
|
| 938 |
stroke: #BB9CE6; |
|
| 939 |
} |
|
| 940 |
|
|
| 941 |
.circular-chart.software .circle {
|
|
| 942 |
stroke: #C2155A; |
|
| 943 |
} |
|
| 944 |
|
|
| 945 |
.circular-chart.other .circle {
|
|
| 946 |
stroke: #00CCCC; |
|
| 947 |
} |
|
| 948 |
|
|
| 949 |
.percentage {
|
|
| 950 |
fill: #666; |
|
| 951 |
font-family: sans-serif; |
|
| 952 |
font-size: 0.5em; |
|
| 953 |
text-anchor: middle; |
|
| 954 |
} |
|
| 955 |
|
|
| 956 |
|
|
| 957 |
/*********************************/ |
|
| 958 |
|
|
| 873 | 959 |
/********* MOBILE ********/ |
| 874 | 960 |
@media only screen and (max-width: 960px) {
|
| 875 | 961 |
|
| ... | ... | |
| 907 | 993 |
|
| 908 | 994 |
.searchForCountry.uk-search .uk-search-icon {
|
| 909 | 995 |
color: #4687f4; |
| 996 |
z-index: 10; |
|
| 910 | 997 |
} |
| 911 | 998 |
|
| 912 | 999 |
.progress {
|
| ... | ... | |
| 1000 | 1087 |
.tabContent {
|
| 1001 | 1088 |
padding: 30px 0px; |
| 1002 | 1089 |
} |
| 1090 |
|
|
| 1091 |
.dataContainer .tabContent {
|
|
| 1092 |
padding: 0px; |
|
| 1093 |
} |
|
| 1094 |
|
|
| 1095 |
.autocomplete-container .input-container input {
|
|
| 1096 |
padding: 0 15px 0 40px !important; |
|
| 1097 |
} |
|
| 1003 | 1098 |
} |
| 1004 | 1099 |
|
Also available in: Unified diff
Working on the new version of the oso - started incorporating charts and created a treemap highcharts component