1 | /** ***************************************************** **/ |
---|
2 | /** ************************ TITLES ********************* **/ |
---|
3 | /** ***************************************************** **/ |
---|
4 | .title1 { |
---|
5 | color: #65981E; |
---|
6 | font-weight: bold; |
---|
7 | font-size: 15px; |
---|
8 | } |
---|
9 | |
---|
10 | .title2 { |
---|
11 | color: #99CC32; |
---|
12 | font-weight: bold; |
---|
13 | } |
---|
14 | |
---|
15 | .text1 { |
---|
16 | color: #99CC32; |
---|
17 | } |
---|
18 | |
---|
19 | /** ***************************************************** **/ |
---|
20 | /** ********************** CONTAINER ******************** **/ |
---|
21 | /** ***************************************************** **/ |
---|
22 | #containerMiddle { |
---|
23 | position: relative; |
---|
24 | } |
---|
25 | |
---|
26 | .containerStatistics { |
---|
27 | -moz-border-radius: 4px 4px 4px 4px; |
---|
28 | -moz-box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
29 | -webkit-border-radius: 4px 4px 4px 4px; |
---|
30 | -webkit-box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
31 | box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
32 | position: absolute; |
---|
33 | background-color: rgba(101, 152, 30, 0.1); |
---|
34 | margin-right: 10px; |
---|
35 | } |
---|
36 | |
---|
37 | .containerStatisticsTitle { |
---|
38 | background: -moz-linear-gradient(#65981E, #E6EFC2) repeat scroll 0 0 transparent; |
---|
39 | background: -ms-linear-gradient(#65981E, #E6EFC2) repeat scroll 0 0 transparent; /*For IE10*/ |
---|
40 | background: -webkit-linear-gradient(#65981E, #E6EFC2) repeat scroll 0 0 transparent; /*For IE10*/ |
---|
41 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#65981E', endColorstr = 'E6EFC2'); /*For IE7-8-9*/ |
---|
42 | background-color: #65981E; |
---|
43 | -moz-border-radius: 4px 4px 4px 4px; |
---|
44 | -moz-box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
45 | -webkit-border-radius: 4px 4px 4px 4px; |
---|
46 | -webkit-box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
47 | box-shadow: 0 0 4px rgba(101, 152, 30, 1); |
---|
48 | height: 25px; |
---|
49 | font-weight: bold; |
---|
50 | padding-left: 7px; |
---|
51 | } |
---|
52 | |
---|
53 | .containerStatisticsContent { |
---|
54 | padding: 5px; |
---|
55 | font-size: 11px; |
---|
56 | } |
---|
57 | |
---|
58 | .containerTop { |
---|
59 | position: relative; |
---|
60 | margin-top: 19px; |
---|
61 | width: 690px; |
---|
62 | } |
---|
63 | |
---|
64 | .containerTitle { |
---|
65 | float: left; |
---|
66 | margin: -13px 48px 0 60px; |
---|
67 | color: #65981e; |
---|
68 | font-weight: bold; |
---|
69 | font-size: 20px; |
---|
70 | } |
---|
71 | |
---|
72 | .containerCloud { |
---|
73 | float: left; |
---|
74 | margin-right: 15px; |
---|
75 | } |
---|
76 | |
---|
77 | .menuLogo { |
---|
78 | position: relative; |
---|
79 | float: right; |
---|
80 | width: 300px; |
---|
81 | margin: 67px 9px 0 0; |
---|
82 | } |
---|
83 | |
---|
84 | #errors { |
---|
85 | position: absolute; |
---|
86 | background: #FEF1EC; |
---|
87 | -moz-border-radius: 4px 4px 4px 4px; |
---|
88 | -webkit-border-radius: 4px 4px 4px 4px; |
---|
89 | border: 1px solid #CD0A0A; |
---|
90 | color: #CD0A0A; |
---|
91 | padding: 10px; |
---|
92 | margin: 10px; |
---|
93 | float: right; |
---|
94 | display: none; |
---|
95 | z-index: 2; |
---|
96 | } |
---|
97 | |
---|
98 | .disable { |
---|
99 | background-color: #f5f5f5; |
---|
100 | border: 1px solid #565656; |
---|
101 | color: #565656; |
---|
102 | } |
---|
103 | |
---|
104 | .containerMentions { |
---|
105 | margin: 4px 0 0 -19px; |
---|
106 | } |
---|
107 | |
---|
108 | .containerCredits { |
---|
109 | margin: 4px 0 0 -60px; |
---|
110 | } |
---|
111 | |
---|
112 | /** ***************************************************** **/ |
---|
113 | /** ************************ OTHER ********************** **/ |
---|
114 | /** ***************************************************** **/ |
---|
115 | .cloud { |
---|
116 | background-image: url("../images/cloud_small.png"); |
---|
117 | background-repeat: repeat-x; |
---|
118 | height: 60px; |
---|
119 | width: 78px; |
---|
120 | padding: 23px 0 0 12px; |
---|
121 | } |
---|
122 | |
---|
123 | /*.cloud_small {*/ |
---|
124 | /*background-image: url("../images/cloud_smaller.png");*/ |
---|
125 | /*background-repeat: repeat-x;*/ |
---|
126 | /*height: 32px;*/ |
---|
127 | /*width: 49px;*/ |
---|
128 | /*padding: 13px 0 0 11px;*/ |
---|
129 | /*font-size: 9px;*/ |
---|
130 | /*}*/ |
---|
131 | |
---|
132 | #title { |
---|
133 | position: relative; |
---|
134 | top: 17px; |
---|
135 | left: 3px; |
---|
136 | } |
---|
137 | |
---|
138 | #home, #mail, #login { |
---|
139 | padding: 15px 0 0 23px; |
---|
140 | width: 67px; |
---|
141 | } |
---|
142 | |
---|
143 | #language { |
---|
144 | padding: 21px 0 0 28px; |
---|
145 | width: 62px; |
---|
146 | position: relative; |
---|
147 | top: 23px; |
---|
148 | left: 17px; |
---|
149 | } |
---|
150 | |
---|
151 | #mail { |
---|
152 | position: relative; |
---|
153 | top: -15px; |
---|
154 | left: 20px; |
---|
155 | } |
---|
156 | |
---|
157 | #copy { |
---|
158 | position: absolute; |
---|
159 | top: 497px; |
---|
160 | left: 812px; |
---|
161 | } |
---|
162 | |
---|
163 | #copy1 { |
---|
164 | font-size: 7px; |
---|
165 | font-weight: none; |
---|
166 | margin: -5px 0 0 4px; |
---|
167 | } |
---|
168 | |
---|
169 | #copy2 { |
---|
170 | font-size: 7px; |
---|
171 | font-weight: none; |
---|
172 | margin: -11px 0 0 14px; |
---|
173 | } |
---|
174 | |
---|
175 | #help { |
---|
176 | position: absolute; |
---|
177 | top: 247px; |
---|
178 | left: 375px; |
---|
179 | } |
---|
180 | |
---|
181 | #credits { |
---|
182 | position: absolute; |
---|
183 | top: 524px; |
---|
184 | left: 695px; |
---|
185 | } |
---|
186 | |
---|
187 | #mentions { |
---|
188 | position: absolute; |
---|
189 | top: 543px; |
---|
190 | left: 725px; |
---|
191 | } |
---|
192 | |
---|
193 | #login { |
---|
194 | position: absolute; |
---|
195 | float: left; |
---|
196 | top: 79px; |
---|
197 | left: 88px; |
---|
198 | } |
---|
199 | |
---|
200 | #login_bg { |
---|
201 | position: absolute; |
---|
202 | } |
---|
203 | |
---|
204 | #login_img { |
---|
205 | position: relative; |
---|
206 | top: 103px; |
---|
207 | left: 148px; |
---|
208 | } |
---|
209 | |
---|
210 | #logout_button { |
---|
211 | position: relative; |
---|
212 | top: 17px; |
---|
213 | left: 18px; |
---|
214 | visibility: hidden; |
---|
215 | } |
---|
216 | |
---|
217 | #login_text, #credits_text, #mentions_text { |
---|
218 | position: absolute; |
---|
219 | } |
---|
220 | |
---|
221 | #login_text_title { |
---|
222 | position: relative; |
---|
223 | top: 81px; |
---|
224 | left: 186px; |
---|
225 | font-weight: bold; |
---|
226 | } |
---|
227 | |
---|
228 | #login_text_content { |
---|
229 | position: relative; |
---|
230 | top: 143px; |
---|
231 | left: 96px; |
---|
232 | width: 273px; |
---|
233 | } |
---|
234 | |
---|
235 | #login_user { |
---|
236 | position: relative; |
---|
237 | color: #65981E; |
---|
238 | font-size: 9px; |
---|
239 | font-weight: bold; |
---|
240 | top: 6px; |
---|
241 | left: 39px; |
---|
242 | } |
---|
243 | |
---|
244 | #loginRight { |
---|
245 | color: white; |
---|
246 | } |
---|
247 | |
---|
248 | #loginRight .containerStatisticsTitle { |
---|
249 | text-align: center; |
---|
250 | } |
---|
251 | |
---|
252 | #credits_title, #mentions_title { |
---|
253 | margin: -31px 0 0 9px; |
---|
254 | font-size: 9px; |
---|
255 | } |
---|
256 | |
---|
257 | #mentions_text, #credits_text { |
---|
258 | top: 100px; |
---|
259 | left: 141px; |
---|
260 | } |
---|
261 | |
---|
262 | /* ****************** LOADINGS ************************* */ |
---|
263 | .loadingPlot { |
---|
264 | margin: auto; |
---|
265 | height: 15px; |
---|
266 | width: 128px; |
---|
267 | margin-top: 50px; |
---|
268 | } |
---|
269 | |
---|
270 | .loadingForParameters_meta, .loadingForPlateforms_meta { |
---|
271 | margin: auto; |
---|
272 | } |
---|
273 | |
---|
274 | .statisticsEther { |
---|
275 | background: none; |
---|
276 | border: none; |
---|
277 | } |
---|
278 | |
---|
279 | .back_button { |
---|
280 | float: right; |
---|
281 | margin-right: 10px; |
---|
282 | margin-top: 35px; |
---|
283 | } |
---|
284 | |
---|
285 | .action_button { |
---|
286 | width: 95%; |
---|
287 | margin: 3px; |
---|
288 | } |
---|
289 | |
---|
290 | .export_button { |
---|
291 | float: right; |
---|
292 | margin: 20px 6px 0 0; |
---|
293 | } |
---|