Project

General

Profile

« Previous | Next » 

Revision 60901

Added by Stefania Martziou about 3 years ago

Finished adding gradient to the graphs and replacing the old with the new colors

View differences:

os-observatory-custom.css
13 13 
  /*--publication-color: #F17AA9;*/
14 14 
  /*--publication-background-color: #f8d5e3;*/
15 15 
  --publication-color: #381565;
16 
  --publication-background-color: #adcfff;
16 
  --publication-background-color-dark: #9b67e0;
17 
  --publication-background-color-light: #e9ddf8;
18 
  --publication-color-gradient-start: #6b4898;
17 19 

  		




  18
  20
  
    
  /*--dataset-color: #A98BD4;*/


  		




  19
  21
  
    
  /*--dataset-background-color: #e2daf0;*/


  		




  20
  22
  
    
  --dataset-color: #0044a2;


  		




  21
  
  
    
  --dataset-background-color: #e2daf0;


  		




  
  23
  
    
  --dataset-background-color-dark: #4794ff;


  		




  
  24
  
    
  --dataset-background-color-light: #d6e7ff;


  		




  
  25
  
    
  --dataset-color-gradient-start: #3377d5;


  		




  22
  26
  
    

  		




  23
  27
  
    
  /*--software-color: #C2155A;*/


  		




  24
  28
  
    
  /*--software-background-color: #F2D0DE;*/


  		




  25
  
  
    
  --software-color: #007997;


  		




  26
  
  
    
  --software-background-color: #F2D0DE;


  		




  
  29
  
    
  --software-color: #009DE0;


  		




  
  30
  
    
  --software-background-color-dark: #5cceff;


  		




  
  31
  
    
  --software-background-color-light: #d6f3ff;


  		




  
  32
  
    
  --software-color-gradient-start: #4deaff;


  		




  27
  33
  
    

  		




  28
  34
  
    
  /*--other-color: #00CCCC;*/


  		




  29
  35
  
    
  /*--other-background-color: #CCF4F4;*/


  		




  30
  
  
    
  --other-color: #00554e;


  		




  31
  
  
    
  --other-background-color: #CCF4F4;


  		




  
  36
  
    
  --other-color: #00B086;


  		




  
  37
  
    
  --other-background-color-dark: #5cffd9;


  		




  
  38
  
    
  --other-background-color-light: #d6fff5;


  		




  
  39
  
    
  --other-color-gradient-start: #4dfdd3;


  		




  32
  40
  
    

  		




  33
  
  
    
  --repository-color: #708AA5;


  		




  34
  
  
    
  --repository-background-color: #ADD3E0;


  		




  35
  
  
    
  /*--repository-color: #639C66;*/


  		




  36
  
  
    
  /*--repository-background-color: #D4ECD6;*/


  		




  
  41
  
    
  /*--repository-color: #708AA5;*/


  		




  
  42
  
    
  /*--repository-background-color: #ADD3E0;*/


  		




  
  43
  
    
  --repository-color: #007997;


  		




  
  44
  
    
  --repository-background-color-dark: #00a3cc;


  		




  
  45
  
    
  --repository-background-color-light: #d6f7ff;


  		




  37
  46
  
    

  		




  38
  
  
    
  --journal-color: #FFCE4E;


  		




  39
  
  
    
  --journal-background-color: #FBE8B1;


  		




  40
  47
  
    
  /*--journal-color: #FFCE4E;*/


  		




  41
  48
  
    
  /*--journal-background-color: #FBE8B1;*/


  		




  
  49
  
    
  --journal-color: #00554E;


  		




  
  50
  
    
  --journal-background-color-dark: #008f83;


  		




  
  51
  
    
  --journal-background-color-light: #d6fffc;


  		




  42
  52
  
    

  		




  43
  53
  
    
  --policies-color: #639C66;


  		




  44
  54
  
    
  --policies-background-color: #D4ECD6;


  		




  ......




  512
  522
  
    
}


  		




  513
  523
  
    

  		




  514
  524
  
    
