Project

General

Profile

« Previous | Next » 

Revision 58904

Working on the new version of the oso - almost done with tha mobile version of the pages

View differences:

os-observatory-custom.css
17 17
  font-size: 24px;
18 18
}
19 19

  
20
.uk-flex-space-between {
21
  justify-content: space-between;
22
}
23

  
20 24
.uk-container-large {
21 25
  max-width: 1600px;
22 26
}
......
205 209
  color: #A98BD4;
206 210
}
207 211

  
212
.software {
213
  color: #C2155A;
214
}
215

  
216
.other {
217
  color: #00CCCC;
218
}
219

  
208 220
.repositories {
209 221
  color: #708AA5;
210 222
}
......
316 328
  border-bottom-color: #CA4D9A;
317 329
}
318 330

  
331
.uk-tab::before {
332
  border-bottom: none;
333
}
334

  
319 335
.dataContainer {
320 336
  background: #F9fbfc 0% 0% no-repeat padding-box;
321 337
  border: 1px solid #E0E0E0;
......
447 463
  text-decoration: underline;
448 464
}
449 465

  
466
.footerImage {
467
  opacity: 0.8;
468
  float: left;
469
  margin-top: 7px;
470
}
471

  
450 472
/********************************************/
451 473

  
452 474

  
......
698 720

  
699 721

  
700 722
.demo-chart {
701
  height: 600px;
723
  /*max-height: 600px;*/
724
  height: 65vh;
702 725
}
703 726

  
704 727
/********* LOADERS *********/
......
835 858
  display: flex;
836 859
  justify-content: space-between;
837 860
}
861

  
862

  
863
.chartCard.md-card {
864
  box-shadow: 1px 10px 12 px #00000026;
865
  border: 1px solid #E0E0E0;
866
  border-radius: 5px;
867
}
868

  
869

  
870

  
871

  
872

  
873
/********* MOBILE ********/
874
@media only screen and (max-width: 960px) {
875

  
876
  body {
877
    background: #F9FBFC;
878
  }
879

  
880
  ::-webkit-scrollbar {
881
    width: 0px;
882
    background: transparent; /* make scrollbar transparent */
883
  }
884

  
885
  .uk-navbar-container:not(.uk-navbar-transparent) {
886
    background: #F9FBFC;
887
  }
888

  
889
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
890
    min-height: 60px;
891
  }
892

  
893
  .uk-logo > img {
894
    max-height: 125px;
895
  }
896

  
897
  .uk-navbar-toggle-icon {
898
    color: #EC4386;
899
  }
900

  
901
  .searchForCountry.uk-search.uk-search-default {
902
    width: 100%;
903
    background: #FFFFFF 0% 0% no-repeat padding-box;
904
    border: 1px solid #C7C7C7;
905
    border-radius: 4px;
906
  }
907

  
908
  .searchForCountry.uk-search .uk-search-icon {
909
    color: #4687f4;
910
  }
911

  
912
  .progress {
913
    width: 100%;
914
  }
915

  
916
  .overviewMobile .number.big {
917
    font-size: 24px;
918
  }
919

  
920
  .overviewMobile {
921
    font-size: 12px;
922
  }
923

  
924
  .goToDetailedViewLink {
925
    text-align: center;
926
    margin-top: 0px;
927
  }
928

  
929
  .leadingOpenScienceCard {
930
    font-size: 10px;
931
  }
932

  
933
  .leadingOpenScienceCard .number {
934
    font-size: 14px;
935
  }
936

  
937
  .leadingOpenScienceCard .countryName {
938
    font-size: 16px;
939
    font-weight: bold;
940
  }
941

  
942
  .footerSection {
943
    text-align: center;
944
    background-color: #fff;
945
  }
946

  
947
  .footerImage {
948
    opacity: 0.8;
949
    float: none;
950
    margin-top: 0px;
951
  }
952

  
953
  [class*="uk-navbar-dropdown-bottom"] {
954
    margin-top: -5px;
955
    left: 200px !important;
956
  }
957

  
958
  .tm-header-mobile .uk-nav-divider {
959
    margin: 15px 0;
960
  }
961

  
962
  .tm-header-mobile .smallHeader {
963
    background: #FFFFFF 0% 0% no-repeat padding-box;
964
    box-shadow: 0px 3px 6px #00000029;
965
    opacity: 1;
966
  }
967

  
968
  .continentPageEntitiesOverview .number.big {
969
    font-size: 24px;
970
  }
971

  
972
  .continentPageEntitiesOverview .entityName {
973
    font-size: 16px;
974
    font-weight: 600;
975
  }
976

  
977
  .uk-tab {
978
    flex-wrap: nowrap;
979
    overflow-x: auto;
980
    background: #fff;
981
    padding-bottom: 15px;
982
    padding-top: 10px;
983
    margin-right: -20px;
984
  }
985

  
986
  .entitiesContainer {
987
    margin-left: 0px;
988
    height: 200px;
989
  }
990

  
991
  hr.entitiesDivider {
992
    margin-left: -15px;
993
    margin-right: -15px;
994
  }
995

  
996
  .dataContainer {
997
    border: none;
998
  }
999

  
1000
  .tabContent {
1001
    padding: 30px 0px;
1002
  }
1003
}
1004

  

Also available in: Unified diff