WarriorWolf

login_css

Oct 26th, 2020
1,717
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     margin: 0;
  3.     padding: 0;
  4.     width: 100%;
  5.     height: 100vh;
  6. }
  7.  
  8. body {
  9.     margin: 0;
  10.     padding: 0;
  11.     width: 100%;
  12.     height: 100vh;
  13.     background: linear-gradient(
  14.         rgba(0, 0, 0, 0.3),
  15.         rgba(0, 0, 0, 0.3)
  16.       ),
  17.       url(fundo.jpg) 50% 50% no-repeat;
  18.     background-size: cover;
  19.     display: table;
  20. }
  21.  
  22. .cadastro {
  23.     border: 1px solid rgba(255, 255, 255, 0.3);
  24.     border-radius: 5px;
  25.     padding: 5em;
  26.     position: absolute;
  27.     top: 50%;
  28.     left: 50%;
  29.     transform: translateX(-50%) translateY(-50%);
  30. }
  31.  
  32. h2 {
  33.     padding-bottom: 10%;
  34.     font-family: Source Sans Pro;
  35.     font-weight: lighter;
  36.     color: white;
  37.     font-size: 50px;
  38.     text-align: center;
  39.     padding-top: 0%;
  40. }
  41.  
  42. input {
  43.     display: block;
  44.     width: 400px;
  45.     height: 60px;
  46.     background: rgba(0, 0, 0, 0.4);
  47.     outline: none;
  48.     border: 0px solid rgba(0, 0, 0, 0.4);
  49.     font-family: Source Sans Pro;
  50.     font-weight: lighter;
  51.     font-size: 20px;
  52.     margin-bottom: 15px;
  53.     padding-left: 10px;
  54.     border-radius: 5px;
  55.     color: white;
  56. }
  57.  
  58. button {
  59.     display: block;
  60.     width: 400px;
  61.     height: 50px;
  62.     font-size: 16px;
  63.     background: #000;
  64.     font-weight: lighter;
  65.     color: white;
  66.     border: 0px;
  67.     border-radius: 5px;
  68.     outline: none;
  69.     margin-bottom: 15px;
  70. }
  71.  
  72. a {
  73.     text-decoration: none;
  74.     display: block;
  75.     width: 400px;
  76.     height: 30px;
  77.     font-size: 16px;
  78.     background: #000;
  79.     padding-top: 10px;
  80.     text-align: center;
  81.     color: white;
  82.     border: 0px;
  83.     border-radius: 5px;
  84. }
  85.  
RAW Paste Data