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

gibransodre
1 parent 098bd2c2
Showing 2 changed files with 356 additions and 359 deletions Show diff stats
WebContent/WEB-INF/jsp/index/formulario.jsp
WebContent/css/default.css
@@ -624,8 +624,7 @@
-		<div id="botao">
-		   
+		<div id="botaoEnviar">		   
 		   <input type="submit" class="button" id="enviar" name="executar" value="Enviar">		
 		</div>
- .obrigatorio:after {
-  content: '*';
-  color:red;
+#botaoVoltar {
+	width: 10%;
+	float: left;
+	margin-left: 28%;
 }
- 
+
+#voltarF {
+	width: 100px;
+}
+
+#botaoEnviar {
+	margin-top: 10px;
+	float: right;
+	width: 62%;
+}
+
+.obrigatorio:after {
+	content: '*';
+	color: red;
+}
+
 .asterisco:BEFORE {
 	content: '*';
-  	color:red;
-} 
+	color: red;
+}
-.divImagem{
-	text-align:center;
-	
+.divImagem {
+	text-align: center;
 }
-.imagem{
-	text-align:center;
+.imagem {
+	text-align: center;
 	border: 0.2em solid #ddd;
-    border-radius: 0.4em;
-    padding: 0.5em;
-    width: 35em;
-    height: 20em;
+	border-radius: 0.4em;
+	padding: 0.5em;
+	width: 35em;
+	height: 20em;
 }
-.imagem2{
-	text-align:center;
+.imagem2 {
+	text-align: center;
 	border: 0.2em solid #ddd;
-    border-radius: 0.4em;
-    padding: 0.5em;
-    width: 45em;
-    height: 25em;
-    
+	border-radius: 0.4em;
+	padding: 0.5em;
+	width: 45em;
+	height: 25em;
 }
-
 #main {
-		max-width: 1030px;
-		margin: 0 auto;
-		background: #ffffff;
- }	
- 
- .pergunta{ 
- 	border: 0px;
- }
- 
- #tituloAvisos{
- 	color:red;
- 	font-size:1.5em;
- }
- 
- .alinName{
-    border: 1px solid;
-    margin: 10px 0px;
-    padding: 15px 10px 15px 10px;
-    background-repeat: no-repeat;
-    background-position: 10px center;
-    font-size:1.2em;
-    color: #9F6000;
-    background-color: #FEEFB3;
- }
-  
- .painelSucesso{
+	max-width: 1030px;
+	margin: 0 auto;
+	background: #ffffff;
+}
+
+.pergunta {
+	border: 0px;
+}
+
+#tituloAvisos {
+	color: red;
+	font-size: 1.5em;
+}
+
+.alinName {
+	border: 1px solid;
+	margin: 10px 0px;
+	padding: 15px 10px 15px 10px;
+	background-repeat: no-repeat;
+	background-position: 10px center;
+	font-size: 1.2em;
+	color: #9F6000;
+	background-color: #FEEFB3;
+}
+
+.painelSucesso {
 	text-align: center;
-  	color: #050080;
-  	padding-top: 30px;
-  	padding-bottom: 30px;
-  	font-size:20px;
- } 
-  
-  #painelAcesso{
-  	padding-left: 15em;
-  	padding-right: 15em;
-  	padding-top: 0.5em;
-  	padding-botton: 0.5em;
-  	text-align: center;
-  }
-      
-  #entrarFieldset{
-  	border-radius:10px;  	  	  	
-  }
-  
-  #confirmacao{
-  	text-align: center;
-  	color: #fcce43;
- 	color:#000000
-  }
-  
-   a:focus, a:hover{
-      border: 0.2em solid #f00;
-   }
-   
-   .button:focus, .button:hover{
-   	  border: 0.15em solid #f00;
-   }
-   
-   #botao{
-    	text-align:center;
-    	padding-top: 10px;
-   }
-   
-   #botaoVoltar{
-   text-align:center;
-   padding-top:10px;
-   }
-    
-   .button{
-    	width: 350px;
-    	text-align: center;
-    	padding: 15px 20px;
-    	border: 1px solid #eee;
-    	border-radius: 6px;
-    	background-color: #0080ff;
-    	font-size: 25px;
-    	color:white;    	
-    }
-    
-    fieldset legend{
-    	font-size: 18px;
-    } 
-    
-    fieldset label{
-    	font-size: 17px;
-    }
-       	   
-    p{
-    	font-family: Arial, Helvetica, sans-serif !important;
-    	font-size: 18px;
-    }
-    
-    .layoutCampos label {
-    	display: block;
-    	float: left;
-   	 	text-align: left;
-   	 	width: 11em;
-   	 	padding-right: 0.1em;
-    	padding-bottom: 1px;
-	}
-	
-	#mapaSite span{
-		font-size:1.3em;
-	}
-	
-	.titulo {
-    	color: #2C67CD;
-    	font-weight: normal;
-    	font-family: Arial, Helvetica, sans-serif;
-       	border-bottom: solid #CCCCCC;
-	}
-	
-	#mapaSite a{
-		font-size:1.2em;
-	}
+	color: #050080;
+	padding-top: 30px;
+	padding-bottom: 30px;
+	font-size: 20px;
+}
-	#tituloUm{
-		font-size: 0.8em;
-	}
-	
-	#tituloDois {
-		font-size: 1.2em;
-	}
-	
-	#tituloTres {
-		font-size: 1em;
-	}
-	
-	#main {
-		background: #ffffff;
-	}	
-		
-	#topo {
-	    background-color: #ebedf1;
-		max-width: 100%;
-		height: 20%;
-	}
-		
-	#last-item {
-		float: right;
-	}
-	
-	.oculto	{
-		display: none;
-		display: inline-block;
-    	font-size: 0;
-    	text-indent: -20000px;
-	}
-	
-	#accessibility { 
-		margin-left: 7em;	
-				float: left;
-		padding: 0;
-	}
-	
-	#accessibility li{ 
-		padding-right: 5px;
-	}
-	
-	#accessibility span {
-		background: #9ecbf3;
-		font-weight: bold;
-		color: black;
-		padding: 0 4px;
-		
-	}
-	
-	#portal-siteactions {
-		margin-right:7em;
-		padding-top: 0.5em;
-		padding: 0;
-		float: right;
-		border-bottom: 0.1em dotted black;
-		
-	}
-	
-	
-	#portal-siteactions span {	
-		background: #9ecbf3;
-		font-weight:bold;
-		color: black;
-		padding: 0 4px;
-	}
-	
-	#portal-siteactions li {
-		font-size: 1.0em;
-		display: inline;
-	}
-	
-			
-	header ul li {
-		display: inline;
-		margin-top: 0;
-		padding: 0;
-	}
-	
-	#logoTitulo {
-	   max-width: 100%;
-	   padding-left: 9%;
-	   text-align:left;
-	   color:#0080c0;
-       background-color:#ebedf1;	  
-	}
-	
-	#logoTitulo h1{
-	    margin-top: 0;
-	}
-	
-		
-	#menu {
-	    background-color: #dadce2;
-		clear: both;
-		padding: 5px 0;
-		padding-left: 15px;
-		max-width: 100%;
-		margin-bottom: 15px;
-	}
-	
-	#menu li {
-	    display: inline;
-	}
-	
-	#menu ul {
-		margin: 0;
-		margin-right: 10.5%;
-		text-align: right;
-	}
-		
-	#menu .portalservicos-item a {
-		margin-top: 50%;
-		font-size: 1.2em;
-		color:#205c90;
-	}
-	
-	#footer-brasil {
-		background: none repeat scroll 0% 0% #2c66ce;
-		padding: 1em 0px;
-		max-width: 100%;
-	}
-	
-	#footer-brasil li{
-		display:inline;
-	}
-	
-	#acessoInf{
-	    margin-left: 6%;
-	}
-	
-	#last-item{
-	    margin-right: 9%;
-	}
-	
-	.logo-brasil{
-		float: right;
-   }
-	
-	#voltar-topo a {
-    	color: #000000;
-	}
-	
-	#voltar-topo {
-    	text-align: right;
-    	
-	}
-	
-	a {
-   	    text-decoration: none;
-	}
-	
-.contraste, .contraste a, .contraste header, .contraste div, .contraste ul, .contraste p .contraste h2 .contraste span .contraste label .contraste input{
+#painelAcesso {
+	padding-left: 15em;
+	padding-right: 15em;
+	padding-top: 0.5em;
+	padding-botton: 0.5em;
+	text-align: center;
+}
+
+#entrarFieldset {
+	border-radius: 10px;
+}
+
+#confirmacao {
+	text-align: center;
+	color: #fcce43;
+	color: #000000
+}
+
+a:focus, a:hover {
+	border: 0.2em solid #f00;
+}
+
+.button:focus, .button:hover {
+	border: 0.15em solid #f00;
+}
+
+#botao {
+	text-align: center;
+	padding-top: 10px;
+}
+
+#botaoVoltar {
+	text-align: center;
+	padding-top: 10px;
+}
+
+.button {
+	width: 350px;
+	text-align: center;
+	padding: 15px 20px;
+	border: 1px solid #eee;
+	border-radius: 6px;
+	background-color: #0080ff;
+	font-size: 25px;
+	color: white;
+}
+
+fieldset legend {
+	font-size: 18px;
+}
+
+fieldset label {
+	font-size: 17px;
+}
+
+p {
+	font-family: Arial, Helvetica, sans-serif !important;
+	font-size: 18px;
+}
+
+.layoutCampos label {
+	display: block;
+	float: left;
+	text-align: left;
+	width: 11em;
+	padding-right: 0.1em;
+	padding-bottom: 1px;
+}
+
+#mapaSite span {
+	font-size: 1.3em;
+}
+
+.titulo {
+	color: #2C67CD;
+	font-weight: normal;
+	font-family: Arial, Helvetica, sans-serif;
+	border-bottom: solid #CCCCCC;
+}
+
+#mapaSite a {
+	font-size: 1.2em;
+}
+
+#tituloUm {
+	font-size: 0.8em;
+}
+
+#tituloDois {
+	font-size: 1.2em;
+}
+
+#tituloTres {
+	font-size: 1em;
+}
+
+#main {
+	background: #ffffff;
+}
+
+#topo {
+	background-color: #ebedf1;
+	max-width: 100%;
+	height: 20%;
+}
+
+#last-item {
+	float: right;
+}
+
+.oculto {
+	display: none;
+	display: inline-block;
+	font-size: 0;
+	text-indent: -20000px;
+}
+
+#accessibility {
+	margin-left: 7em;
+	float: left;
+	padding: 0;
+}
+
+#accessibility li {
+	padding-right: 5px;
+}
+
+#accessibility span {
+	background: #9ecbf3;
+	font-weight: bold;
+	color: black;
+	padding: 0 4px;
+}
+
+#portal-siteactions {
+	margin-right: 7em;
+	padding-top: 0.5em;
+	padding: 0;
+	float: right;
+	border-bottom: 0.1em dotted black;
+}
+
+#portal-siteactions span {
+	background: #9ecbf3;
+	font-weight: bold;
+	color: black;
+	padding: 0 4px;
+}
+
+#portal-siteactions li {
+	font-size: 1.0em;
+	display: inline;
+}
+
+header ul li {
+	display: inline;
+	margin-top: 0;
+	padding: 0;
+}
+
+#logoTitulo {
+	max-width: 100%;
+	padding-left: 9%;
+	text-align: left;
+	color: #0080c0;
+	background-color: #ebedf1;
+}
+
+#logoTitulo h1 {
+	margin-top: 0;
+}
+
+#menu {
+	background-color: #dadce2;
+	clear: both;
+	padding: 5px 0;
+	padding-left: 15px;
+	max-width: 100%;
+	margin-bottom: 15px;
+}
+
+#menu li {
+	display: inline;
+}
+
+#menu ul {
+	margin: 0;
+	margin-right: 10.5%;
+	text-align: right;
+}
+
+#menu .portalservicos-item a {
+	margin-top: 50%;
+	font-size: 1.2em;
+	color: #205c90;
+}
+
+#footer-brasil {
+	background: none repeat scroll 0% 0% #2c66ce;
+	padding: 1em 0px;
+	max-width: 100%;
+}
+
+#footer-brasil li {
+	display: inline;
+}
+
+#acessoInf {
+	margin-left: 6%;
+}
+
+#last-item {
+	margin-right: 9%;
+}
+
+.logo-brasil {
+	float: right;
+}
+
+#voltar-topo a {
+	color: #000000;
+}
+
+#voltar-topo {
+	text-align: right;
+}
+
+a {
+	text-decoration: none;
+}
+
+.contraste, .contraste a, .contraste header, .contraste div, .contraste ul,
+	.contraste p .contraste h2 .contraste span .contraste label .contraste input
+	{
 	background: #000000 !important;
 	color: #ffffff !important;
 }
