Project

General

Profile

« Previous | Next » 

Revision 58825

Working on the new version of the oso. Work on the home page almost done

View differences:

os-observatory-custom.css
1
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
1
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
2 2

  
3 3
html {
4 4
  color: #292929;
......
12 12
  font-family: 'Open Sans', sans-serif;
13 13
}
14 14

  
15
h3 {
16
  font-weight: 600;
17
  font-size: 24px;
18
}
19

  
15 20
.uk-container-large {
16 21
  max-width: 1600px;
17 22
}
......
32 37
  color: #000;
33 38
}
34 39

  
35
#sect-overview, #sect-tabs {
36
  padding: 20px 0;
37
}
40
/*#sect-overview, #sect-tabs {*/
41
  /*padding: 20px 0;*/
42
/*}*/
38 43

  
39 44
.greySection {
40 45
  /*background-color: #F0F0F0;*/
......
72 77
}
73 78

  
74 79
.mapControls {
75
  position: absolute;
80
  /*position: absolute;*/
76 81
  bottom: 20px;
77 82
}
78 83

  
......
311 316
  border-bottom-color: #CA4D9A;
312 317
}
313 318

  
314
#team_tabbed {
315
  background: #FBFBFB 0% 0% no-repeat padding-box;
319
.dataContainer {
320
  background: #F9fbfc 0% 0% no-repeat padding-box;
316 321
  border: 1px solid #E0E0E0;
317 322
}
318 323

  
......
357 362
  padding: 30px;
358 363
}
359 364

  
360
.actionButtons {
365
.goToDetailedViewLink {
361 366
  margin-top: -50px;
362 367
}
363 368

  
......
435 440

  
436 441
/********************************************/
437 442

  
443
/**************** FOOTER ****************/
444

  
445
.footerLink {
446
  color: #000;
447
  text-decoration: underline;
448
}
449

  
450
/********************************************/
451

  
452

  
438 453
#sidebar_main {
439 454
  position: fixed;
440 455
  right: 0;
......
659 674
}
660 675

  
661 676

  
677
/**************** BREADCRUMB ****************/
678

  
662 679
.uk-breadcrumb > :last-child > * {
663 680
  color: #EC4386;
664 681
}
682

  
683
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
684
  content: ">";
685
}
686

  
687
/********************************************/
688

  
689
.small-flag-image {
690
  border: 2px solid #eee;
691
  border-radius: 100px;
692
}
693

  
694
.flag-image {
695
  border: 10px solid #eee;
696
  border-radius: 100px;
697
}
698

  
699

  
700
.demo-chart {
701
  height: 600px;
702
}
703

  
704
/********* LOADERS *********/
705

  
706
.loader {
707
  color: #EC4386;
708
  margin: 25% auto;
709
}
710

  
711
.whiteFilm {
712
  background: #ffffff;
713
  z-index: 105;
714
  width: 100%;
715
  height: 100%;
716
  opacity: 0.7;
717
  position: absolute;
718
  top: 0;
719
  left: 0;
720

  
721
  display: flex;
722
  align-items: center;
723
}
724

  
725
.transparentFilm {
726
  background: transparent;
727
  z-index: 105;
728
  width: 100%;
729
  height: 100%;
730
  opacity: 0.7;
731
  position: absolute;
732
  top: 0;
733
  left: 0;
734

  
735
  display: flex;
736
  align-items: center;
737
}
738
/**************************/

Also available in: Unified diff