account-layout.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .form-group.required .col-form-label:after {
  2. color: #d00;
  3. content: "*";
  4. position: absolute;
  5. margin-left: 3px;
  6. }
  7. .nav-user-menu .user-image {
  8. width: 20px;
  9. margin-right: 4px;
  10. margin-top: -4px;
  11. }
  12. .login-page {
  13. color: #fff;
  14. .login-logo, .register-logo {
  15. color: inherit;
  16. font-size: 1.8rem;
  17. a {
  18. color: inherit;
  19. }
  20. }
  21. .login-box, .register-box {
  22. width: 400px;
  23. }
  24. .card {
  25. color: inherit;
  26. background-color: transparent !important;
  27. background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.3),rgba(255,255,255,0.5)) !important;
  28. .card-header, .card-body, .card-footer {
  29. background-color: transparent !important;
  30. }
  31. .card-header {
  32. a {
  33. color: var(--mc);
  34. }
  35. }
  36. .login-card-body, .register-card-body {
  37. color: inherit;
  38. .input-group {
  39. .input-group-text {
  40. background-color: var(--mc);
  41. color: #fff;
  42. }
  43. .form-control {
  44. background: rgba(255,255,255,0.5);
  45. border-color: var(--mc);
  46. :focus {
  47. & + .input-group-append > .input-group-text {
  48. background-color: #80bdff;
  49. }
  50. }
  51. }
  52. }
  53. #LoginButton {
  54. color: #fff;
  55. background-color: var(--mc);
  56. border-color: var(--mc);
  57. &:hover {
  58. color: #fff;
  59. background-color: #0069d9;
  60. border-color: #0062cc;
  61. }
  62. }
  63. }
  64. }
  65. .current-language-icon i {
  66. transform: scale(1.3);
  67. margin: 0 5px;
  68. }
  69. }