login-v3.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .page-login-v3:before {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. content: '';
  6. width: 100%;
  7. height: 100%;
  8. background-position: center top;
  9. background-size: cover;
  10. z-index: -1;
  11. background: #3e8ef7;
  12. /* Old browsers */
  13. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  14. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYThlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTcxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  15. background-image: linear-gradient(to bottom, #3e8ef7 0%, #0b69e3 100%);
  16. background-repeat: repeat-x;
  17. }
  18. .page-login-v3 .panel {
  19. width: 400px;
  20. margin-bottom: 45px;
  21. background: #fff;
  22. border-radius: 0.286rem;
  23. }
  24. .page-login-v3 .panel .brand-text {
  25. margin-top: 12px;
  26. }
  27. .page-login-v3 form {
  28. margin: 0 0 30px;
  29. }
  30. .page-login-v3 form .form-material.floating + .page-login-v3 form .form-material.floating {
  31. margin-top: 30px;
  32. }
  33. .page-login-v3 form .form-material label {
  34. color: #a3afb7;
  35. font-weight: 300;
  36. }
  37. @media (max-width: 479.98px) {
  38. .page-login-v3 .panel {
  39. width: 330px;
  40. padding: 10px;
  41. }
  42. }
  43. @media screen and (max-height: 575px) {
  44. .g-recaptcha {
  45. -webkit-transform: scale(0.81);
  46. transform: scale(0.81);
  47. -webkit-transform-origin: 0 0;
  48. transform-origin: 0 0;
  49. }
  50. }
  51. .geetest_holder.geetest_wind {
  52. min-width: 245px !important;
  53. }