Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* O Id corpo especifica a cor do fundo do site, pois o boot strap não deixa colocar direto na Tag body, pois as predefinição já existem*/
- #corpo{
- background-color: brown;
- margin: 10px;
- }
- /* A classe cabeçalho modifica todo conteudo que está na Div do cabeçalho*/
- .cabeçalho{
- padding: 20px;
- background-color: burlywood;
- color: brown;
- font-family: 'Rajdhani', sans-serif;
- text-shadow: 5px 2px 6px #aaa;
- text-align: center;
- border-radius: 80px;
- }
- /* hr-vis é a linha que fica em baixo do nome visita */
- .hr-vis{
- border-color: brown;
- border-width: 1px;
- width: 8%;
- margin-top: 0;
- }
- /* hr1 é a linha que fica em baixo da div cabeçalho*/
- .hr1{
- border-color: aqua;
- margin-top: 0px;
- width: 90%;
- }
- /* hr2 é a linha que fica em baixo das div da tabela*/
- .hr2{
- border-color: aqua;
- margin-top: 0px;
- width: 97.5%;
- }
- /* Define as especificações para todos os titulos H2 , dando cor do fundo, cor da letra, fonte...*/
- h2 {
- background-color: floralwhite;
- color: black;
- font-family: 'Rajdhani', sans-serif;
- text-align: center;
- /*border: 1px solid brown;*/
- }
- /* Define as especificações para todos os titulos H4 , dando cor do fundo, cor da letra, fonte...*/
- h4{
- background-color: honeydew;
- color: brown;
- text-align: center;
- font-family: 'Roboto', sans-serif;
- }
- /* A classe tabela define as características de todas as tabelas, cor de fundo, fonte....*/
- .tabela{
- background-color: burlywood;
- color: brown;
- font-family: 'Rajdhani', sans-serif;
- text-shadow: 5px 2px 6px #aaa;
- border-radius: 16px;
- }
- /*Aqui esta definindo as caracteristicas que todos os inputs devem ter*/
- input{
- border-radius: 6px;
- border-width: 0px;
- padding-left: 8px;
- padding-right: 10px;
- height: 25px;
- font-size: 13pt;
- vertical-align: middle;
- }
- /*As classes abaixo definem as propriedades do "conteiner" (tabela), */
- .formulario-block{
- display: flex;
- padding-left: 10%;
- }
- .formulario-flex{
- display: flex;
- padding-left: 10%;
- }
- .coluna{
- width: 25%;
- }
- .linha {
- width: 100%;
- padding-bottom: 10px;
- padding-left: 15px;
- }
- .linha label {
- width: auto;
- }
- .linha input {
- width: 100%;
- }
- footer{
- background-color: black;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement