Download as
Browse Code »

Commit a37259537384670e2f79d6cfecf240d925a09565

Authored by gibransodre
1 parent 098bd2c2
Exists in master

Posicionamento dos botões enviar e voltar (css).

Showing 2 changed files with 356 additions and 359 deletions   Show diff stats
WebContent/WEB-INF/jsp/index/formulario.jsp
  Diff comments   View file @a372595
... ... @@ -624,8 +624,7 @@
624 624  
625 625  
626 626  
627   - <div id="botao">
628   -
  627 + <div id="botaoEnviar">
629 628 <input type="submit" class="button" id="enviar" name="executar" value="Enviar">
630 629 </div>
631 630  
... ...
WebContent/css/default.css
  Diff comments   View file @a372595
1   - .obrigatorio:after {
2   - content: '*';
3   - color:red;
  1 +#botaoVoltar {
  2 + width: 10%;
  3 + float: left;
  4 + margin-left: 28%;
4 5 }
5   -
  6 +
  7 +#voltarF {
  8 + width: 100px;
  9 +}
  10 +
  11 +#botaoEnviar {
  12 + margin-top: 10px;
  13 + float: right;
  14 + width: 62%;
  15 +}
  16 +
  17 +.obrigatorio:after {
  18 + content: '*';
  19 + color: red;
  20 +}
  21 +
6 22 .asterisco:BEFORE {
7 23 content: '*';
8   - color:red;
9   -}
  24 + color: red;
  25 +}
10 26  
11   -.divImagem{
12   - text-align:center;
13   -
  27 +.divImagem {
  28 + text-align: center;
14 29 }
15 30  
16   -.imagem{
17   - text-align:center;
  31 +.imagem {
  32 + text-align: center;
18 33 border: 0.2em solid #ddd;
19   - border-radius: 0.4em;
20   - padding: 0.5em;
21   - width: 35em;
22   - height: 20em;
  34 + border-radius: 0.4em;
  35 + padding: 0.5em;
  36 + width: 35em;
  37 + height: 20em;
23 38 }
24 39  
25   -.imagem2{
26   - text-align:center;
  40 +.imagem2 {
  41 + text-align: center;
27 42 border: 0.2em solid #ddd;
28   - border-radius: 0.4em;
29   - padding: 0.5em;
30   - width: 45em;
31   - height: 25em;
32   -
  43 + border-radius: 0.4em;
  44 + padding: 0.5em;
  45 + width: 45em;
  46 + height: 25em;
33 47 }
34 48  
35   -
36 49 #main {
37   - max-width: 1030px;
38   - margin: 0 auto;
39   - background: #ffffff;
40   - }
41   -
42   - .pergunta{
43   - border: 0px;
44   - }
45   -
46   - #tituloAvisos{
47   - color:red;
48   - font-size:1.5em;
49   - }
50   -
51   - .alinName{
52   - border: 1px solid;
53   - margin: 10px 0px;
54   - padding: 15px 10px 15px 10px;
55   - background-repeat: no-repeat;
56   - background-position: 10px center;
57   - font-size:1.2em;
58   - color: #9F6000;
59   - background-color: #FEEFB3;
60   - }
61   -
62   - .painelSucesso{
  50 + max-width: 1030px;
  51 + margin: 0 auto;
  52 + background: #ffffff;
  53 +}
  54 +
  55 +.pergunta {
  56 + border: 0px;
  57 +}
  58 +
  59 +#tituloAvisos {
  60 + color: red;
  61 + font-size: 1.5em;
  62 +}
  63 +
  64 +.alinName {
  65 + border: 1px solid;
  66 + margin: 10px 0px;
  67 + padding: 15px 10px 15px 10px;
  68 + background-repeat: no-repeat;
  69 + background-position: 10px center;
  70 + font-size: 1.2em;
  71 + color: #9F6000;
  72 + background-color: #FEEFB3;
  73 +}
  74 +
  75 +.painelSucesso {
63 76 text-align: center;
64   - color: #050080;
65   - padding-top: 30px;
66   - padding-bottom: 30px;
67   - font-size:20px;
68   - }
69   -
70   - #painelAcesso{
71   - padding-left: 15em;
72   - padding-right: 15em;
73   - padding-top: 0.5em;
74   - padding-botton: 0.5em;
75   - text-align: center;
76   - }
77   -
78   - #entrarFieldset{
79   - border-radius:10px;
80   - }
81   -
82   - #confirmacao{
83   - text-align: center;
84   - color: #fcce43;
85   - color:#000000
86   - }
87   -
88   - a:focus, a:hover{
89   - border: 0.2em solid #f00;
90   - }
91   -
92   - .button:focus, .button:hover{
93   - border: 0.15em solid #f00;
94   - }
95   -
96   - #botao{
97   - text-align:center;
98   - padding-top: 10px;
99   - }
100   -
101   - #botaoVoltar{
102   - text-align:center;
103   - padding-top:10px;
104   - }
105   -
106   - .button{
107   - width: 350px;
108   - text-align: center;
109   - padding: 15px 20px;
110   - border: 1px solid #eee;
111   - border-radius: 6px;
112   - background-color: #0080ff;
113   - font-size: 25px;
114   - color:white;
115   - }
116   -
117   - fieldset legend{
118   - font-size: 18px;
119   - }
120   -
121   - fieldset label{
122   - font-size: 17px;
123   - }
124   -
125   - p{
126   - font-family: Arial, Helvetica, sans-serif !important;
127   - font-size: 18px;
128   - }
129   -
130   - .layoutCampos label {
131   - display: block;
132   - float: left;
133   - text-align: left;
134   - width: 11em;
135   - padding-right: 0.1em;
136   - padding-bottom: 1px;
137   - }
138   -
139   - #mapaSite span{
140   - font-size:1.3em;
141   - }
142   -
143   - .titulo {
144   - color: #2C67CD;
145   - font-weight: normal;
146   - font-family: Arial, Helvetica, sans-serif;
147   - border-bottom: solid #CCCCCC;
148   - }
149   -
150   - #mapaSite a{
151   - font-size:1.2em;
152   - }
  77 + color: #050080;
  78 + padding-top: 30px;
  79 + padding-bottom: 30px;
  80 + font-size: 20px;
  81 +}
