2016-11-02 13:42:01 +08:00

139 lines
2.4 KiB
SCSS

body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #eee;
/*background-image:url(../img/bg.png);*/
background-repeat:no-repeat;
background-size: 100%;
background-position: 0 center;
// background-color: #33333c;
background-color: #000;
// box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
// opacity:0;
// animation:mymove 5s infinite;
}
.unhappyMessage{
position:absolute;
top:2px;
right:2px;
z-index:10;
padding:0 5px;
font-weight:400;
// background-color:#fee;
color:#c33;
font-size:12px;
}
#bg{
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
z-index:-2;
background-color:#000;
// background-image:url(../img/bg5.jpg);
background-repeat:none;
background-position:center;
background-size:cover;
}
#bg-mask{
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
z-index:-1;
background-color:rgba(0,0,0,0.65);
background-image:url(../img/mask.png);
background-repeat:repeat;
// background-position:center;
// background-size:cover;
}
.form-area{
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-area.form-signin input[type="password"],
.form-area.form-signin input[type="text"],
.form-area.form-signin input[type="email"]{
border-radius: 0;
}
.form-area.form-signin input[type="password"],
.form-area.form-signin input[type="text"],
.form-area.form-signin input[type="email"]{
border-radius: 0;
}
.form-control-phoneMsg,
.btn-getPhoneMsg{
height:42px;
}
.btn-getPhoneMsg{
font-size:12px;
}
.form-area{
color:#fff;
.form-heading{
color:#fff;
margin-bottom: 10px;
}
.form-control {
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 14px;
}
.form-control:focus {
z-index: 2;
}
}
/*登录*/
.form-signin{
.checkbox {
margin-bottom: 10px;
}
.checkbox {
font-weight: normal;
}
input.form-control-phone {
margin-bottom: -1px;
}
input[type="password"] {
margin-bottom: 10px;
}
}
/*注册*/
.form-register {
.checkbox {
margin-bottom: 10px;
}
.checkbox {
font-weight: normal;
}
input.form-control-phone {
margin-bottom: -1px;
}
.form-control-pw {
margin-bottom: -1px;
}
.form-control-pwConfirm{
margin-bottom: 10px;
}
}
.content{}