-.contraste label{
+.contraste label {
 	color: #ffffff !important;
 }
-.contraste span{
+.contraste span {
 	color: #ffffff !important;
 }
-.contraste h2{
+.contraste h2 {
 	color: #ffffff !important;
 }
-.contraste h3{formulario
-	color: #ffffff !important;
+.contraste h3 {
+	formulario color: #ffffff !important;
 }
 .contraste a {
@@ -344,7 +353,8 @@
 }
 .contraste #topo h1 a.gov {
-	background: transparent url('../images/gov_br_contraste.jpg') no-repeat	left top;
+	background: transparent url('../images/gov_br_contraste.jpg') no-repeat
+		left top;
 }
 .contraste #menu a.atual {
@@ -365,7 +375,7 @@
 }
 .contraste input[type="submit"]:hover {
-	border: 0.15em solid #f00;	
+	border: 0.15em solid #f00;
 }
 .contraste input[type="button"] {
@@ -376,7 +386,7 @@
 }
 .contraste input[type="button"]:hover {
-	border: 0.15em solid #f00;	
+	border: 0.15em solid #f00;
 }
 .contraste #accessibility span {
@@ -396,63 +406,51 @@
 .contraste #menu ul {
 	background: #000000 !important;
 }
-	
-	@media only screen and (max-width : 1100px) {
-	
+
+@media only screen and (max-width : 1100px) {
 	textarea {
-	
-	}
-		#topo {
-		    background-color: #ebedf1;
-			width: 90%;
-			margin: auto;
-			margin-top: 20px;
-			height: 9.8em;
-			padding: 0;
-		}
-	
-		#accessibility { 
-			padding-top: 5px;
-			text-align: center;
-			float: none;			
-		}
-	
-		#portal-siteactions {
-			padding-top: 5px;
-			text-align: center;
-			border-bottom: 1px dotted black;
-			padding-bottom: 5px;
-		}
-	
-		#logo {
-			width: 70%;
-		}				
-		
-		#logo h1{
-	   		float: none;
-	    exit
-	    }
-	
-	    #logo {
-			height:35em;
-		}
-	
-		#logoTitulo {
-	   		width: 60%;
-	   		float:none;
-	   		padding-left: 8%;
-	  		height:auto;
-	  		background-color: #ebedf1;
-	   }
-	
-		#logoImg {    	
-    		float:none;
-    		padding-right:inherit;
-    		padding-top: 0%; 
-    		height:auto;
-		}
-	
-	
 	}