153 82  
154   - #tituloUm{
155   - font-size: 0.8em;
156   - }
157   -
158   - #tituloDois {
159   - font-size: 1.2em;
160   - }
161   -
162   - #tituloTres {
163   - font-size: 1em;
164   - }
165   -
166   - #main {
167   - background: #ffffff;
168   - }
169   -
170   - #topo {
171   - background-color: #ebedf1;
172   - max-width: 100%;
173   - height: 20%;
174   - }
175   -
176   - #last-item {
177   - float: right;
178   - }
179   -
180   - .oculto {
181   - display: none;
182   - display: inline-block;
183   - font-size: 0;
184   - text-indent: -20000px;
185   - }
186   -
187   - #accessibility {
188   - margin-left: 7em;
189   - float: left;
190   - padding: 0;
191   - }
192   -
193   - #accessibility li{
194   - padding-right: 5px;
195   - }
196   -
197   - #accessibility span {
198   - background: #9ecbf3;
199   - font-weight: bold;
200   - color: black;
201   - padding: 0 4px;
202   -
203   - }
204   -
205   - #portal-siteactions {
206   - margin-right:7em;
207   - padding-top: 0.5em;
208   - padding: 0;
209   - float: right;
210   - border-bottom: 0.1em dotted black;
211   -
212   - }
213   -
214   -
215   - #portal-siteactions span {
216   - background: #9ecbf3;
217   - font-weight:bold;
218   - color: black;
219   - padding: 0 4px;
220   - }
221   -
222   - #portal-siteactions li {
223   - font-size: 1.0em;
224   - display: inline;
225   - }
226   -
227   -
228   - header ul li {
229   - display: inline;
230   - margin-top: 0;
231   - padding: 0;
232   - }
233   -
234   - #logoTitulo {
235   - max-width: 100%;
236   - padding-left: 9%;
237   - text-align:left;
238   - color:#0080c0;
239   - background-color:#ebedf1;
240   - }
241   -
242   - #logoTitulo h1{
243   - margin-top: 0;
244   - }
245   -
246   -
247   - #menu {
248   - background-color: #dadce2;
249   - clear: both;
250   - padding: 5px 0;
251   - padding-left: 15px;
252   - max-width: 100%;
253   - margin-bottom: 15px;
254   - }
255   -
256   - #menu li {
257   - display: inline;
258   - }
259   -
260   - #menu ul {
261   - margin: 0;
262   - margin-right: 10.5%;
263   - text-align: right;
264   - }
265   -
266   - #menu .portalservicos-item a {
267   - margin-top: 50%;
268   - font-size: 1.2em;
269   - color:#205c90;
270   - }
271   -
272   - #footer-brasil {
273   - background: none repeat scroll 0% 0% #2c66ce;
274   - padding: 1em 0px;
275   - max-width: 100%;
276   - }
277   -
278   - #footer-brasil li{
279   - display:inline;
280   - }
281   -
282   - #acessoInf{
283   - margin-left: 6%;
284   - }
285   -
286   - #last-item{
287   - margin-right: 9%;
288   - }
289   -
290   - .logo-brasil{
291   - float: right;
292   - }
293   -
294   - #voltar-topo a {
295   - color: #000000;
296   - }
297   -
298   - #voltar-topo {
299   - text-align: right;
300   -
301   - }
302   -
303   - a {
304   - text-decoration: none;
305   - }
306   -
307   -.contraste, .contraste a, .contraste header, .contraste div, .contraste ul, .contraste p .contraste h2 .contraste span .contraste label .contraste input{
  83 +#painelAcesso {
  84 + padding-left: 15em;
  85 + padding-right: 15em;
  86 + padding-top: 0.5em;
  87 + padding-botton: 0.5em;
  88 + text-align: center;
  89 +}
  90 +
  91 +#entrarFieldset {
  92 + border-radius: 10px;
  93 +}
  94 +
  95 +#confirmacao {
  96 + text-align: center;
  97 + color: #fcce43;
  98 + color: #000000
  99 +}
  100 +
  101 +a:focus, a:hover {
  102 + border: 0.2em solid #f00;
  103 +}
  104 +
  105 +.button:focus, .button:hover {
  106 + border: 0.15em solid #f00;
  107 +}
  108 +
  109 +#botao {
  110 + text-align: center;
  111 + padding-top: 10px;
  112 +}
  113 +
  114 +#botaoVoltar {
  115 + text-align: center;
  116 + padding-top: 10px;
  117 +}
  118 +
  119 +.button {
  120 + width: 350px;
  121 + text-align: center;
  122 + padding: 15px 20px;
  123 + border: 1px solid #eee;
  124 + border-radius: 6px;
  125 + background-color: #0080ff;
  126 + font-size: 25px;
  127 + color: white;
  128 +}
  129 +
  130 +fieldset legend {
  131 + font-size: 18px;
  132 +}
  133 +
  134 +fieldset label {
  135 + font-size: 17px;
  136 +}
  137 +
  138 +p {
  139 + font-family: Arial, Helvetica, sans-serif !important;
  140 + font-size: 18px;
  141 +}
  142 +
  143 +.layoutCampos label {
  144 + display: block;
  145 + float: left;
  146 + text-align: left;
  147 + width: 11em;
  148 + padding-right: 0.1em;
  149 + padding-bottom: 1px;
  150 +}
  151 +
  152 +#mapaSite span {
  153 + font-size: 1.3em;
  154 +}
  155 +
  156 +.titulo {
  157 + color: #2C67CD;
  158 + font-weight: normal;
  159 + font-family: Arial, Helvetica, sans-serif;
  160 + border-bottom: solid #CCCCCC;
  161 +}
  162 +
  163 +#mapaSite a {
  164 + font-size: 1.2em;
  165 +}
  166 +
  167 +#tituloUm {
  168 + font-size: 0.8em;
  169 +}
  170 +
  171 +#tituloDois {
  172 + font-size: 1.2em;
  173 +}
  174 +
  175 +#tituloTres {
  176 + font-size: 1em;
  177 +}
  178 +
  179 +#main {
  180 + background: #ffffff;
  181 +}
  182 +
  183 +#topo {
  184 + background-color: #ebedf1;
  185 + max-width: 100%;
  186 + height: 20%;
  187 +}
  188 +
  189 +#last-item {
  190 + float: right;
  191 +}
  192 +
  193 +.oculto {
  194 + display: none;
  195 + display: inline-block;
  196 + font-size: 0;
  197 + text-indent: -20000px;
  198 +}
  199 +
  200 +#accessibility {
  201 + margin-left: 7em;
  202 + float: left;
  203 + padding: 0;
  204 +}
  205 +
  206 +#accessibility li {
  207 + padding-right: 5px;
  208 +}
  209 +
  210 +#accessibility span {
  211 + background: #9ecbf3;
  212 + font-weight: bold;
  213 + color: black;
  214 + padding: 0 4px;
  215 +}
  216 +
  217 +#portal-siteactions {
  218 + margin-right: 7em;
  219 + padding-top: 0.5em;
  220 + padding: 0;
  221 + float: right;
  222 + border-bottom: 0.1em dotted black;
  223 +}
  224 +
  225 +#portal-siteactions span {
  226 + background: #9ecbf3;
  227 + font-weight: bold;
  228 + color: black;
  229 + padding: 0 4px;
  230 +}
  231 +
  232 +#portal-siteactions li {
  233 + font-size: 1.0em;
  234 + display: inline;
  235 +}
  236 +
  237 +header ul li {
  238 + display: inline;
  239 + margin-top: 0;
  240 + padding: 0;
  241 +}
  242 +
  243 +#logoTitulo {
  244 + max-width: 100%;
  245 + padding-left: 9%;
  246 + text-align: left;
  247 + color: #0080c0;
  248 + background-color: #ebedf1;
  249 +}
  250 +
  251 +#logoTitulo h1 {
  252 + margin-top: 0;
  253 +}
  254 +
  255 +#menu {
  256 + background-color: #dadce2;
  257 + clear: both;
  258 + padding: 5px 0;
  259 + padding-left: 15px;
  260 + max-width: 100%;
  261 + margin-bottom: 15px;
  262 +}
  263 +
  264 +#menu li {
  265 + display: inline;
  266 +}
  267 +
  268 +#menu ul {
  269 + margin: 0;
  270 + margin-right: 10.5%;
  271 + text-align: right;
  272 +}
  273 +
  274 +#menu .portalservicos-item a {
  275 + margin-top: 50%;
  276 + font-size: 1.2em;
  277 + color: #205c90;
  278 +}
  279 +
  280 +#footer-brasil {
  281 + background: none repeat scroll 0% 0% #2c66ce;
  282 + padding: 1em 0px;
  283 + max-width: 100%;
  284 +}
  285 +
  286 +#footer-brasil li {
  287 + display: inline;
  288 +}
  289 +
  290 +#acessoInf {
  291 + margin-left: 6%;
  292 +}
  293 +
  294 +#last-item {
  295 + margin-right: 9%;
  296 +}
  297 +
  298 +.logo-brasil {
  299 + float: right;
  300 +}
  301 +
  302 +#voltar-topo a {
  303 + color: #000000;
  304 +}
  305 +
  306 +#voltar-topo {
  307 + text-align: right;
  308 +}
  309 +
  310 +a {
  311 + text-decoration: none;
  312 +}
  313 +
  314 +.contraste, .contraste a, .contraste header, .contraste div, .contraste ul,
  315 + .contraste p .contraste h2 .contraste span .contraste label .contraste input
  316 + {
308 317 background: #000000 !important;
309 318 color: #ffffff !important;
310 319 }
311 320  
312   -.contraste label{
  321 +.contraste label {
313 322 color: #ffffff !important;
314 323 }
315 324  
316   -.contraste span{
  325 +.contraste span {
317 326 color: #ffffff !important;
318 327 }
319 328  
320   -.contraste h2{
  329 +.contraste h2 {
321 330 color: #ffffff !important;
322 331 }
323 332  
324   -.contraste h3{formulario
325   - color: #ffffff !important;
  333 +.contraste h3 {
  334 + formulario color: #ffffff !important;
326 335 }
327 336  
328 337 .contraste a {
... ... @@ -344,7 +353,8 @@
344 353 }
345 354  
346 355 .contraste #topo h1 a.gov {
347   - background: transparent url('../images/gov_br_contraste.jpg') no-repeat left top;
  356 + background: transparent url('../images/gov_br_contraste.jpg') no-repeat
  357 + left top;
348 358 }
349 359  
350 360 .contraste #menu a.atual {
... ... @@ -365,7 +375,7 @@
365 375 }
366 376  
367 377 .contraste input[type="submit"]:hover {
368   - border: 0.15em solid #f00;
  378 + border: 0.15em solid #f00;
369 379 }
370 380  
371 381 .contraste input[type="button"] {
... ... @@ -376,7 +386,7 @@
376 386 }
377 387  
378 388 .contraste input[type="button"]:hover {
379   - border: 0.15em solid #f00;
  389 + border: 0.15em solid #f00;
380 390 }
381 391  
382 392 .contraste #accessibility span {
... ... @@ -396,63 +406,51 @@
396 406 .contraste #menu ul {
397 407 background: #000000 !important;
398 408 }
399   -
400   - @media only screen and (max-width : 1100px) {
401   -
  409 +
  410 +@media only screen and (max-width : 1100px) {
402 411 textarea {
403   -
404   - }
405   - #topo {
406   - background-color: #ebedf1;
407   - width: 90%;
408   - margin: auto;
409   - margin-top: 20px;
410   - height: 9.8em;
411   - padding: 0;
412   - }
413   -
414   - #accessibility {
415   - padding-top: 5px;
416   - text-align: center;
417   - float: none;
418   - }
419   -
420   - #portal-siteactions {
421   - padding-top: 5px;
422   - text-align: center;
423   - border-bottom: 1px dotted black;
424   - padding-bottom: 5px;
425   - }
426   -
427   - #logo {
428   - width: 70%;
429   - }
430   -
431   - #logo h1{
432   - float: none;
433   - exit
434   - }
435   -
436   - #logo {
437   - height:35em;
438   - }
439   -
440   - #logoTitulo {
441   - width: 60%;
442   - float:none;
443   - padding-left: 8%;
444   - height:auto;
445   - background-color: #ebedf1;
446   - }
447   -
448   - #logoImg {
449   - float:none;
450   - padding-right:inherit;
451   - padding-top: 0%;
452   - height:auto;
453   - }
454   -
455 412  
456   -
457 413 }
458   -
459 414 \ No newline at end of file
  415 + #topo {
  416 + background-color: #ebedf1;
  417 + width: 90%;
  418 + margin: auto;
  419 + margin-top: 20px;
  420 + height: 9.8em;
  421 + padding: 0;
  422 + }
  423 + #accessibility {
  424 + padding-top: 5px;
  425 + text-align: center;
  426 + float: none;
  427 + }
  428 + #portal-siteactions {
  429 + padding-top: 5px;
  430 + text-align: center;
  431 + border-bottom: 1px dotted black;
  432 + padding-bottom: 5px;
  433 + }
  434 + #logo {
  435 + width: 70%;
  436 + }
  437 + #logo h1 {
  438 + float: none;
  439 + exit
  440 + }
  441 + #logo {
  442 + height: 35em;
  443 + }
  444 + #logoTitulo {
  445 + width: 60%;
  446 + float: none;
  447 + padding-left: 8%;
  448 + height: auto;
  449 + background-color: #ebedf1;
  450 + }
  451 + #logoImg {
  452 + float: none;
  453 + padding-right: inherit;
  454 + padding-top: 0%;
  455 + height: auto;
  456 + }
  457 +}
460 458 \ No newline at end of file
... ...