carbon / travel-carbon-footprint.irap.omp.eu

Blame view

flaskr/static/css/common/main.css 2.93 KB
Edit Raw Normal View History
d5af76e8   Goutte   Bump the js and c... 
1
2
 
/** LAYOUT *******************************************************************/
ec99020b   Goutte   Add the static fi... 
3
4
 
.container {
    margin-top: 60px;
5ac6c39b   Goutte   Move fonts where ... 
5
6
7
 
    margin-bottom: 2em;
}
d5af76e8   Goutte   Bump the js and c... 
8
9
10
 

/** NAVBAR *******************************************************************/
5ac6c39b   Goutte   Move fonts where ... 
11
 
.navbar-inverse {
79a92097   Antoine Goutenoir   Fix the colors wi... 
12
 
    background-color: rgba(14, 97, 145, 0.87);
5ac6c39b   Goutte   Move fonts where ... 
13
14
15
16
17
18
19
20
21
22
23
24
 
    border-color: #080808;
}

.navbar-inverse .navbar-nav > li > a {
    color: #d5d8d8;
    font-weight: bold;
}

.navbar-inverse .navbar-brand {
    color: #d5d8d8;
}
d5af76e8   Goutte   Bump the js and c... 
25
 
.navbar-toggler-icon {
79a92097   Antoine Goutenoir   Fix the colors wi... 
26
 
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
d5af76e8   Goutte   Bump the js and c... 
27
28
29
30
31
 
}


/** HERO *********************************************************************/
5ac6c39b   Goutte   Move fonts where ... 
32
 
div.jumbotron {
79a92097   Antoine Goutenoir   Fix the colors wi... 
33
 
    background-color: rgba(238, 238, 238, 0.8);
5ac6c39b   Goutte   Move fonts where ... 
34
35
36
37
38
39
40
 
}

#image-background {
    position: absolute;
    top: -2rem;
    z-index: -1;
    width: 100%;
d5af76e8   Goutte   Bump the js and c... 
41
 
    height: 22.2rem;
1b635a08   Antoine Goutenoir   Cheat and move CS... 
42
 
    background-image: url('../../public/img/plane-with-chemtrails.jpg');
5ac6c39b   Goutte   Move fonts where ... 
43
44
45
46
 
    background-size: cover;
    background-repeat: no-repeat;
}
d5af76e8   Goutte   Bump the js and c... 
47
48
49
 

/** FOOTER *******************************************************************/
5ac6c39b   Goutte   Move fonts where ... 
50
51
52
53
54
 
footer.page-footer {
    padding: 4rem 5rem;
    color: #fff;
    background-color: #3980af;
    height: 13rem;
d5af76e8   Goutte   Bump the js and c... 
55
56
57
58
59
60
61
62
63
 
}

footer.page-footer a {
    color: #fff;
}


/** FORM *********************************************************************/
3dde088c   Antoine Goutenoir   Style the 6th hea... 
64
65
66
67
 
h6 {
    font-weight: 700;
}
d5af76e8   Goutte   Bump the js and c... 
68
69
70
 
span.required-asterisk {
    color: #901524;
}
0ff25083   Antoine Goutenoir   Animate some pixe... 
71
72
f3694728   Antoine Goutenoir   Display a summary. 
73
74
75
 
/** LISTS *********************************************************************/

.numbered-list {
a1f12452   Antoine Goutenoir   Add the new conte... 
76
 
    list-style: decimal-leading-zero;
f3694728   Antoine Goutenoir   Display a summary. 
77
78
79
 
}
4c862b54   Antoine Goutenoir   Add a grouped bar... 
80
 
/** PLOTS ********************************************************************/
a24ca744   Antoine Goutenoir   Add the scaling l... 
81
b7411dd3   Antoine Goutenoir   Improve the plots... 
82
83
84
85
 
.plot-container {
    /*background: #ff3399;*/
    border: 2px dotted #888;
}
4c862b54   Antoine Goutenoir   Add a grouped bar... 
86
87
88
89
90
91
92
93
94
95
96
97
 
.legend-list {
    list-style: none;
}
.legend-color-badge {
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    top: 2px;
}
1e7e25a7   Antoine Goutenoir   Fix the internal ... 
98
99
100
101
102
103
104
105
106
107
 
/** TWEAKS ******************************************************************/

h3[id]::before {
  content: '';
  display: block;
  height:      75px;
  margin-top: -75px;
  visibility: hidden;
}
a24ca744   Antoine Goutenoir   Add the scaling l... 
108
109
110
111
 
article img {
    width: 100%;
}
1e7e25a7   Antoine Goutenoir   Fix the internal ... 
112
0ff25083   Antoine Goutenoir   Animate some pixe... 
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
 
/** SPINNER ******************************************************************/

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #4a59c1;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.25s;
}

.lds-ripple div:nth-child(3) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 72px;
        left: 72px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 144px;
        height: 89px;

        opacity: 0;
    }
}