Copy Code code as follows:
Copy Code code as follows:
Html,body {
font-family: ' Open Sans ', ' Helvetica neue ', Sans-serif;
Padding:3em 2em;
font-size:18px;
Background: #fff;
Color: #009966;
}
H1,H2 {
font-weight:300;
Margin:0.4em 0;
}
h1 {font-size:3.5em;}
h2 {font-size:2.5em; font-weight:700; color: #505050;}
h3 {
Color: #505050;
Font-size:1.5em;
}
. fw700 {
font-weight:700;
}
Input {
font-size:100%;
Background: #fff;
Border:none;
Color: #000;
padding:12px;
margin:0 -0.25em 0 0.3em;
border-top-left-radius:9px;
border-bottom-left-radius:9px;
box-shadow:0 0 5px Rgba (0,0,0,0.5) inset;
}
#call {
Border-top-right-radius:none;
Border-radius:none;
}
::-webkit-input-placeholder {
Color: #222;
}
:-moz-placeholder {/* Firefox 18-*
Color: #222;
}
::-moz-placeholder {/* Firefox 19+ * *
Color: #222;
}
:-ms-input-placeholder {
Color: #222;
}
. inline {
Display:inline;
}
. button {
Display:inline-block;
Background: #009966;
Color: #fff;
font-weight:700;
Text-decoration:none;
Padding:0.44em 0.89em 0.39em;
margin:0 1em 0 0;
border-top-right-radius:9px;
border-bottom-right-radius:9px;
border-top-left-radius:0;
border-bottom-left-radius:0;
margin-left:0px;
Font-size:1em;
Box-shadow:none;
border:1px solid Rgba (0,0,0,0.1);
Border-left:none;
}
. field-wrapper {
position:relative;
margin-bottom:20px;
Display:inline-block;
}
Label {
Position:absolute;
bottom:-20px;
left:6px;
font-size:16px;
Color: #aaa;
Transition:all 0.1s linear;
opacity:0;
Font-weight:bold;
Display:block;
}
Label.on {
Color: #4481C4;
}
Label.show {
Bottom: -30px;
Opacity:1;
}
Body {
/* The following line fixes a blink in chrome https://code.google.com/p/chromium/issues/detail?id=108025 * *
-webkit-backface-visibility:hidden;
}