userForm.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .auth-layout .at-form-landing-logo {
  2. width: 249px;
  3. margin: auto;
  4. margin-top: 50px;
  5. margin-bottom: 20px;
  6. }
  7. .auth-layout .auth-dialog {
  8. width: 275px;
  9. padding: 25px;
  10. margin: auto;
  11. margin-bottom: 20px;
  12. background: #fff;
  13. border-radius: 3px;
  14. border: 1px solid #dbdbdb;
  15. border-bottom-color: #c2c2c2;
  16. box-shadow: 0 1px 6px rgba(0,0,0,0.3);
  17. }
  18. .auth-layout .auth-dialog .at-form .at-link {
  19. color: #17683a;
  20. }
  21. .auth-layout .auth-dialog .at-form label {
  22. margin-bottom: 3px;
  23. }
  24. .auth-layout .auth-dialog .at-form input {
  25. width: 100%;
  26. }
  27. .auth-layout .auth-dialog .at-form button {
  28. width: 100%;
  29. background: #216694;
  30. color: #fff;
  31. }
  32. .auth-layout .auth-dialog .at-form .at-title {
  33. background: #f7f7f7;
  34. margin: -25px;
  35. padding: 15px 25px 5px;
  36. margin-bottom: 20px;
  37. border-bottom: 1px solid #dcdcdc;
  38. color: #4d4d4d;
  39. font-weight: bold;
  40. }
  41. .auth-layout .auth-dialog .at-form .at-signup-link,
  42. .auth-layout .auth-dialog .at-form .at-signin-link,
  43. .auth-layout .auth-dialog .at-form .at-forgotPwd {
  44. font-size: 0.9em;
  45. margin-top: 15px;
  46. color: #4d4d4d;
  47. }
  48. .auth-layout .auth-dialog .at-form .at-signup-link .at-signUp,
  49. .auth-layout .auth-dialog .at-form .at-signin-link .at-signUp,
  50. .auth-layout .auth-dialog .at-form .at-forgotPwd .at-signUp,
  51. .auth-layout .auth-dialog .at-form .at-signup-link .at-signIn,
  52. .auth-layout .auth-dialog .at-form .at-signin-link .at-signIn,
  53. .auth-layout .auth-dialog .at-form .at-forgotPwd .at-signIn {
  54. font-weight: bold;
  55. }
  56. .auth-layout .auth-dialog .at-form-lang {
  57. margin-top: 0px;
  58. }
  59. .auth-layout .auth-dialog .at-form-lang .select-lang {
  60. width: 100%;
  61. margin-top: 10px;
  62. }
  63. @media screen and (max-width: 800px) {
  64. .auth-layout {
  65. width: 100%;
  66. height: 100%;
  67. margin: 0px;
  68. padding: 0px;
  69. }
  70. .auth-layout .at-form-landing-logo {
  71. width: 125px;
  72. position: absolute;
  73. top: 0px;
  74. right: 20px;
  75. margin-top: 5px;
  76. margin-bottom: 5px;
  77. }
  78. .auth-layout .at-form-landing-logo img {
  79. width: 125px;
  80. }
  81. .auth-layout .auth-dialog {
  82. width: calc(100% - 50px);
  83. height: calc(100% - 50px);
  84. padding: 25px;
  85. min-height: 380px;
  86. margin: 0px;
  87. margin-bottom: 0px;
  88. border: 0px;
  89. }
  90. .auth-layout .auth-dialog .at-form .at-title h3 {
  91. width: calc(100% - 125px);
  92. overflow-x: hidden;
  93. }
  94. }