.uk-subnav-pill > .uk-active > a.publicationsSubnav {


  		




  515
  
  
    
  background: var(--publication-background-color);


  		




  
  525
  
    
  background: var(--publication-background-color-light);


  		




  516
  526
  
    
}


  		




  517
  527
  
    

  		




  518
  528
  
    
a.datasetsSubnav {


  		




  ......




  520
  530
  
    
}


  		




  521
  531
  
    

  		




  522
  532
  
    
.uk-subnav-pill > .uk-active > a.datasetsSubnav {


  		




  523
  
  
    
  background: var(--dataset-background-color);


  		




  
  533
  
    
  background: var(--dataset-background-color-light);


  		




  524
  534
  
    
}


  		




  525
  535
  
    

  		




  526
  536
  
    
a.softwareSubnav {


  		




  ......




  528
  538
  
    
}


  		




  529
  539
  
    

  		




  530
  540
  
    
.uk-subnav-pill > .uk-active > a.softwareSubnav {


  		




  531
  
  
    
  background: var(--software-background-color);


  		




  
  541
  
    
  background: var(--software-background-color-light);


  		




  532
  542
  
    
}


  		




  533
  543
  
    

  		




  534
  544
  
    
a.otherSubnav {


  		




  ......




  536
  546
  
    
}


  		




  537
  547
  
    

  		




  538
  548
  
    
.uk-subnav-pill > .uk-active > a.otherSubnav {


  		




  539
  
  
    
  background: var(--other-background-color);


  		




  
  549
  
    
  background: var(--other-background-color-light);


  		




  540
  550
  
    
}


  		




  541
  551
  
    

  		




  542
  552
  
    
/*a.publicationsSubnav, a.datasetsSubnav, a.softwareSubnav, a.otherSubnav {*/


  		




  ......




  794
  804
  
    

  		




  795
  805
  
    
.progress-bar-publications {


  		




  796
  806
  
    
  /*background-color: #F6C4D8;*/


  		




  797
  
  
    
  background-color: var(--publication-background-color);


  		




  
  807
  
    
  background-color: var(--publication-background-color-dark);


  		




  798
  808
  
    
  background-image: none;


  		




  799
  809
  
    
}


  		




  800
  810
  
    

  		




  801
  811
  
    
.progress-bar-datasets {


  		




  802
  812
  
    
  /*background-color: #D6CBEB;*/


  		




  803
  
  
    
  background-color: var(--dataset-background-color);


  		




  
  813
  
    
  background-color: var(--dataset-background-color-dark);


  		




  804
  814
  
    
  background-image: none;


  		




  805
  815
  
    
}


  		




  806
  816
  
    

  		




  807
  817
  
    
.progress-bar-repositories {


  		




  808
  818
  
    
  /*background-color: #ADD3E0;*/


  		




  809
  
  
    
  background-color: var(--repository-background-color);


  		




  
  819
  
    
  background-color: var(--repository-background-color-dark);


  		




  810
  820
  
    
  background-image: none;


  		




  811
  821
  
    
}


  		




  812
  822
  
    

  		




  813
  823
  
    
.progress-bar-journals {


  		




  814
  824
  
    
  /*background-color: #FBE8B1;*/


  		




  815
  
  
    
  background-color: var(--journal-background-color);


  		




  
  825
  
    
  background-color: var(--journal-background-color-dark);


  		




  816
  826
  
    
  background-image: none;


  		




  817
  827
  
    
}


  		




  818
  828
  
    

  		




  ......




  906
  916
  
    

  		




  907
  917
  
    
.publicationsColumn {


  		




  908
  918
  
    
  /*background-color: #f181ae;*/


  		




  909
  
  
    
  background-color: var(--publication-color);


  		




  
  919
  
    
  /*background-color: var(--publication-color);*/


  		




  910
  920
  
    
  box-shadow: 3px 3px 6px #00000029;


  		




  911
  921
  
    
  opacity: 1;


  		




  912
  922
  
    
  z-index: 10;


  		




  
  923
  
    
  /*background: linear-gradient(132deg, rgba(56, 21, 101, 0.7) 0%, rgb(56, 21, 101) 100%);*/


  		




  
  924
  
    
  background: linear-gradient(132deg, var(--publication-color-gradient-start) 0%, var(--publication-color) 100%);


  		




  913
  925
  
    
}


  		




  914
  926
  
    

  		




  915
  927
  
    
