Download as
Browse Code »

Commit da90bb84144f9319c0dbe228107a961c4165cffe

Authored by gibran
1 parent 1854836d
Exists in master and in 1 other branch Desenvolvimento-Ases-Web

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
  Diff comments   View file @da90bb8
@@ -7,6 +7,42 @@ @@ -7,6 +7,42 @@
7 font-weight: normal; 7 font-weight: normal;
8 font-family: "Open Sans", Arial, Helvetica, sans-serif; 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 #formaavaliacao { 46 #formaavaliacao {
11 color: #2C67CD !important; 47 color: #2C67CD !important;
12 font-size: 1.6em; 48 font-size: 1.6em;
@@ -16,6 +52,7 @@ @@ -16,6 +52,7 @@
16 margin-top: 0; 52 margin-top: 0;
17 padding: 0; 53 padding: 0;
18 } 54 }
  55 +
19 header { 56 header {
20 width: 100%; 57 width: 100%;
21 /*Banner*/ 58 /*Banner*/
@@ -42,7 +79,7 @@ @@ -42,7 +79,7 @@
42 text-decoration: none; 79 text-decoration: none;
43 } 80 }
44 #barra-brasil { 81 #barra-brasil {
45 - /*position: fixed;*/ 82 +
46 position: absolute; 83 position: absolute;
47 width: 100%; 84 width: 100%;
48 top: 0; 85 top: 0;
@@ -63,7 +100,7 @@ @@ -63,7 +100,7 @@
63 padding-left: 0; 100 padding-left: 0;
64 } 101 }
65 #accessibility a { 102 #accessibility a {
66 - color: #dcffe3; 103 + color: #ffffff;
67 font-size: 1.2em; 104 font-size: 1.2em;
68 padding-right: 10px; 105 padding-right: 10px;
69 font-family: Arial, Helvetica, sans-serif; 106 font-family: Arial, Helvetica, sans-serif;
@@ -84,7 +121,7 @@ @@ -84,7 +121,7 @@
84 121
85 label span { 122 label span {
86 background: #327241; 123 background: #327241;
87 - color: #dcffe3; 124 + color: #ffffff;
88 font-weight:bold; 125 font-weight:bold;
89 padding: 0 4px; 126 padding: 0 4px;
90 } 127 }
@@ -107,7 +144,7 @@ @@ -107,7 +144,7 @@
107 font-size: 1.2em; 144 font-size: 1.2em;
108 } 145 }
109 #portal-siteactions a { 146 #portal-siteactions a {
110 - color: #9ed5ab; 147 + color: #ffffff;
111 } 148 }
112 #portal-siteactions a:hover { 149 #portal-siteactions a:hover {
113 border-bottom: 1px solid; 150 border-bottom: 1px solid;
@@ -116,7 +153,7 @@ @@ -116,7 +153,7 @@
116 padding-right: 0; 153 padding-right: 0;
117 } 154 }
118 #logo { 155 #logo {
119 - color: #fff !important; 156 + color: #ffffff !important;
120 padding: 0; 157 padding: 0;
121 float: left; 158 float: left;
122 width: 35%; 159 width: 35%;
@@ -198,14 +235,14 @@ @@ -198,14 +235,14 @@
198 color: #9F6000; 235 color: #9F6000;
199 background-color: #FEEFB3; 236 background-color: #FEEFB3;
200 background-image: url('/ases/inicial_arquivos/imagens/warning.png'); 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 border: 1px solid; 240 border: 1px solid;
204 margin: 10px 0px; 241 margin: 10px 0px;
205 padding: 15px 10px 15px 50px; 242 padding: 15px 10px 15px 50px;
206 background-repeat: no-repeat; 243 background-repeat: no-repeat;
207 background-position: 10px center; 244 background-position: 10px center;
208 -} 245 + }
209 246
210 247
211 } /*-----Fim max-width: 1024px */ 248 } /*-----Fim max-width: 1024px */
@@ -214,12 +251,68 @@ @@ -214,12 +251,68 @@
214 @media only screen and (max-width : 768px) { 251 @media only screen and (max-width : 768px) {
215 body { 252 body {
216 margin: 0; 253 margin: 0;
217 - background-color: #fff; 254 + background-color: #ffffff;
218 color: #000000; 255 color: #000000;
219 font-size: 61%; 256 font-size: 61%;
220 font-weight: normal; 257 font-weight: normal;
221 font-family: "Open Sans", Arial, Helvetica, sans-serif; 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 header ul li { 316 header ul li {
224 display: block; 317 display: block;
225 margin-top: 0; 318 margin-top: 0;
@@ -299,21 +392,21 @@ @@ -299,21 +392,21 @@
299 display: inline; 392 display: inline;
300 } 393 }
301 #accessibility a { 394 #accessibility a {
302 - color: #dcffe3; 395 + color: #ffffff;
303 font-size: 1em; 396 font-size: 1em;
304 padding-right: 10px; 397 padding-right: 10px;
305 font-family: Arial, Helvetica, sans-serif; 398 font-family: Arial, Helvetica, sans-serif;
306 } 399 }
307 #accessibility span { 400 #accessibility span {
308 background: #9ed5ab; 401 background: #9ed5ab;
309 - color: #dcffe3; 402 + color: #ffffff;
310 padding: 0 4px; 403 padding: 0 4px;
311 } 404 }
312 405
313 #portal-siteactions span 406 #portal-siteactions span
314 { 407 {
315 background: #9ed5ab; 408 background: #9ed5ab;
316 - color: #dcffe3; 409 + color: #ffffff;
317 padding: 0 4px; 410 padding: 0 4px;
318 } 411 }
319 412
@@ -326,13 +419,13 @@ @@ -326,13 +419,13 @@
326 padding-bottom: 5px; 419 padding-bottom: 5px;
327 margin-right: 0; 420 margin-right: 0;
328 width: auto; 421 width: auto;
329 - color: #9ed5ab; 422 + color: #ffffff;
330 } 423 }
331 #portal-siteactions li { 424 #portal-siteactions li {
332 padding-right: 10px; 425 padding-right: 10px;
333 } 426 }
334 #portal-siteactions a { 427 #portal-siteactions a {
335 - color: #9ed5ab; 428 + color: #ffffff;
336 } 429 }
337 #portal-siteactions a:hover { 430 #portal-siteactions a:hover {
338 border-bottom: 1px solid; 431 border-bottom: 1px solid;
@@ -341,13 +434,13 @@ @@ -341,13 +434,13 @@
341 padding-right: 0; 434 padding-right: 0;
342 } 435 }
343 #logo { 436 #logo {
344 - color: #fff !important; 437 + color: #ffffff !important;
345 padding: 0; 438 padding: 0;
346 width: 35%; 439 width: 35%;
347 padding-left: 3%; 440 padding-left: 3%;
348 } 441 }
349 #logo a { 442 #logo a {
350 - color: #fff; 443 + color: #ffffff;
351 display: block; 444 display: block;
352 width: 100%; 445 width: 100%;
353 } 446 }