maximus87

Login page

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