-	
 \ No newline at end of file
+	#topo {
+		background-color: #ebedf1;
+		width: 90%;
+		margin: auto;
+		margin-top: 20px;
+		height: 9.8em;
+		padding: 0;
+	}
+	#accessibility {
+		padding-top: 5px;
+		text-align: center;
+		float: none;
+	}
+	#portal-siteactions {
+		padding-top: 5px;
+		text-align: center;
+		border-bottom: 1px dotted black;
+		padding-bottom: 5px;
+	}
+	#logo {
+		width: 70%;
+	}
+	#logo h1 {
+		float: none;
+		exit
+	}
+	#logo {
+		height: 35em;
+	}
+	#logoTitulo {
+		width: 60%;
+		float: none;
+		padding-left: 8%;
+		height: auto;
+		background-color: #ebedf1;
+	}
+	#logoImg {
+		float: none;
+		padding-right: inherit;
+		padding-top: 0%;
+		height: auto;
+	}
+}
 \ No newline at end of file
	@@ -624,8 +624,7 @@		@@ -624,8 +624,7 @@
624		624
625		625
626		626
627	- <div id="botao">
628	-	627	+ <div id="botaoEnviar">
629	<input type="submit" class="button" id="enviar" name="executar" value="Enviar">	628	<input type="submit" class="button" id="enviar" name="executar" value="Enviar">
630	</div>	629	</div>
631		630