login.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. *::before, *::after {
  2. box-sizing: border-box;
  3. }
  4. html {
  5. color: #111;
  6. font-family: "Lucida Grande",Helvetica,Arial,sans-serif !important;
  7. font-size: 15px;
  8. line-height: 1.5;
  9. }
  10. h2 {
  11. color: #4e4e4e;
  12. margin-top: 0;
  13. }
  14. #container {
  15. margin: 70px auto 0;
  16. width: 460px;
  17. }
  18. #modx-login-logo {
  19. margin: 0 0 12px 24px;
  20. }
  21. #modx-login-logo img {
  22. width: 180px;
  23. }
  24. #modx-login-panel {
  25. background: #fff none repeat scroll 0 0;
  26. border: 0 none;
  27. border-radius: 0;
  28. box-shadow: 0 0 7px 1px #d9d9d9;
  29. padding: 26px;
  30. }
  31. .panel-body {
  32. border: 0 none;
  33. border-radius: 3px;
  34. }
  35. .login-form-item {
  36. margin: 0;
  37. }
  38. .form-item {
  39. display: block;
  40. margin: 0;
  41. outline: 0 none;
  42. }
  43. .form-action {
  44. margin-top: 20px;
  45. }
  46. .form-text {
  47. background-color: #fbfbfb;
  48. background-image: none;
  49. border: 1px solid #e4e4e4;
  50. border-radius: 3px;
  51. height: 25px;
  52. position: relative;
  53. transition: border-color 0.25s ease 0s;
  54. }
  55. .login-form-element .form-text {
  56. background: #f2f2f2 none repeat scroll 0 0;
  57. border-color: #e9e9e9;
  58. line-height: 25px;
  59. padding: 5px;
  60. width: 400px;
  61. }
  62. button {
  63. background-color: #fff;
  64. background-repeat: no-repeat;
  65. border: 0 none;
  66. border-radius: 3px;
  67. box-shadow: 0 0 0 1px #e4e4e4;
  68. color: #555;
  69. cursor: pointer;
  70. display: inline-block;
  71. line-height: 1;
  72. padding: 10px 15px;
  73. position: relative;
  74. text-decoration: none;
  75. }
  76. button.primary-button{
  77. background-color: #32ab9a;
  78. box-shadow: none;
  79. color: #fff;
  80. }
  81. #errormsg {
  82. background-color: #f2dede;
  83. margin-bottom: 10px;
  84. padding: 6px;
  85. width: 400px;
  86. }
  87. #errormsg:empty {
  88. display: none;
  89. }