You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.4 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
  1. .login {
  2. min-width: 100%;
  3. min-height: 100vh;
  4. background-image: url('../assets/b1_bg.png');
  5. background-size: cover;
  6. background-position: center;
  7. padding: 10px;
  8. .container {
  9. width: 100%;
  10. min-height: 100vh;
  11. background-color: rgba(0, 0, 0, .5);
  12. color: #fff;
  13. .img {
  14. max-width: 140px;
  15. margin-top: 100px;
  16. margin-bottom: 30px;
  17. }
  18. .verify-button {
  19. height: 50px;
  20. max-width: 160px;
  21. margin-left: 10px;
  22. font-size: 16px;
  23. font-weight: normal;
  24. }
  25. .input {
  26. -webkit-appearance: none;
  27. -moz-appearance: none;
  28. appearance: none;
  29. background-color: hsla(0, 0%, 100%, .2);
  30. border-radius: .25rem;
  31. padding: 1rem 2rem;
  32. width: 100%;
  33. height: 50px;
  34. border-width: 1px;
  35. border-color: hsla(0, 0%, 100%, .1);
  36. color: #fff;
  37. &::placeholder {
  38. color: #999;
  39. }
  40. &:hover {
  41. background: none;
  42. }
  43. }
  44. .button {
  45. width: 100%;
  46. height: 52px;
  47. background-color: #f7b93f;
  48. color: #fff;
  49. font-weight: bold;
  50. font-size: 18px;
  51. }
  52. .verify-img {
  53. position: absolute;
  54. right: 0;
  55. width: 100px;
  56. height: 45px;
  57. right: 2px;
  58. top: 2px;
  59. border-radius: 5px;
  60. }
  61. .create-button {
  62. background-color: #383d49;
  63. margin-top: 30px;
  64. color: #f7b93f;
  65. }
  66. }
  67. }