Commit da90bb84144f9319c0dbe228107a961c4165cffe
1 parent
1854836d
Exists in
master
and in
1 other branch
css para exibir imagem de loading
Showing
1 changed file
with
109 additions
and
16 deletions
Show diff stats
src/main/webapp/inicial_arquivos/css/default.css
... | ... | @@ -7,6 +7,42 @@ |
7 | 7 | font-weight: normal; |
8 | 8 | font-family: "Open Sans", Arial, Helvetica, sans-serif; |
9 | 9 | } |
10 | + | |
11 | + .imgLoading | |
12 | + { | |
13 | + padding-top:30px; | |
14 | + height:105px; | |
15 | + font-size:14px; | |
16 | + background-image: url("/ases/inicial_arquivos/imagens/loading.gif"); | |
17 | + text-align: center; | |
18 | + background-position: bottom; | |
19 | + background-repeat: no-repeat; | |
20 | + } | |
21 | + | |
22 | + .oculto | |
23 | + { | |
24 | + display: none; | |
25 | + } | |
26 | + | |
27 | + #formulario | |
28 | + { | |
29 | + width: 65%; | |
30 | + float: left; | |
31 | + } | |
32 | + | |
33 | + #imagemLoadingHtml | |
34 | + { | |
35 | + width: 35%; | |
36 | + float: left; | |
37 | + padding-top:30px; | |
38 | + height:105px; | |
39 | + font-size:14px; | |
40 | + background-image: url("/ases/inicial_arquivos/imagens/loading.gif"); | |
41 | + text-align: center; | |
42 | + background-position: bottom; | |
43 | + background-repeat: no-repeat; | |
44 | + } | |
45 | + | |
10 | 46 | #formaavaliacao { |
11 | 47 | color: #2C67CD !important; |
12 | 48 | font-size: 1.6em; |
... | ... | @@ -16,6 +52,7 @@ |
16 | 52 | margin-top: 0; |
17 | 53 | padding: 0; |
18 | 54 | } |
55 | + | |
19 | 56 | header { |
20 | 57 | width: 100%; |
21 | 58 | /*Banner*/ |
... | ... | @@ -42,7 +79,7 @@ |
42 | 79 | text-decoration: none; |
43 | 80 | } |
44 | 81 | #barra-brasil { |
45 | - /*position: fixed;*/ | |
82 | + | |
46 | 83 | position: absolute; |
47 | 84 | width: 100%; |
48 | 85 | top: 0; |
... | ... | @@ -63,7 +100,7 @@ |
63 | 100 | padding-left: 0; |
64 | 101 | } |
65 | 102 | #accessibility a { |
66 | - color: #dcffe3; | |
103 | + color: #ffffff; | |
67 | 104 | font-size: 1.2em; |
68 | 105 | padding-right: 10px; |
69 | 106 | font-family: Arial, Helvetica, sans-serif; |
... | ... | @@ -84,7 +121,7 @@ |
84 | 121 | |
85 | 122 | label span { |
86 | 123 | background: #327241; |
87 | - color: #dcffe3; | |
124 | + color: #ffffff; | |
88 | 125 | font-weight:bold; |
89 | 126 | padding: 0 4px; |
90 | 127 | } |
... | ... | @@ -107,7 +144,7 @@ |
107 | 144 | font-size: 1.2em; |
108 | 145 | } |
109 | 146 | #portal-siteactions a { |
110 | - color: #9ed5ab; | |
147 | + color: #ffffff; | |
111 | 148 | } |
112 | 149 | #portal-siteactions a:hover { |
113 | 150 | border-bottom: 1px solid; |
... | ... | @@ -116,7 +153,7 @@ |
116 | 153 | padding-right: 0; |
117 | 154 | } |
118 | 155 | #logo { |
119 | - color: #fff !important; | |
156 | + color: #ffffff !important; | |
120 | 157 | padding: 0; |
121 | 158 | float: left; |
122 | 159 | width: 35%; |
... | ... | @@ -198,14 +235,14 @@ |
198 | 235 | color: #9F6000; |
199 | 236 | background-color: #FEEFB3; |
200 | 237 | background-image: url('/ases/inicial_arquivos/imagens/warning.png'); |
201 | -} | |
202 | -.info, .success, .warning, .error, .validation { | |
238 | + } | |
239 | + .info, .success, .warning, .error, .validation { | |
203 | 240 | border: 1px solid; |
204 | 241 | margin: 10px 0px; |
205 | 242 | padding: 15px 10px 15px 50px; |
206 | 243 | background-repeat: no-repeat; |
207 | 244 | background-position: 10px center; |
208 | -} | |
245 | + } | |
209 | 246 | |
210 | 247 | |
211 | 248 | } /*-----Fim max-width: 1024px */ |
... | ... | @@ -214,12 +251,68 @@ |
214 | 251 | @media only screen and (max-width : 768px) { |
215 | 252 | body { |
216 | 253 | margin: 0; |
217 | - background-color: #fff; | |
254 | + background-color: #ffffff; | |
218 | 255 | color: #000000; |
219 | 256 | font-size: 61%; |
220 | 257 | font-weight: normal; |
221 | 258 | font-family: "Open Sans", Arial, Helvetica, sans-serif; |
222 | 259 | } |
260 | + | |
261 | + | |
262 | + | |
263 | + .imgLoading | |
264 | + { | |
265 | + padding-top:30px; | |
266 | + height:105px; | |
267 | + font-size:14px; | |
268 | + background-image: url("/ases/inicial_arquivos/imagens/loading.gif"); | |
269 | + text-align: center; | |
270 | + background-position: bottom; | |
271 | + background-repeat: no-repeat; | |
272 | + } | |
273 | + | |
274 | + .oculto | |
275 | + { | |
276 | + display: none; | |
277 | + } | |
278 | + | |
279 | + | |
280 | + img :focus | |
281 | + { | |
282 | + border:1px solid #0080ff; | |
283 | + } | |
284 | + #formulario | |
285 | + { | |
286 | + width: 65%; | |
287 | + float: left; | |
288 | + } | |
289 | + | |
290 | + #imagemLoadingHtml | |
291 | + { | |
292 | + width: 35%; | |
293 | + float: left; | |
294 | + padding-top:5px; | |
295 | + height:105px; | |
296 | + font-size:12px; | |
297 | + background-image: url("/ases/inicial_arquivos/imagens/loading.gif"); | |
298 | + text-align: center; | |
299 | + background-position: bottom; | |
300 | + background-repeat: no-repeat; | |
301 | + } | |
302 | + | |
303 | + .contraste #imagemLoadingHtml | |
304 | + { | |
305 | + width: 35%; | |
306 | + float: left; | |
307 | + padding-top:5px; | |
308 | + height:105px; | |
309 | + font-size:12px; | |
310 | + background-image: url("/ases/inicial_arquivos/imagens/loading_altoContraste.gif"); | |
311 | + text-align: center; | |
312 | + background-position: bottom; | |
313 | + background-repeat: no-repeat; | |
314 | + } | |
315 | + | |
223 | 316 | header ul li { |
224 | 317 | display: block; |
225 | 318 | margin-top: 0; |
... | ... | @@ -299,21 +392,21 @@ |
299 | 392 | display: inline; |
300 | 393 | } |
301 | 394 | #accessibility a { |
302 | - color: #dcffe3; | |
395 | + color: #ffffff; | |
303 | 396 | font-size: 1em; |
304 | 397 | padding-right: 10px; |
305 | 398 | font-family: Arial, Helvetica, sans-serif; |
306 | 399 | } |
307 | 400 | #accessibility span { |
308 | 401 | background: #9ed5ab; |
309 | - color: #dcffe3; | |
402 | + color: #ffffff; | |
310 | 403 | padding: 0 4px; |
311 | 404 | } |
312 | 405 | |
313 | 406 | #portal-siteactions span |
314 | 407 | { |
315 | 408 | background: #9ed5ab; |
316 | - color: #dcffe3; | |
409 | + color: #ffffff; | |
317 | 410 | padding: 0 4px; |
318 | 411 | } |
319 | 412 | |
... | ... | @@ -326,13 +419,13 @@ |
326 | 419 | padding-bottom: 5px; |
327 | 420 | margin-right: 0; |
328 | 421 | width: auto; |
329 | - color: #9ed5ab; | |
422 | + color: #ffffff; | |
330 | 423 | } |
331 | 424 | #portal-siteactions li { |
332 | 425 | padding-right: 10px; |
333 | 426 | } |
334 | 427 | #portal-siteactions a { |
335 | - color: #9ed5ab; | |
428 | + color: #ffffff; | |
336 | 429 | } |
337 | 430 | #portal-siteactions a:hover { |
338 | 431 | border-bottom: 1px solid; |
... | ... | @@ -341,13 +434,13 @@ |
341 | 434 | padding-right: 0; |
342 | 435 | } |
343 | 436 | #logo { |
344 | - color: #fff !important; | |
437 | + color: #ffffff !important; | |
345 | 438 | padding: 0; |
346 | 439 | width: 35%; |
347 | 440 | padding-left: 3%; |
348 | 441 | } |
349 | 442 | #logo a { |
350 | - color: #fff; | |
443 | + color: #ffffff; | |
351 | 444 | display: block; |
352 | 445 | width: 100%; |
353 | 446 | } | ... | ... |