Advertisement
martawijaya

IMM Contact Form

Apr 30th, 2019
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.87 KB | None | 0 0
  1. .contact-form-wrapper {
  2.     position: fixed;
  3.     top: 0;
  4.     left: 0;
  5.     background: rgba(0,0,0,0.5);
  6.     width: 100%;
  7.     height: 100%;
  8.     z-index: 999999;
  9.     opacity: 0;
  10.     visibility: hidden;
  11.     -webkit-transition: all 500ms ease;
  12.     -o-transition: all 500ms ease;
  13.     transition: all 500ms ease;
  14. }
  15.  
  16. .contact-form-wrapper.open {
  17.     opacity: 1;
  18.     visibility: visible;
  19. }
  20.  
  21. .contact-form-wrapper .close-modal {
  22.     position: absolute;
  23.     width: 30px;
  24.     height: 30px;
  25.     right: 10px;
  26.     top: 10px;
  27.     cursor: pointer;
  28. }
  29.  
  30. .contact-form-wrapper .close-modal span:before {
  31.     position: absolute;
  32.     content: "";
  33.     width: 2px;
  34.     height: 30px;
  35.     background: #fff;
  36.     -webkit-transform: rotate(45deg);
  37.     -ms-transform: rotate(45deg);
  38.     transform: rotate(45deg);
  39. }
  40.  
  41. .contact-form-wrapper .close-modal span:nth-child(2):before {
  42.     position: absolute;
  43.     content: "";
  44.     width: 2px;
  45.     height: 30px;
  46.     background: #fff;
  47.     -webkit-transform: rotate(-45deg);
  48.     -ms-transform: rotate(-45deg);
  49.     transform: rotate(-45deg);
  50. }
  51.  
  52. .contact-form-wrapper .modal-contact {
  53.     width: 400px;
  54.     padding: 30px;
  55.     padding-top: 30px;
  56.     text-align: center;
  57.     top: 50%;
  58.     left: 50%;
  59.     -webkit-transform: translate(-50%, -50%);
  60.     -ms-transform: translate(-50%, -50%);
  61.     transform: translate(-50%, -50%);
  62.     background-color: #FFF;
  63.     position: absolute;
  64. }
  65.  
  66. .contact-form-wrapper .modal-contact .form-group {
  67.     position: relative;
  68.     margin-bottom: 15px;
  69. }
  70.  
  71. .contact-form-wrapper .modal-contact select{
  72.     padding: 0;
  73.     margin-top: 40px;
  74. }
  75. .contact-form-wrapper .recaptcha-text {
  76.     text-align: left;
  77.     font-size: 12px
  78. }
  79.  
  80. .contact-form-wrapper p {
  81.     text-align: left;
  82. }
  83.  
  84. .contact-form-wrapper button[type="submit"] {
  85.   margin-top: 30px;
  86. }
  87.  
  88. .contact-form-wrapper option {
  89.   color: #000
  90. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement