You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
website/css/experience.css

126 lines
2.2 KiB

5 years ago
.bg{
width:100%;
height:1000px;
background:url("../images/experience.jpg") no-repeat 0 0/cover;
position:relative;
top:80px;
text-align: center;
}
/*.online-title{*/
/* font-size:50px;*/
/* margin-top: 100px;*/
/*}*/
/*.online-content{*/
/* font-size:20px;*/
/* margin-top:30px;*/
/*}*/
.holderDiv {
height: 100px;
}
.stepsWords{
text-align: center;
position: relative;
margin:0 auto;
width:210px;
font-size:32px;
}
.stepsWords .steps-left{
position:absolute;
top:10px;
left:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat 0 0;
}
.stepsWords .steps-right{
position:absolute;
top:10px;
right:0;
width:25px;
height:25px;
background: url("../images/sprite.png") no-repeat -25px 0;
}
.application{
position:relative;
width:900px;
height:500px;
background-color: #fff;
box-shadow: #666 0px 0px 10px;
margin:100px auto;
}
.application-left{
position: absolute;
top:30%;
left:2%;
width:40%;
}
.application-right{
width:60%;
padding:50px 40px;
}
.application-right-title{
font-size:25px;
text-align: left;
font-weight: bold;
}
.application-right-form{
width:100%;
margin-top:50px;
}
.form-horizontal{
margin-top:60px;
}
.control-label{
font-size:20px;
font-weight: normal;
margin-top:5px;
}
.form-group{
margin-top:20px;
}
.verification-code{
width:100px;
height:50px;
background-color: #f0ad4e;
color:#fff;
border-radius: 0 6px 6px 0;
position:absolute;
top:0;
right:15px;
text-align: center;
font-size:17px;
line-height: 50px;
}
.btn{
width:100%;
height:50px;
margin-left:-60px;
margin-top:30px;
}
.orange-logo{
width:300px;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.holderDiv{
height:152px;
}
.application{
width:810px;
height:477px;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
.holderDiv{
height:126px;
}
.application{
width:810px;
height:470px;
}
.orange-logo{
width:290px;
}
.form-horizontal{
margin-top:45px;
}
}