Revision 60835
Added by Stefania Martziou about 3 years ago
| os-observatory-custom.css | ||
|---|---|---|
| 1 | 1 |
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
|
| 2 | 2 |
|
| 3 |
:root {
|
|
| 4 |
--primary-color: #EC4386; |
|
| 5 |
--secondary-color: #CA4D9A; |
|
| 6 |
|
|
| 7 |
--link-color: #EC4386; |
|
| 8 |
--link-hover-color: #CA4D9A; |
|
| 9 |
|
|
| 10 |
/*--publication-color: #F17AA9;*/ |
|
| 11 |
--publication-color: #263C7E; |
|
| 12 |
/*--publication-background-color: #f8d5e3;*/ |
|
| 13 |
--publication-background-color: #8197D9; |
|
| 14 |
/*--dataset-color: #A98BD4;*/ |
|
| 15 |
--dataset-color: #916AC8; |
|
| 16 |
--dataset-background-color: #e2daf0; |
|
| 17 |
/*--software-color: #C2155A;*/ |
|
| 18 |
--software-color: #9C0D38; |
|
| 19 |
--software-background-color: #F2D0DE; |
|
| 20 |
/*--other-color: #00CCCC;*/ |
|
| 21 |
--other-color: #17BEBB; |
|
| 22 |
--other-background-color: #CCF4F4; |
|
| 23 |
|
|
| 24 |
/*--repository-color: #708AA5;*/ |
|
| 25 |
/*--repository-background-color: #ADD3E0;*/ |
|
| 26 |
--repository-color: #639C66; |
|
| 27 |
--repository-background-color: #D4ECD6; |
|
| 28 |
--journal-color: #FFCE4E; |
|
| 29 |
--journal-background-color: #FBE8B1; |
|
| 30 |
--policies-color: #639C66; |
|
| 31 |
--policies-background-color: #D4ECD6; |
|
| 32 |
} |
|
| 33 |
|
|
| 3 | 34 |
html {
|
| 4 | 35 |
color: #292929; |
| 5 | 36 |
} |
| ... | ... | |
| 75 | 106 |
} |
| 76 | 107 |
|
| 77 | 108 |
a {
|
| 78 |
color: #EC4386;
|
|
| 109 |
color: var(--link-color);
|
|
| 79 | 110 |
} |
| 80 | 111 |
|
| 81 | 112 |
a:hover, a:focus, a:active {
|
| 82 |
color: #CA4D9A;
|
|
| 113 |
color: var(--link-hover-color);
|
|
| 83 | 114 |
} |
| 84 | 115 |
|
| 85 | 116 |
.mapContainer {
|
| ... | ... | |
| 222 | 253 |
} |
| 223 | 254 |
|
| 224 | 255 |
.primary {
|
| 225 |
color: #EC4386;
|
|
| 256 |
color: var(--primary-color);
|
|
| 226 | 257 |
} |
| 227 | 258 |
|
| 228 | 259 |
.publications {
|
| 229 |
color: #F17AA9;
|
|
| 260 |
color: var(--publication-color);
|
|
| 230 | 261 |
} |
| 231 | 262 |
|
| 232 | 263 |
.datasets {
|
| 233 |
color: #A98BD4;
|
|
| 264 |
color: var(--dataset-color);
|
|
| 234 | 265 |
} |
| 235 | 266 |
|
| 236 | 267 |
.software {
|
| 237 |
color: #C2155A;
|
|
| 268 |
color: var(--software-color);
|
|
| 238 | 269 |
} |
| 239 | 270 |
|
| 240 | 271 |
.other {
|
| 241 |
color: #00CCCC;
|
|
| 272 |
color: var(--other-color);
|
|
| 242 | 273 |
} |
| 243 | 274 |
|
| 244 | 275 |
.repositories {
|
| 245 |
color: #708AA5;
|
|
| 276 |
color: var(--repository-color);
|
|
| 246 | 277 |
} |
| 247 | 278 |
|
| 248 | 279 |
.journals {
|
| 249 |
color: #FFCE4E;
|
|
| 280 |
color: var(--journal-color);
|
|
| 250 | 281 |
} |
| 251 | 282 |
|
| 252 | 283 |
.policies {
|
| 253 |
color: #639C66;
|
|
| 284 |
color: var(--policies-color);
|
|
| 254 | 285 |
} |
| 255 | 286 |
|
| 256 | 287 |
.indicatorCards {
|
| ... | ... | |
| 302 | 333 |
} |
| 303 | 334 |
|
| 304 | 335 |
.md-btn-primary {
|
| 305 |
background: #EC4386 0% 0% no-repeat padding-box;
|
|
| 336 |
background: var(--primary-color) 0% 0% no-repeat padding-box;
|
|
| 306 | 337 |
box-shadow: 0px 3px 6px #00000029; |
| 307 | 338 |
border-radius: 23px; |
| 308 | 339 |
opacity: 1; |
| ... | ... | |
| 316 | 347 |
} |
| 317 | 348 |
|
| 318 | 349 |
.md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
|
| 319 |
background: #CA4D9A 0% 0% no-repeat padding-box;
|
|
| 350 |
background: var(--secondary-color) 0% 0% no-repeat padding-box;
|
|
| 320 | 351 |
} |
| 321 | 352 |
|
| 322 | 353 |
.md-btn-secondary {
|
| 323 |
background: #CA4D9A 0% 0% no-repeat padding-box;
|
|
| 354 |
background: var(--secondary-color) 0% 0% no-repeat padding-box;
|
|
| 324 | 355 |
box-shadow: 0px 2px 6px #00000038; |
| 325 | 356 |
border-radius: 23px; |
| 326 | 357 |
opacity: 1; |
| ... | ... | |
| 343 | 374 |
} |
| 344 | 375 |
|
| 345 | 376 |
.uk-tab > li.uk-active > a {
|
| 346 |
border-bottom-color: #EC4386;
|
|
| 377 |
border-bottom-color: var(--primary-color);
|
|
| 347 | 378 |
} |
| 348 | 379 |
|
| 349 | 380 |
.uk-tab > li > a:hover, .uk-tab > li > a:focus {
|
| 350 | 381 |
background: none; |
| 351 | 382 |
color: #212121; |
| 352 |
border-bottom-color: #CA4D9A;
|
|
| 383 |
border-bottom-color: var(--secondary-color);
|
|
| 353 | 384 |
} |
| 354 | 385 |
|
| 355 | 386 |
.uk-tab::before {
|
| ... | ... | |
| 383 | 414 |
|
| 384 | 415 |
.uk-subnav-pill > .uk-active > a {
|
| 385 | 416 |
/*background: #1F73F7;*/ |
| 386 |
background: #EC4386;
|
|
| 417 |
background: var(--primary-color);
|
|
| 387 | 418 |
} |
| 388 | 419 |
|
| 389 | 420 |
.dataView.uk-subnav-pill > * > * {
|
| ... | ... | |
| 414 | 445 |
} |
| 415 | 446 |
|
| 416 | 447 |
.actionButtons a i, .actionButtonsCountryPage a i {
|
| 417 |
color: #EC4386;
|
|
| 448 |
color: var(--primary-color);
|
|
| 418 | 449 |
} |
| 419 | 450 |
|
| 420 | 451 |
.md-card .md-card-toolbar {
|
| ... | ... | |
| 423 | 454 |
|
| 424 | 455 |
.infoBox.md-card .md-card-toolbar {
|
| 425 | 456 |
/*height: 48px;*/ |
| 426 |
background: transparent linear-gradient(115deg, #EC4386 0%, #C94D9B 100%) 0% 0% no-repeat padding-box;
|
|
| 457 |
background: transparent linear-gradient(115deg, var(--primary-color) 0%, var(--secondary-color) 100%) 0% 0% no-repeat padding-box;
|
|
| 427 | 458 |
border-radius: 3px 3px 0px 0px; |
| 428 | 459 |
opacity: 1; |
| 429 | 460 |
padding: 16px 25px 0; |
| ... | ... | |
| 453 | 484 |
|
| 454 | 485 |
|
| 455 | 486 |
a.publicationsSubnav {
|
| 456 |
color: #F17AA9 !important;
|
|
| 487 |
color: var(--publication-color) !important;
|
|
| 457 | 488 |
} |
| 458 | 489 |
|
| 459 | 490 |
.uk-subnav-pill > .uk-active > a.publicationsSubnav {
|
| 460 |
background: #f8d5e3;
|
|
| 491 |
background: var(--publication-background-color);
|
|
| 461 | 492 |
} |
| 462 | 493 |
|
| 463 | 494 |
a.datasetsSubnav {
|
| 464 |
color: #A98BD4 !important;
|
|
| 495 |
color: var(--dataset-color) !important;
|
|
| 465 | 496 |
} |
| 466 | 497 |
|
| 467 | 498 |
.uk-subnav-pill > .uk-active > a.datasetsSubnav {
|
| 468 |
background: #e2daf0;
|
|
| 499 |
background: var(--dataset-background-color);
|
|
| 469 | 500 |
} |
| 470 | 501 |
|
| 471 | 502 |
a.softwareSubnav {
|
| 472 |
color: #C2155A !important;
|
|
| 503 |
color: var(--software-color) !important;
|
|
| 473 | 504 |
} |
| 474 | 505 |
|
| 475 | 506 |
.uk-subnav-pill > .uk-active > a.softwareSubnav {
|
| 476 |
background: #F2D0DE;
|
|
| 507 |
background: var(--software-background-color);
|
|
| 477 | 508 |
} |
| 478 | 509 |
|
| 479 | 510 |
a.otherSubnav {
|
| 480 |
color: #00CCCC !important;
|
|
| 511 |
color: var(--other-color) !important;
|
|
| 481 | 512 |
} |
| 482 | 513 |
|
| 483 | 514 |
.uk-subnav-pill > .uk-active > a.otherSubnav {
|
| 484 |
background: #CCF4F4;
|
|
| 515 |
background: var(--other-background-color);
|
|
| 485 | 516 |
} |
| 486 | 517 |
|
| 487 | 518 |
/*a.publicationsSubnav, a.datasetsSubnav, a.softwareSubnav, a.otherSubnav {*/
|
| ... | ... | |
| 738 | 769 |
} |
| 739 | 770 |
|
| 740 | 771 |
.progress-bar-publications {
|
| 741 |
background-color: #F6C4D8; |
|
| 772 |
/*background-color: #F6C4D8;*/ |
|
| 773 |
background-color: var(--publication-background-color); |
|
| 742 | 774 |
background-image: none; |
| 743 | 775 |
} |
| 744 | 776 |
|
| 745 | 777 |
.progress-bar-datasets {
|
| 746 |
background-color: #D6CBEB; |
|
| 778 |
/*background-color: #D6CBEB;*/ |
|
| 779 |
background-color: var(--dataset-background-color); |
|
| 747 | 780 |
background-image: none; |
| 748 | 781 |
} |
| 749 | 782 |
|
| 750 | 783 |
.progress-bar-repositories {
|
| 751 |
background-color: #ADD3E0; |
|
| 784 |
/*background-color: #ADD3E0;*/ |
|
| 785 |
background-color: var(--repository-background-color); |
|
| 752 | 786 |
background-image: none; |
| 753 | 787 |
} |
| 754 | 788 |
|
| 755 | 789 |
.progress-bar-journals {
|
| 756 |
background-color: #FBE8B1; |
|
| 790 |
/*background-color: #FBE8B1;*/ |
|
| 791 |
background-color: var(--journal-background-color); |
|
| 757 | 792 |
background-image: none; |
| 758 | 793 |
} |
| 759 | 794 |
|
| 760 | 795 |
|
| 761 |
.progress-bar-software {
|
|
| 762 |
background-color: #F88306;
|
|
| 763 |
background-image: none;
|
|
| 764 |
}
|
|
| 796 |
/*.progress-bar-software {*/
|
|
| 797 |
/*background-color: #F88306;*/
|
|
| 798 |
/*background-image: none;*/
|
|
| 799 |
/*}*/
|
|
| 765 | 800 |
|
| 766 |
.progress-bar-otherProducts {
|
|
| 767 |
background-color: #987CD6;
|
|
| 768 |
background-image: none;
|
|
| 769 |
}
|
|
| 801 |
/*.progress-bar-otherProducts {*/
|
|
| 802 |
/*background-color: #987CD6;*/
|
|
| 803 |
/*background-image: none;*/
|
|
| 804 |
/*}*/
|
|
| 770 | 805 |
|
| 771 | 806 |
|
| 772 | 807 |
/**************** BREADCRUMB ****************/ |
| 773 | 808 |
|
| 774 | 809 |
.uk-breadcrumb > :last-child > * {
|
| 775 |
color: #EC4386;
|
|
| 810 |
color: var(--primary-color);
|
|
| 776 | 811 |
} |
| 777 | 812 |
|
| 778 | 813 |
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
|
| ... | ... | |
| 800 | 835 |
/********* LOADERS *********/ |
| 801 | 836 |
|
| 802 | 837 |
.loader {
|
| 803 |
color: #EC4386;
|
|
| 838 |
color: var(--primary-color);
|
|
| 804 | 839 |
margin: 25% auto; |
| 805 | 840 |
} |
| 806 | 841 |
|
| ... | ... | |
| 846 | 881 |
} |
| 847 | 882 |
|
| 848 | 883 |
.publicationsColumn {
|
| 849 |
background-color: #f181ae; |
|
| 884 |
/*background-color: #f181ae;*/ |
|
| 885 |
background-color: var(--publication-color); |
|
| 850 | 886 |
box-shadow: 3px 3px 6px #00000029; |
| 851 | 887 |
opacity: 1; |
| 852 | 888 |
z-index: 10; |
| 853 | 889 |
} |
| 854 | 890 |
|
| 855 | 891 |
.publicationsDot {
|
| 856 |
background-color: #f181ae;
|
|
| 892 |
background-color: var(--publication-color);
|
|
| 857 | 893 |
/*width: 50px;*/ |
| 858 | 894 |
width: 35px; |
| 859 | 895 |
height: 33px; |
| ... | ... | |
| 861 | 897 |
} |
| 862 | 898 |
|
| 863 | 899 |
.datasetsColumn {
|
| 864 |
background-color: #BB9CE6;
|
|
| 900 |
background-color: var(--dataset-color);
|
|
| 865 | 901 |
box-shadow: 3px 3px 6px #00000029; |
| 866 | 902 |
opacity: 1; |
| 867 | 903 |
z-index: 8; |
| 868 | 904 |
} |
| 869 | 905 |
|
| 870 | 906 |
.datasetsDot {
|
| 871 |
background-color: #BB9CE6;
|
|
| 907 |
background-color: var(--dataset-color);
|
|
| 872 | 908 |
/*width: 50px;*/ |
| 873 | 909 |
width: 35px; |
| 874 | 910 |
height: 33px; |
| ... | ... | |
| 876 | 912 |
} |
| 877 | 913 |
|
| 878 | 914 |
.softwareColumn {
|
| 879 |
background-color: #C2155A;
|
|
| 915 |
background-color: var(--software-color);
|
|
| 880 | 916 |
box-shadow: 3px 3px 6px #00000029; |
| 881 | 917 |
opacity: 1; |
| 882 | 918 |
z-index: 6; |
| 883 | 919 |
} |
| 884 | 920 |
|
| 885 | 921 |
.softwareDot {
|
| 886 |
background-color: #C2155A;
|
|
| 922 |
background-color: var(--software-color);
|
|
| 887 | 923 |
/*width: 50px;*/ |
| 888 | 924 |
width: 35px; |
| 889 | 925 |
height: 33px; |
| ... | ... | |
| 891 | 927 |
} |
| 892 | 928 |
|
| 893 | 929 |
.otherColumn {
|
| 894 |
background-color: #00CCCC;
|
|
| 930 |
background-color: var(--other-color);
|
|
| 895 | 931 |
box-shadow: 3px 3px 6px #00000029; |
| 896 | 932 |
opacity: 1; |
| 897 | 933 |
z-index: 4; |
| 898 | 934 |
} |
| 899 | 935 |
|
| 900 | 936 |
.otherDot {
|
| 901 |
background-color: #00CCCC;
|
|
| 937 |
background-color: var(--other-color);
|
|
| 902 | 938 |
/*width: 50px;*/ |
| 903 | 939 |
width: 35px; |
| 904 | 940 |
height: 33px; |
| ... | ... | |
| 975 | 1011 |
} |
| 976 | 1012 |
|
| 977 | 1013 |
.circular-chart.publications .circle {
|
| 978 |
stroke: #F181AE;
|
|
| 1014 |
stroke: var(--publication-color);
|
|
| 979 | 1015 |
} |
| 980 | 1016 |
|
| 981 | 1017 |
.circular-chart.datasets .circle {
|
| 982 |
stroke: #BB9CE6; |
|
| 1018 |
/*stroke: #BB9CE6;*/ |
|
| 1019 |
stroke: var(--dataset-color); |
|
| 983 | 1020 |
} |
| 984 | 1021 |
|
| 985 | 1022 |
.circular-chart.software .circle {
|
| 986 |
stroke: #C2155A;
|
|
| 1023 |
stroke: var(--software-color);
|
|
| 987 | 1024 |
} |
| 988 | 1025 |
|
| 989 | 1026 |
.circular-chart.other .circle {
|
| 990 |
stroke: #00CCCC;
|
|
| 1027 |
stroke: var(--other-color);
|
|
| 991 | 1028 |
} |
| 992 | 1029 |
|
| 993 | 1030 |
.percentage {
|
| ... | ... | |
| 997 | 1034 |
text-anchor: middle; |
| 998 | 1035 |
} |
| 999 | 1036 |
|
| 1037 |
/*********************************/ |
|
| 1000 | 1038 |
|
| 1039 |
/********* MAP ********/ |
|
| 1040 |
|
|
| 1041 |
.publicationMapControlLabel {
|
|
| 1042 |
background-color: var(--publication-background-color) !important; |
|
| 1043 |
border: 1px solid var(--publication-color); |
|
| 1044 |
} |
|
| 1045 |
|
|
| 1046 |
.datasetMapControlLabel {
|
|
| 1047 |
background-color: var(--dataset-background-color) !important; |
|
| 1048 |
border: 1px solid var(--dataset-color); |
|
| 1049 |
} |
|
| 1050 |
|
|
| 1051 |
.repositoryMapControlLabel {
|
|
| 1052 |
background-color: var(--repository-background-color) !important; |
|
| 1053 |
border: 1px solid var(--repository-color); |
|
| 1054 |
} |
|
| 1055 |
|
|
| 1056 |
.journalMapControlLabel {
|
|
| 1057 |
background-color: var(--journal-background-color) !important; |
|
| 1058 |
border: 1px solid var(--journal-color); |
|
| 1059 |
} |
|
| 1060 |
|
|
| 1001 | 1061 |
/*********************************/ |
| 1002 | 1062 |
|
| 1003 | 1063 |
/********* MOBILE ********/ |
| ... | ... | |
| 1025 | 1085 |
} |
| 1026 | 1086 |
|
| 1027 | 1087 |
.uk-navbar-toggle-icon {
|
| 1028 |
color: #EC4386;
|
|
| 1088 |
color: var(--primary-color);
|
|
| 1029 | 1089 |
} |
| 1030 | 1090 |
|
| 1031 | 1091 |
.searchForCountry.uk-search.uk-search-default {
|
Also available in: Unified diff
Refactored to add a variable in all stats tool queries for the profile name used. Also, added a change in the color palette for the main entities