Advertisement
Guest User

css

a guest
Feb 29th, 2020
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.20 KB | None | 0 0
  1. /* 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*/
  2. #corpo{
  3.     background-color: brown;
  4.     margin: 10px;
  5. }
  6. /* A classe cabeçalho modifica todo conteudo que está na Div do cabeçalho*/
  7. .cabeçalho{
  8.     padding: 20px;
  9.     background-color: burlywood;
  10.     color: brown;
  11.     font-family: 'Rajdhani', sans-serif;
  12.     text-shadow: 5px 2px 6px #aaa;
  13.     text-align: center;
  14.     border-radius: 80px;
  15. }
  16. /* hr-vis é a linha que fica em baixo do nome visita */
  17. .hr-vis{
  18.     border-color: brown;
  19.     border-width: 1px;
  20.     width: 8%;
  21.     margin-top: 0;
  22. }
  23. /* hr1 é a linha que fica em baixo da div cabeçalho*/
  24. .hr1{
  25.     border-color: aqua;
  26.     margin-top: 0px;
  27.     width: 90%;
  28. }
  29. /* hr2 é a linha que fica em baixo das div da tabela*/
  30. .hr2{
  31.     border-color: aqua;
  32.     margin-top: 0px;
  33.     width: 97.5%;
  34. }
  35. /* Define as especificações para todos os titulos H2 , dando cor do fundo, cor da letra, fonte...*/
  36. h2 {
  37.     background-color: floralwhite;
  38.     color: black;
  39.     font-family: 'Rajdhani', sans-serif;
  40.     text-align: center;
  41.     /*border: 1px solid brown;*/
  42. }
  43. /* Define as especificações para todos os titulos H4 , dando cor do fundo, cor da letra, fonte...*/
  44. h4{
  45.     background-color: honeydew;
  46.     color: brown;
  47.     text-align: center;
  48.     font-family: 'Roboto', sans-serif;
  49. }
  50. /* A classe tabela define as características de todas as tabelas, cor de fundo, fonte....*/
  51. .tabela{
  52.     background-color: burlywood;
  53.     color: brown;
  54.     font-family: 'Rajdhani', sans-serif;
  55.     text-shadow: 5px 2px 6px #aaa;
  56.     border-radius: 16px;
  57. }
  58. /*Aqui esta definindo as caracteristicas que todos os inputs devem ter*/
  59. input{
  60.     border-radius: 6px;
  61.     border-width: 0px;
  62.     padding-left: 8px;
  63.     padding-right: 10px;
  64.     height: 25px;
  65.     font-size: 13pt;
  66.     vertical-align: middle;
  67. }
  68. /*As classes abaixo definem as propriedades do "conteiner" (tabela),  */
  69. .formulario-block{
  70.     display: flex;
  71.     padding-left: 10%;
  72. }
  73. .formulario-flex{
  74.     display: flex;
  75.     padding-left: 10%;
  76. }
  77. .coluna{
  78.     width: 25%;
  79.  
  80.  }
  81. .linha {
  82.     width: 100%;
  83.     padding-bottom: 10px;
  84.     padding-left: 15px;
  85.  }
  86. .linha label {
  87.     width: auto;
  88.  }
  89. .linha input {
  90.     width: 100%;
  91. }
  92. footer{
  93.     background-color: black;
  94. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement