Skip to content

Felipeformulario #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
testepatta wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Felipeformulario #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b7012e0
cor atualizada
fesanguino Jan 4, 2022
23ef9f8
Update formulario.css
fesanguino Jan 4, 2022
62a32f9
Create launch.json
fesanguino Jan 7, 2022
60912f1
Update formulario.css
fesanguino Jan 7, 2022
56d7c2c
Update formulario.css
fesanguino Jan 7, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions .vscode/launch.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
// Use o IntelliSense para saber mais sobre os atributos possíveis.
// Focalizar para exibir as descrições dos atributos existentes.
// Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
14 changes: 7 additions & 7 deletions formulario.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ body{
background-color: #F0F8FF;
font-family: sans-serif;
font-size: 1em;
color: #59429d;
color: #380B61;
margin-left: 36%;
margin-top: 2%;
justify-content: center;
Expand All @@ -42,7 +42,7 @@ body{
input, select, textarea, button {
font-family: sans-serif;
font-size: 1em;
color: #59429d;
color: #000000;
border-radius: 5px;
}

Expand All @@ -64,7 +64,7 @@ input, select, textarea, button {
/* Elementos de classe "campo" de tag <label> */
.campo label {
margin-bottom: 0.2em;
color: #59429d;
color: #2c0b8a;
display: block;
}

Expand All @@ -77,7 +77,7 @@ fieldset.grupo .campo {
/* Elementos de classe "campo" das tags <input> com atributo text e email, da tag <select> e da tag <textarea>*/
.campo input[type="text"], .campo input[type="email"], .campo select, .campo textarea {
padding: 0.2em;
border: 1px solid #59429d;
border: 1px solid #000000;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
display: block;
}
Expand All @@ -89,13 +89,13 @@ fieldset.grupo .campo {

/* Elemento de classe "campo" com tag <input>, <select> e <textarea> tocas com estado da pseudoclasse "focus"*/
.campo input:focus, .campo select:focus, .campo textarea:focus {
background: #E0E0F8;
background: #ffffff;
}

/* Elemento de classe "botao" */
.botao {
font-size: 1.2em;
background: #59429d;
background: #0303039f;
border: 0;
margin-bottom: 1em;
color: #ffffff;
Expand All @@ -111,7 +111,7 @@ fieldset.grupo .campo {

/* Elemento de classe "botao" com o estado da pseudoclasse "hover" */
.botao:hover {
background: #CCBBFF;
background: #ca0c0c;
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
text-shadow: none;
}
Expand Down
15 changes: 6 additions & 9 deletions formulario.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,15 +48,12 @@ <h1 id="titulo">Cadastro de DEVs</h1>
<!-- Campo de desenvolvimento web com 3 opções de botões selecionáveis (radio button) e css de classe "campo" -->
<div class="campo">
<label><strong>De qual lado da aplicação você desenvolve?</strong></label>
<label>
<input type="radio" name="devweb" value="frontend" checked>Front-end
</label>
<label>
<input type="radio" name="devweb" value="backend">Back-end
</label>
<label>
<input type="radio" name="devweb" value="fullstack">Fullstack
</label>
<select id="De qual lado da aplicação você desenvolve" required>
<option selected disabled value="">Selecione</option>
<option>Front-end</option>
<option>back-end</option>
<option>Fullstack</option>
</select>
</div>

<!-- Campo de senioridade com 3 opções para escolha (select option) e css de classe "campo" -->
Expand Down