Swih

Untitled

Jan 20th, 2021
552
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.     font-family: 'Montserrat';
  3.     background: radial-gradient(circle, rgba(37, 245, 114, 1) 0%, rgba(27, 218, 210, 1) 93%);
  4. }
  5.  
  6. .page-erreur {
  7.     width: 100%;
  8.     padding: 30px;
  9.     border: 1px solid #f1f1f1;
  10.     background: #fff;
  11.     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
  12. }
  13.  
  14. form {
  15.     width: 100%;
  16.     padding: 30px;
  17.     border: 1px solid #f1f1f1;
  18.     background: #fff;
  19.     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
  20. }
  21.  
  22. #container {
  23.     width: 400px;
  24.     margin: 0 auto;
  25.     margin-top: 10%;
  26. }
  27.  
  28. .page-erreur-sub {
  29.     font-size: 16px;
  30.     margin-bottom: 30px;
  31. }
  32.  
  33. .connect-title-btn {
  34.     line-height: 50px;
  35.     height: 50px;
  36.     text-align: center;
  37.     width: 200px;
  38.     margin-left: 100px;
  39.     cursor: pointer;
  40.     color: rgba(167, 201, 87, 1);
  41.     transition: all 0.5s;
  42.     position: relative;
  43.     font-size: 15px;
  44. }
  45.  
  46. .connect-title-btn::before {
  47.     content: '';
  48.     position: absolute;
  49.     top: 0;
  50.     left: 0;
  51.     width: 100%;
  52.     height: 100%;
  53.     z-index: 1;
  54.     background-color: rgba(167, 201, 87, 0.2);
  55.     border-radius: 5px;
  56.     transition: all 0.3s;
  57. }
  58.  
  59. .connect-title-btn:hover::before {
  60.     opacity: 0;
  61.     transform: scale(0.5, 0.5);
  62. }
  63.  
  64. .connect-title-btn::after {
  65.     content: '';
  66.     position: absolute;
  67.     top: 0;
  68.     left: 0;
  69.     width: 100%;
  70.     height: 100%;
  71.     z-index: 1;
  72.     opacity: 0;
  73.     transition: all 0.3s;
  74.     border: 1px solid rgba(167, 201, 87, 0.4);
  75.     border-radius: 5px;
  76.     transform: scale(1.2, 1.2);
  77. }
  78.  
  79. .connect-title-btn:hover::after {
  80.     opacity: 1;
  81.     transform: scale(1, 1);
  82. }
  83.  
  84.  
  85. /* Bordered form */
  86.  
  87. #container h1 {
  88.     text-align: center;
  89.     margin: 0 auto;
  90.     padding-bottom: 30px;
  91. }
  92.  
  93.  
  94. /* Full-width inputs */
  95.  
  96. input[type=text],
  97. input[type=password] {
  98.     width: 100%;
  99.     padding: 12px 20px;
  100.     margin: 8px 0;
  101.     display: inline-block;
  102.     border: 1px solid #ccc;
  103.     box-sizing: border-box;
  104.     margin-bottom: 20px;
  105. }
  106.  
  107.  
  108. /* Set a style for all buttons */
  109.  
  110. input[type=submit] {
  111.     background-color: #a7c957;
  112.     color: white;
  113.     padding: 14px 20px;
  114.     margin: 8px 0;
  115.     border: none;
  116.     cursor: pointer;
  117.     width: 100%;
  118.     transition: all 0.5s;
  119.     font-size: 15px;
  120.     font-weight: bold;
  121.     border: 1px solid #a7c957;
  122.     border-radius: 20px;
  123. }
  124.  
  125. input[type=submit]:hover {
  126.     background-color: white;
  127.     color: #a7c957;
  128.     border: 1px solid #a7c957;
  129.     transition: all 0.5s;
  130. }
RAW Paste Data