diff --git a/assests/formulario.css b/assets/formulario.css similarity index 72% rename from assests/formulario.css rename to assets/formulario.css index 3af2b68..d9e66e9 100644 --- a/assests/formulario.css +++ b/assets/formulario.css @@ -1,94 +1,105 @@ -*{ - margin: 0; - padding: 0; -} - -#titulo{ - font-family: sans-serif; - color: #380B61; - margin-left: 7%; -} - -#subtitulo{ - font-family: sans-serif; - color: #380B61; - margin-left: 10%; -} - -fieldset{ - border: 0; -} - -body{ - background-color: #F0F8FF; - font-family: sans-serif; - font-size: 1em; - color: #59429d; - margin-left: 36%; - margin-top:2%; - justify-content: center; -} - -input, select, textarea, button{ - border-radius: 5px; -} - -.campo{ - margin-bottom: 1em; -} - -.campo label{ - margin-bottom: 0.2em; - color: #59429d; - display: block; -} - -fieldset.grupo .campo{ - float: left; - margin-right: 1em; -} - -.campo input[type="text"], .campo input[type="email"], .campo select, .campo textarea{ - padding: 0.2em; - border: 1px solid #59429d; - box-shadow: 2px 2px 2px rgba(0,0,0,0.2); - display: block; -} - -.campo select option{ - padding-right: 1em; -} - -.campo input:focus, .campo select:focus, .campo textarea:focus{ - background: #E0E0F8; -} - -.botao{ - font-size: 1.2em; - background: #59429d; - border: 0; - margin-bottom: 1em; - color: #ffffff; - padding: 0.2em 0.6em; - box-shadow: 2px 2px 2px rgba(0,0,0,0.2); - text-shadow: 1px 1px 1px rgba(0,0,0,0.5); - position: absolute; - top: 90%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); -} - -.botao:hover{ - background: plum; - box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); - text-shadow: none; -} - -#check{ - display: inline-block; -} - -#senioridade{ - color: #59429d; +*{ + margin: 0; + padding: 0; + outline: 0; +} + +#titulo { + font-family: sans-serif; + color: #380B61; + margin-left: 7%; +} + +#subtitulo { + font-family: sans-serif; + color: #380B61; + margin-left: 10%; +} + +fieldset { + border: 0; +} + +body { + background-color: #F0F8FF; + font-family: sans-serif; + font-size: 1em; + color: #59429d; + margin-left: 36%; + margin-top:2%; + justify-content: center; +} + +input, select, textarea, button { + border-radius: 5px; +} + +textarea { + padding-left: 15px; +} + +.campo { + margin-bottom: 1em; +} + +.campo label { + margin-bottom: 0.2em; + color: #59429d; + display: block; +} + +fieldset.grupo .campo { + float: left; + margin-right: 1em; + +} + +.campo input[type="text"], .campo input[type="email"], .campo select, .campo textarea { + padding: 0.2em; + border: 1px solid #59429d; + box-shadow: 2px 2px 2px rgba(0,0,0,0.2); + display: block; +} + +.campo select option { + padding-right: 1em; +} + +.campo input:focus, .campo select:focus, .campo textarea:focus { + background: #E0E0F8; +} + + +.botao { + font-size: 1.2em; + height: 40px; + background: #59429d; + border: 0; + margin-bottom: 1em; + color: #ffffff; + padding: 0.2em 0.6em; + box-shadow: 2px 2px 2px rgba(0,0,0,0.2); + text-shadow: 1px 1px 1px rgba(0,0,0,0.5); + position: absolute; + top: 95%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} + +.botao:hover { + background: #ccbbff; + box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); + text-shadow: none; + cursor: pointer; +} + +#check { + display: inline-block; +} + +#senioridade { + color: #59429d; + padding: 5px; + cursor: pointer; } \ No newline at end of file diff --git a/index.html b/index.html index f07f0e4..b52050c 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@
- +Complete suas informações