contact form

• 
  
  

  Contact Us

  
  * Denotes Required Field
  


• Name:
  
  

• Email:
  
  
  
  Proper format "blackcluadd@yahoo.com"
  


• 
  


• Website:
  
  
  
  Proper format "http://blackiish.blogspot.com"
  


• 
  


• Message:
  
  <br />


• 
  




• 
  
  
  
  /*
  */
  (function(){try{var
  s,a,i,j,r,c,l,b=document.getElementsByTagName
  ("script");l=b[b.length-1]
  .previousSibling;a=l.getAttribute('data-cfemail');if(a)
  {s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j
  +=2){c=parseInt(a.substr(j,2),16)^r;s +=String.fromCharCode(c);}
  s=document.createTextNode(s)
  ;l.parentNode.replaceChild(s,l);}}catch(e){}})();
  /*
  */
  
  " />
  
  
  
  
  
  :-moz-placeholder {
  
  color: blue;
  
  }
  
  ::-webkit-input-placeholder {
  
  color: blue;
  
  }
  
  *:focus {outline: none;}
  
  body {font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
  
  .contact_form h2, .contact_form label {font-
  
  family:Georgia, Times, "Times New Roman", serif;} .form_hint, .required_notification {font-size: 11px;}
  
  .contact_form ul {
  
  width:750px;
  
  list-style-type:none;
  
  list-style-position:outside;
  
  margin:0px;
  
  padding:0px;
  
  }
  
  .contact_form li{
  
  padding:12px;
  
  border-bottom:1px solid #eee;
  
  position:relative;
  
  }
  
  .contact_form li:first-child, .contact_form li:last-child {
  
  border-bottom:1px solid #777;
  
  }
  
  .contact_form h2 {
  
  margin:0;
  
  display: inline;
  
  }
  
  .required_notification {
  
  color:#d45252;
  
  margin:5px 0 0 0;
  
  display:inline;
  
  float:right;
  
  }
  
  .contact_form label {
  
  width:150px;
  
  margin-top: 3px;
  
  display:inline-block;
  
  float:left;
  
  padding:3px;
  
  }
  
  .contact_form input { height:20px; width:220px; padding:5px 8px ; }
  
  .contact_form textarea {padding:8px; width:300px;}
  
  .contact_form button {margin-left:156px;}
  
  .contact_form input, .contact_form textarea {
  
  border:1px solid #aaa;
  
  box-shadow: 0px 0px 3px #ccc , 0 10px 15px #eee inset;
  
  border-radius:2px;
  
  }
  
  .contact_form input:focus, .contact_form
  
  textarea:focus {
  
  background: #fff;
  
  border:1px solid #555;
  
  box-shadow: 0 0 3px #aaa;
  
  }
  
  /* Button Style */
  
  button.submit {
  
  background-color: #68b12f;
  
  background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
  
  background: -webkit-linear-gradient(top, #68b12f, # 50911e);
  
  background: -moz-linear-gradient(top, #68b12f, # 50911e);
  
  background: -ms-linear-gradient(top, #68b12f, # 50911e);
  
  background: -o-linear-gradient(top, #68b12f, # 50911e);
  
  background: linear-gradient(top, #68b12f, #50911e);
  
  border: 1px solid #509111;
  
  border-bottom: 1px solid #5b992b;
  
  border-radius: 3px;
  
  -webkit-border-radius: 3px;
  
  -moz-border-radius: 3px;
  
  -ms-border-radius: 3px;
  
  -o-border-radius: 3px;
  
  box-shadow: inset 0 1px 0 0 #9fd574;
  
  -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
  
  -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
  
  -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
  
  -o-box-shadow: 0 1px 0 0 #9fd574 inset;
  
  color: white;
  
  font-weight: bold;
  
  padding: 6px 20px ;
  
  text-align: center;
  
  text-shadow : 0 -1px 0 #396715;
  
  }
  
  button.submit:hover {
  
  opacity:.85;
  
  cursor: pointer;
  
  }
  
  button.submit:active { border: 1px solid #20911e;
  
  box-shadow: 0 0 10px 5px #356b0b inset ;
  
  -webkit-box-shadow: 0 0 10px 5px #356b0b inset ;
  
  -moz-box-shadow: 0 0 10px 5px #356b0b inset ;
  
  -ms-box-shadow: 0 0 10px 5px #356b0b inset ;
  
  -o-box-shadow: 0 0 10px 5px #356b0b inset ;
  
  }
  
  .contact_form input:focus, .contact_form
  
  textarea:focus { /* add this to the already existing style */
  
  padding-right:70px;
  
  }
  
  .contact_form input, .contact_form textarea { /* add this to the already existing style */
  
  -moz-transition: padding .25s;
  
  -webkit-transition: padding .25s;
  
  -o-transition: padding .25s;
  
  transition: padding .25s;
  
  }
  
  
  
  
  
  
  
  <br />
  
  
  .contact_form input, .contact_form textarea {
  
  padding-right:30px;
  
  }
  
  input:required, textarea:required {
  
  background: #fff url(images/red_asterisk.png) no- repeat 98% center;
  
  }
  
  ::-webkit-validation-bubble-message {
  
  padding: 1em;
  
  }
  
  
  
  /*
  */
  (function(){try{var
  s,a,i,j,r,c,l,b=document.getElementsByTagName
  ("script");l=b[b.length-1]
  .previousSibling;a=l.getAttribute('data-cfemail');if(a)
  {s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j
  +=2){c=parseInt(a.substr(j,2),16)^r;s
  +=String.fromCharCode(c);}
  s=document.createTextNode(s)
  ;l.parentNode.replaceChild(s,l);}}catch(e){}})();
  /*
  */
  
  " required />
  
  
  

<-- do not validate this form -->

.contact_form input:focus:invalid, .contact_form

textarea:focus:invalid { /* when a field is considered invalid by the browser */

background: #fff url(images/invalid.png) no-repeat 98% center;

box-shadow: 0 0 5px #d45252;

border-color: #b03535

}

.contact_form input:required:valid, .contact_form

textarea:required:valid { /* when a field is considered valid by the browser */

background: #fff url(images/valid.png) no-repeat 98% center;

box-shadow: 0 0 5px #5cd053;

border-color: #28921f;

}

.form_hint { background: #d45252;

border-radius: 3px 3px 3px 3px ;

color: white;

margin-left:8px;

padding: 1px 6px ;

z-index: 999; /* hints stay above all other elements */

position: absolute; /* allows proper formatting if hint is two lines */

display: none;

}

.form_hint::before {

content: "\25C0"; /* left point triangle in escaped unicode */

color:#d45252;

position: absolute;

top:1px; left:-6px;

}

.contact_form input:focus + .form_hint {display: inline;}

.contact_form input:required:valid + .form_hint

{background: #28921f;} /* change form hint color when valid */

.contact_form input:required:valid + .form_hint::before

{color:#28921f;} /* change form hint arrow color when valid */







via oneofthebest All articles about hacking have only an educational goal and we are not responsible

Tweet