Advertisement
Konark

Untitled

Nov 17th, 2018
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.56 KB | None | 0 0
  1. .custom_contact_form {
  2.       border: 4px solid #000;
  3.     padding: 30px 15px;
  4.     width: 100%;
  5.     position: relative;
  6.     transition: all .3s ease;
  7.         margin: 0;
  8.       margin-bottom: 25px;
  9. }
  10.  
  11. .custom_contact_form:hover {
  12.     border-color: #0f8fe3;
  13. }
  14.  
  15. .custom_contact_form input[type=text],
  16. .custom_contact_form input[type=email] {
  17.     color: #000;
  18.     font-family: Arial,Helvetica,sans-serif;
  19.     font-size: 13px;
  20.     border: 0;
  21.     border-bottom: 2px solid #000;
  22.     padding: 13px 0 13px 10px;
  23.         border-radius: 0;
  24.     width: 100%;
  25.     font-weight: 100;
  26.     background-position: left center;
  27.     position: relative;
  28.     background-repeat: no-repeat;
  29.     margin-top: 3px;
  30.     transition: all 0.3s ease;
  31. }
  32.  
  33. .custom_contact_form input[type=text]:focus,
  34. .custom_contact_form input[type=email]:focus {
  35.     border-color: #0f8fe3;
  36. }
  37.  
  38. body .custom_contact_form .wpcf7-form [type=submit] {
  39.         color: #000;
  40.     position: relative;
  41.     font-weight: 200;
  42.     font-size: 12px;
  43.     text-decoration: none;
  44.     padding: 11.5px 12px;
  45.     border: 2px solid #000;
  46.     display: inline-block;
  47.     transition: all 0.3s ease;
  48.     width: 100%;
  49.     background: none;
  50.     border-radius: 0;
  51. }
  52.  
  53. body .custom_contact_form .wpcf7-form [type=submit]:hover {
  54.     border-color: transparent;
  55.     color: #fff;
  56.     background-color: #000;
  57. }
  58.  
  59. .custom_contact_form .vc_column_container,
  60. .custom_confid {
  61.         padding-left: 10px;
  62.     padding-right: 10px;
  63. }
  64.  
  65. .custom_contact_form .custom_confid p {
  66.     font-size: 12px;
  67. }
  68.  
  69. .custom_confid a {
  70.     transition: all 0.3s ease;
  71. }
  72.  
  73. .custom_confid a:hover {
  74.     color: #007bc4 !important;
  75. }
  76.  
  77. .custom_contact_form > .vc_column_container {
  78.     padding: 0;
  79. }
  80.  
  81. .custom_contact_form .get_cost {
  82.     margin: 15px 0;
  83. }
  84.  
  85. .custom_contact_form .wpb_content_element {
  86.     margin-bottom: 0;
  87. }
  88.  
  89. .wpb_content_element.soc_custom .wpb_wrapper p a:first-of-type {
  90.     color: #fff;
  91.     background-color: #00E676;
  92.     padding: 7px 13px 7px 27px;
  93. }
  94.  
  95. .wpb_content_element.soc_custom .wpb_wrapper p a:last-of-type {
  96.     color: #fff;
  97.     background-color: #30789e;
  98.     padding: 7px 13px 7px 27px;
  99. }
  100.  
  101. .wpb_content_element.soc_custom .wpb_wrapper p a i {
  102.     position: absolute;
  103.     background: none;
  104.     font-size: 14px;
  105.     top: 0;
  106.     bottom: 0;
  107.     left: 0;
  108.     height: 24px;
  109.     width: 24px;
  110.     text-align: center;
  111.     color: #fff;
  112.     margin: auto;
  113. }
  114.  
  115. .wpb_content_element.soc_custom .wpb_wrapper p a:first-of-type i img {
  116.     height: 15px;
  117.     margin-top: 5px;
  118. }
  119.  
  120. .wpb_content_element.soc_custom .wpb_wrapper p a:last-of-type i img {
  121.     height: 10px;
  122.     margin-top: 7px;
  123. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement