Commit da90bb84144f9319c0dbe228107a961c4165cffe

Authored by gibran
1 parent 1854836d

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 }
... ...