assets.cp.styles.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* Login/MySQL form */
  2. body.cp-login,
  3. body.cp-mysql {
  4. height: 100%;
  5. display: -ms-flexbox;
  6. display: -webkit-box;
  7. display: flex;
  8. -ms-flex-align: center;
  9. -ms-flex-pack: center;
  10. -webkit-box-align: center;
  11. align-items: center;
  12. -webkit-box-pack: center;
  13. justify-content: center;
  14. padding-top: 40px;
  15. padding-bottom: 40px;
  16. background-color: #f5f5f5;
  17. }
  18. .cp-login .form-signin,
  19. .cp-mysql .form-signin {
  20. width: 100%;
  21. max-width: 330px;
  22. padding: 15px;
  23. margin: 0 auto;
  24. }
  25. .cp-login .form-signin label,
  26. .cp-mysql .form-signin label {
  27. cursor: pointer;
  28. }
  29. .cp-login .form-signin .form-control,
  30. .cp-mysql .form-signin .form-control {
  31. position: relative;
  32. box-sizing: border-box;
  33. height: auto;
  34. padding: 10px;
  35. font-size: 16px;
  36. }
  37. .cp-login .form-signin .form-control:focus,
  38. .cp-mysql .form-signin .form-control:focus {
  39. z-index: 2;
  40. }
  41. .cp-login .form-signin input[type="email"] {
  42. margin-bottom: -1px;
  43. border-bottom-right-radius: 0;
  44. border-bottom-left-radius: 0;
  45. }
  46. .cp-login .form-signin input[type="password"] {
  47. margin-bottom: 10px;
  48. border-top-left-radius: 0;
  49. border-top-right-radius: 0;
  50. }