From a37259537384670e2f79d6cfecf240d925a09565 Mon Sep 17 00:00:00 2001 From: gibransodre Date: Thu, 6 Oct 2016 14:45:05 -0300 Subject: [PATCH] Posicionamento dos botões enviar e voltar (css). --- WebContent/WEB-INF/jsp/index/formulario.jsp | 3 +-- WebContent/css/default.css | 712 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 files changed, 356 insertions(+), 359 deletions(-) diff --git a/WebContent/WEB-INF/jsp/index/formulario.jsp b/WebContent/WEB-INF/jsp/index/formulario.jsp index fea7bad..834d6f5 100644 --- a/WebContent/WEB-INF/jsp/index/formulario.jsp +++ b/WebContent/WEB-INF/jsp/index/formulario.jsp @@ -624,8 +624,7 @@ -
- +
diff --git a/WebContent/css/default.css b/WebContent/css/default.css index c86c11e..db3743c 100644 --- a/WebContent/css/default.css +++ b/WebContent/css/default.css @@ -1,328 +1,337 @@ - .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 -- libgit2 0.21.2