* {
font-family: sans-serif;
color: #fff;
}
h2{
text-align:center;
}
h3{
text-align:center;
}
hr{
color: #162C3C;
}
fieldset {
padding: 1em;
font:80%/1 sans-serif;
}
label {
float:left;
width:30%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
font-weight:bold;
}
#contact-form {
background-color:#697060;
width:650px;
padding:20px;
margin: 50px auto;
border: 6px solid #EB9C4D;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
position:relative;
}
#contact-form h1 {
font-size:42px;
}
#contact-form h2 {
margin-bottom:15px;
font-style:italic;
font-weight:normal;
}
#contact-form p, blockquote {
font-size: 12px;
}
#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
font-size:15px;
margin-bottom:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#contact-form input,
#contact-form select,
#contact-form textarea {
width:65%;
border: 1px solid #BAC9A9;
margin-bottom:20px;
padding:4px;
color:#000;
}
#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
border: 1px solid #F2D680;
background-color: #F3FFCF;
color:#000;
}
#contact-form textarea {
height:150px;
resize: none;
}
#contact-form label {
display:block;
}
#contact-form .required {
font-weight:bold;
color:#F00;
}
#contact-form #submit-button {
width: 80%;
background-color:#F3FFCF;
color:#000;
font-style: oblique;
font-weight: bold;
border: 1px solid #BAC9A9;
display:block;
float:right;
margin-bottom:0px;
margin-right:6px;
-moz-border-radius:8px;
}
#contact-form #submit-button:hover {
border: 1px solid #F2D680;
background-color: #F3FFCF;
}
#contact-form #submit-button:active {
position:relative;
top:1px;
}
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder {
color:#889673;
font-style:italic;
}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
color:#889673;
font-style:italic;
}
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text {
color:#889673;
font-style:italic;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}
|