Login.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. @import "variables";
  2. .login-box .card {
  3. position: relative;
  4. background: hsla(0,0%,100%,.3);
  5. overflow: hidden;
  6. z-index: 0;
  7. }
  8. .login-box .card::before {
  9. content: '';
  10. position: absolute;
  11. top: 0;
  12. right: 0;
  13. bottom: 0;
  14. left: 0;
  15. filter: blur(5px);
  16. margin: -30px;
  17. z-index:-1;
  18. }
  19. .login-page {
  20. width: 100vw;
  21. height: 85vh;
  22. max-width: 450px;
  23. margin: 0 auto;
  24. overflow: hidden;
  25. padding: 0 !important;
  26. background-size: 100% 100%;
  27. .login-box {
  28. width: 100%;
  29. .logo {
  30. margin-bottom: 35px;
  31. a {
  32. font-size: 2rem;
  33. display: block;
  34. width: 100%;
  35. text-align: center;
  36. color: #fff;
  37. }
  38. }
  39. a {
  40. font-size: 14px;
  41. text-decoration: none;
  42. color: #fff;
  43. }
  44. .card {
  45. /*background: #fff;*/
  46. min-height: 50px;
  47. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  48. position: relative;
  49. margin-bottom: 10px;
  50. border-radius: 10px;
  51. .body {
  52. font-size: 14px;
  53. color: #fff;
  54. padding: 1.5rem;
  55. .login-title {
  56. color: #fff;
  57. font-weight: 600;
  58. letter-spacing: 20px;
  59. padding-left: 20px;
  60. font-size: 1.2rem;
  61. margin-bottom: 1.5rem;
  62. }
  63. .iwb-label {
  64. color: #fff;
  65. }
  66. .input-group {
  67. margin-bottom: 20px;
  68. }
  69. .input-group-text {
  70. color: #fff;
  71. min-width: 35px;
  72. background: transparent;
  73. border: 1px solid #fff;
  74. border-right-color: #eee;
  75. }
  76. .form-control {
  77. color: #fff;
  78. border: 1px solid #fff;
  79. border-left: none !important;
  80. height: 35px;
  81. background: transparent;
  82. }
  83. .form-control.valid {
  84. border: 1px solid #fff !important;
  85. }
  86. .form-control::-webkit-input-placeholder,
  87. .form-control:-moz-placeholder,
  88. .form-control::-moz-placeholder,
  89. .form-control:-ms-input-placeholder {
  90. color: #eee;
  91. opacity: 0.9;
  92. }
  93. .iwb-checkbox, .iwb-checkbox > span {
  94. font-size: inherit;
  95. color: #fff;
  96. }
  97. }
  98. }
  99. }
  100. }
  101. #LoginArea {
  102. max-width: 400px;
  103. margin: 120px auto 10px auto;
  104. }
  105. .language-switch-area {
  106. text-align: center;
  107. .language-icon {
  108. padding: 2px;
  109. &.language-icon-current >i{
  110. transform:scale(1.3);
  111. }
  112. }
  113. }