Advertisement
maximus87

Login page

Oct 24th, 2023
17
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.48 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap');
  3. h1,
  4. h2,
  5. h3,
  6. h4,
  7. h5,
  8. h6,
  9. body,
  10. p,
  11. body#top,
  12. li,
  13. li span,
  14. table,
  15. tr,
  16. td {
  17. font-family: Montserrat!important;
  18. }
  19. h1 {
  20. text-transform: uppercase;
  21. font-weight: 900;
  22. }
  23. .tov_login-right_content {
  24. background: #000;
  25. color: #fff;
  26. box-shadow: none!important;
  27. border-radius: 0!important;
  28. }
  29. .tov_login-right_content p {
  30. font-weight: 600;
  31. }
  32. .tov_login-h1 {
  33. color: #FFCF35!important;
  34. font-weight: 900;
  35. }
  36. .tov_login-left_content {
  37. border-radius: 0;
  38. }
  39.  
  40. h2.tov_login-h2 {
  41. font-weight: 900;
  42. text-transform: uppercase;
  43. }
  44.  
  45. .tov_login-form-field {
  46. padding-left: 0;
  47. padding-right: 0;
  48. border-color: #FFCF35;
  49. color: #FFCF35;
  50. font-family: Montserrat;
  51. }
  52. .tov_login-form-field::placeholder,
  53. .tov_login-form-field::-webkit-placeholder {
  54. color: #FFCF35!important;
  55. }
  56.  
  57. .tov_login-button {
  58. height: 45px;
  59. margin-top: 15px;
  60. border-radius: 0;
  61. background: #FFCF35;
  62. text-transform: uppercase;
  63. font-weight: 600;
  64. font-size: 16px;
  65. }
  66.  
  67. .tov_login-button:hover {
  68. background: #E11270;
  69. }
  70.  
  71. a#register_button, #login_return_button, #password_reset_button {
  72. background: #F9EABC;
  73. border: none;
  74. box-shadow: none;
  75. text-align: center;
  76. font-size: 12px;
  77. display: flex;
  78. align-items: center;
  79. justify-content: center;
  80. min-width: 49%;
  81. font-weight: 400;
  82. }
  83. a#register_button:hover, #login_return_button:hover, #password_reset_button:hover {
  84. background: #FFCF35;
  85. }
  86. .tov_login-horizontal-wrapper {
  87. margin-top: 0!important;
  88. }
  89. .tov_login-left_content {
  90. background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/login.jpg);
  91. }</style>
  92. <script>
  93. jQuery(function() {
  94. jQuery('#register_button, #password_reset_button').click(function() { jQuery('.tov_login-left_content').css('background-image', 'linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/graphics/JillTiongcoPhotography-98.jpg)');
  95. }); jQuery('#login_return_button').click(function() { jQuery('.tov_login-left_content').css('background-image', 'url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/login.jpg)');
  96. });
  97. });
  98. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement