SHARE
TWEET

Contact form 7 customisations

prasannasp Apr 2nd, 2012 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .cf7sub {
  2. background: #489AD8;
  3. background: linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  4. background: -moz-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  5. background: -webkit-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  6. background: -o-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  7. background: -ms-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  8.  
  9. padding: 5px;
  10.  
  11. -moz-border-radius: 3px;
  12.         -webkit-border-radius: 3px;
  13.         border-radius: 3px;
  14.        
  15.         -moz-box-shadow: 0 0 2px #555;
  16.         -webkit-box-shadow: 0 0 2px #555;
  17.         box-shadow: 0 0 2px #555;
  18.        
  19.         border: 1px solid #1C5FA5;
  20.         color: #fff;
  21.         cursor: pointer;
  22.         display: block;
  23.         float: none;
  24.         font: bold 14px arial;
  25.         margin: 10px 5px 5px;
  26.         position: relative;
  27.         text-decoration: none;
  28.         text-shadow: 0 -1px 0 #16497E;
  29.  
  30.         width: 310px !important;
  31. }
  32.  
  33. .cf7sub:hover {
  34.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;    
  35.     background: -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  36.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  37.     background: -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  38.     background: -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  39. }
  40.  
  41. .wpcf7 form p{
  42.         float:left;
  43.         width:189px;
  44.         font:normal 11px arial;
  45.         color:#666666;
  46.         line-height:20px;
  47.         margin-left:22px;
  48.         }
  49.  
  50.  
  51. .wpcf7 form p.cf7name{
  52.         margin-left: 0;
  53.         }
  54.  
  55. .wpcf7 .cf7captcha {
  56.         margin-left: 0;
  57.         }
  58.  
  59. .wpcf7 form p label{
  60.         display:block;
  61.         margin-bottom:5px;
  62.         }
  63.  
  64. .wpcf7 form p input.input-text, .input-text{
  65.         width:184px !important;
  66.         border:1px solid #c8c8c8;
  67.         padding:3px 2px;
  68.         }
  69.  
  70. .wpcf7 textarea{
  71.         display:block;
  72.         border:1px solid #c8c8c8;
  73.         width:608px;
  74.         height:156px;
  75.         padding:3px 2px;
  76.         font:normal 12px arial;
  77.         }
  78.  
  79. .wpcf7 input{
  80.         display:block;
  81.         border:1px solid #c8c8c8;
  82.         width:184px;
  83.         height:15px;
  84.         padding:3px 2px;
  85.         font:normal 12px arial;
  86.         }
  87.  
  88. .wpcf7 .cf7message{
  89.         clear:both;
  90.         margin-left:0;
  91.         margin-top:20px;
  92.         width:608px;
  93.         }
  94.  
  95. .wpcf7 .cf7captcha input {
  96.         clear:both;
  97.         margin-left:0;
  98.         }
  99.  
  100. .wpcf7 .cf7captcha {
  101.     clear: both;
  102.     margin-left: 0;
  103.     width: 47%;
  104. }
  105.  
  106. .wpcf7 .cf7captcha label, .cf7captcha img{
  107.         display:inline;
  108.         vertical-align:middle;
  109.         }
  110.  
  111. .wpcf7 .cf7captcha span input{
  112.         width:50px;
  113.       display: inline-block;
  114.         border:1px solid #c8c8c8;
  115.         padding:3px 2px;
  116.         }
  117.  
  118. .cf7sub {
  119. font: bold 14px arial !important;
  120. height: 30px !important;
  121. width: 125px  !important;
  122. }
  123.  
  124. div.wpcf7-mail-sent-ok {
  125.     display: inline-block;
  126. }
  127.  
  128. div.wpcf7-response-output {
  129.     display: inline-block;
  130. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top