Login.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. .auth-login {
  2. @include background-size(cover);
  3. background-image: url(get-resource-path('images/auth/background.png'));
  4. background-position: calc(50% - 280px) calc(50% - 20px);
  5. background-size: 447px 340px;
  6. background-repeat: no-repeat;
  7. background-color: $base-color;
  8. }
  9. @include extjs-button-small-ui(
  10. $ui: 'login',
  11. $background-color: $base-color,
  12. $border-color: darken($base-color, 5%)
  13. );
  14. @include extjs-button-large-ui(
  15. $ui: 'login',
  16. $line-height: 34px,
  17. $background-color: $base-color,
  18. $border-color: darken($base-color, 5%)
  19. );
  20. .auth-dialog {
  21. @include border-radius(10px);
  22. .auth-title {
  23. font-size: 16px;
  24. }
  25. .x-form-text-default,
  26. .x-placeholder-label-default {
  27. padding: 15px;
  28. }
  29. .trigger-glyph-noop {
  30. cursor: default;
  31. }
  32. .x-form-trigger {
  33. text-align: right;
  34. width: 50px;
  35. &:before{
  36. top: 10px;
  37. left: -18px;
  38. position: relative;
  39. color: $color-gray;
  40. font-size: 30px;
  41. }
  42. }
  43. .auth-locale-trigger:before {
  44. content: "\f0ac";
  45. }
  46. .auth-datacenter-trigger:before {
  47. content: "\f1c0";
  48. }
  49. .auth-password-trigger:before {
  50. content: "\f023";
  51. }
  52. .auth-email-trigger:before {
  53. content: "\f007";
  54. }
  55. .link-forgot-password {
  56. line-height: 32px;
  57. color: $base-color;
  58. text-decoration: none;
  59. margin-left: 5px;
  60. &:hover {
  61. text-decoration: underline;
  62. }
  63. }
  64. .x-btn {
  65. .x-btn-icon-el {
  66. &:before {
  67. right: 10px;
  68. font-size: 24px;
  69. position: absolute;
  70. }
  71. }
  72. }
  73. }
  74. .auth-dialog-login {
  75. position: absolute;
  76. right: 50%;
  77. top: 50%;
  78. margin-right: -415px;
  79. margin-top: -215px;
  80. }
  81. .auth-login-footer {
  82. background-color: #fff;
  83. padding: 20px 0 20px 0;
  84. text-align: center;
  85. font-size: 12px;
  86. }