126 lines
2.8 KiB
CSS
126 lines
2.8 KiB
CSS
@font-face {
|
|
font-family: 'brandon_grotesque_regularRg';
|
|
src: url('/fonts/brandon_reg-webfont.eot');
|
|
src: url('/fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/brandon_reg-webfont.woff') format('woff'),
|
|
url('/fonts/brandon_reg-webfont.ttf') format('truetype'),
|
|
url('/fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'caviar_dreamsregular';
|
|
src: url('/fonts/CaviarDreams-webfont.eot');
|
|
src: url('/fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/CaviarDreams-webfont.woff') format('woff'),
|
|
url('/fonts/CaviarDreams-webfont.ttf') format('truetype'),
|
|
url('/fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
body{
|
|
background: url('/images/bg.jpg') no-repeat top center;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.container{
|
|
width: 970px;
|
|
min-height: 150px;
|
|
margin: 0 auto;
|
|
}
|
|
.container .logo{
|
|
padding: 0;
|
|
text-align: center;
|
|
margin: 0
|
|
}
|
|
.intro{
|
|
font-family: 'brandon_grotesque_regularRg';
|
|
text-align: center;
|
|
color: #585454;
|
|
font-size: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
.form{
|
|
background: url('/images/bg_form.png') no-repeat top center;
|
|
height: 353px;
|
|
margin: 0 auto;
|
|
padding-top: 10px;
|
|
font-family: 'brandon_grotesque_regularRg';
|
|
width: 841px;
|
|
}
|
|
.form .top{
|
|
font-family: 'caviar_dreamsregular';
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
color: #434647;
|
|
}
|
|
.form .sub{
|
|
text-align: center;
|
|
color: #797d80;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
form .info{
|
|
float: left;
|
|
margin-left: 115px;
|
|
}
|
|
form .info input[type="email"]{
|
|
border: 1px solid #cacaca;
|
|
color: #797d80;
|
|
margin-bottom: 5px;
|
|
margin-left: 76px;
|
|
padding: 11px;
|
|
width: 320px;
|
|
}
|
|
form .info label{
|
|
color: #797d80;
|
|
font-size: 14px;
|
|
}
|
|
input[type="submit"]{
|
|
border: 0 none;
|
|
color: #fff;
|
|
font-size: 0;
|
|
height: 39px;
|
|
letter-spacing: -2px;
|
|
margin-left: 10px;
|
|
width: 105px;
|
|
cursor: pointer;
|
|
background: url('/images/valid.png') no-repeat top center;
|
|
}
|
|
.message{
|
|
text-align: center;
|
|
margin-top: 59px;
|
|
color: #F05249;
|
|
margin-left:200px;
|
|
margin-right:200px;
|
|
}
|
|
|
|
|
|
.pink{
|
|
font-family: 'brandon_grotesque_regularRg';
|
|
color: #797d80;
|
|
height: 50px;
|
|
margin: 50px auto 35px;
|
|
width: 402px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
.pink p{
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
padding: 0;
|
|
}
|
|
.pink label{
|
|
font-weight: bold;
|
|
margin-right:20px;
|
|
}
|
|
.pink span{
|
|
font-style: italic;
|
|
}
|
|
.pink .first{
|
|
margin-left: 00px;
|
|
} |