.publicationsDot {


  		




  ......




  921
  933
  
    
}


  		




  922
  934
  
    

  		




  923
  935
  
    
.datasetsColumn {


  		




  924
  
  
    
  background-color: var(--dataset-color);


  		




  
  936
  
    
  /*background-color: var(--dataset-color);*/


  		




  925
  937
  
    
  box-shadow: 3px 3px 6px #00000029;


  		




  926
  938
  
    
  opacity: 1;


  		




  927
  939
  
    
  z-index: 8;


  		




  
  940
  
    
  background: linear-gradient(132deg, var(--dataset-color-gradient-start) 0%, var(--dataset-color) 100%);


  		




  928
  941
  
    
}


  		




  929
  942
  
    

  		




  930
  943
  
    
.datasetsDot {


  		




  ......




  936
  949
  
    
}


  		




  937
  950
  
    

  		




  938
  951
  
    
.softwareColumn {


  		




  939
  
  
    
  background-color: var(--software-color);


  		




  
  952
  
    
  /*background-color: var(--software-color);*/


  		




  940
  953
  
    
  box-shadow: 3px 3px 6px #00000029;


  		




  941
  954
  
    
  opacity: 1;


  		




  942
  955
  
    
  z-index: 6;


  		




  
  956
  
    
  background: linear-gradient(132deg, var(--software-color-gradient-start) 0%, var(--software-color) 100%);


  		




  943
  957
  
    
}


  		




  944
  958
  
    

  		




  945
  959
  
    
.softwareDot {


  		




  ......




  951
  965
  
    
}


  		




  952
  966
  
    

  		




  953
  967
  
    
.otherColumn {


  		




  954
  
  
    
  background-color: var(--other-color);


  		




  
  968
  
    
  /*background-color: var(--other-color);*/


  		




  955
  969
  
    
  box-shadow: 3px 3px 6px #00000029;


  		




  956
  970
  
    
  opacity: 1;


  		




  957
  971
  
    
  z-index: 4;


  		




  
  972
  
    
  background: linear-gradient(132deg, var(--other-color-gradient-start) 0%, var(--other-color) 100%);


  		




  958
  973
  
    
}


  		




  959
  974
  
    

  		




  960
  975
  
    
.otherDot {


  		




  ......




  1063
  1078
  
    
/********* MAP ********/


  		




  1064
  1079
  
    

  		




  1065
  1080
  
    
.publicationMapControlLabel {


  		




  1066
  
  
    
  background-color: var(--publication-background-color) !important;


  		




  
  1081
  
    
  background-color: var(--publication-background-color-dark) !important;


  		




  1067
  1082
  
    
  border: 1px solid var(--publication-color);


  		




  1068
  1083
  
    
}


  		




  1069
  1084
  
    

  		




  1070
  1085
  
    
.datasetMapControlLabel {


  		




  1071
  
  
    
  background-color: var(--dataset-background-color) !important;


  		




  
  1086
  
    
  background-color: var(--dataset-background-color-dark) !important;


  		




  1072
  1087
  
    
  border: 1px solid var(--dataset-color);


  		




  1073
  1088
  
    
}


  		




  1074
  1089
  
    

  		




  1075
  1090
  
    
.repositoryMapControlLabel {


  		




  1076
  
  
    
  background-color: var(--repository-background-color) !important;


  		




  
  1091
  
    
  background-color: var(--repository-background-color-dark) !important;


  		




  1077
  1092
  
    
  border: 1px solid var(--repository-color);


  		




  1078
  1093
  
    
}


  		




  1079
  1094
  
    

  		




  1080
  1095
  
    
.journalMapControlLabel {


  		




  1081
  
  
    
  background-color: var(--journal-background-color) !important;


  		




  
  1096
  
    
  background-color: var(--journal-background-color-dark) !important;


  		




  1082
  1097
  
    
  border: 1px solid var(--journal-color);


  		




  1083
  1098
  
    
}


  		




  1084
  1099
  
    

  		












Also available in:  Unified diff