Advertisement
Guest User

Untitled

a guest
Sep 26th, 2016
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.46 KB | None | 0 0
  1. $('.wpcf7-response-output').wrap('<div class="respAnsw"></div>');
  2. $('.respAnsw').hide();
  3.  
  4. var timeVisible = 0;
  5.  
  6. var globTimer = setTimeout(function respCheck() {
  7. if ($('.wpcf7-response-output').text().length > 0) {
  8. $('.respAnsw').fadeIn();
  9. timeVisible += 1000;
  10. if (timeVisible > 2500) {
  11. $('.respAnsw').fadeOut(300, function(){
  12. $('.wpcf7-response-output').text('');
  13. timeVisible = 0;
  14. });
  15. }
  16. }
  17.  
  18. globTimer = setTimeout(respCheck, 1000);
  19. }, 1000);
  20.  
  21. .right-form {
  22. padding-left: 25px;
  23. border-left: 1px solid white;
  24. position: relative;
  25. }
  26.  
  27. .right-form .respAnsw {
  28. position: absolute;
  29. left: 0;
  30. top: 0;
  31. bottom: 0;
  32. right: 0;
  33. background: rgba(255,255,255,0.85);
  34. padding: 0 20px;
  35. text-align: center;
  36. }
  37.  
  38. .right-form .respAnsw .wpcf7-response-output {
  39. display: block;
  40. position: absolute;
  41. left: 50%;
  42. top: 50%;
  43. border: 2px solid red;
  44. color: red;
  45. font-size: 16px;
  46. text-transform: uppercase;
  47. font-weight: bold;
  48. -webkit-transform: translate(-50%,-50%);
  49. -moz-transform: translate(-50%,-50%);
  50. -ms-transform: translate(-50%,-50%);
  51. -o-transform: translate(-50%,-50%);
  52. transform: translate(-50%,-50%);
  53. }
  54.  
  55. .right-form .respAnsw .wpcf7-response-output.wpcf7-validation-errors {
  56. border: 2px solid red;
  57. color: red;
  58. }
  59.  
  60. .right-form .respAnsw .wpcf7-response-output.wpcf7-mail-sent-ok {
  61. border: 2px solid green;
  62. color: green;
  63. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement