初始版本
This commit is contained in:
44
statics/mobile/login/css/global.css
Executable file
44
statics/mobile/login/css/global.css
Executable file
@@ -0,0 +1,44 @@
|
||||
body,div,h1,h2,h3,h4,p,ol,ul,li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
text-shadow:0 0 0 #fff;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
@-webkit-viewport{
|
||||
width:device-width;
|
||||
}
|
||||
@-moz-viewport{
|
||||
width:device-width;
|
||||
}
|
||||
@-ms-viewport{
|
||||
width:device-width;
|
||||
}
|
||||
@-o-viewport{
|
||||
width:device-width;
|
||||
}
|
||||
@viewport{
|
||||
width:device-width;
|
||||
}
|
||||
html,body{
|
||||
min-height:100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-size:0.9em;
|
||||
}
|
||||
body{
|
||||
min-width:320px;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:100%;
|
||||
-ms-text-size-adjust:100%;
|
||||
text-size-adjust:100%;
|
||||
color:#666;
|
||||
font-family:arial;
|
||||
margin:0 auto;
|
||||
}
|
||||
ul{
|
||||
list-style-type:none;
|
||||
}
|
||||
a:link,a:visited,a:hover,a:active{
|
||||
text-decoration:none;
|
||||
}
|
||||
152
statics/mobile/login/css/login.css
Executable file
152
statics/mobile/login/css/login.css
Executable file
@@ -0,0 +1,152 @@
|
||||
.login{
|
||||
padding-top: 0px;
|
||||
margin:0 auto;
|
||||
min-width: 320px;
|
||||
background: url(../images/login_bg.png) no-repeat; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
|
||||
-moz-background-size:100% 100%;
|
||||
background-size:100% 100%;
|
||||
min-height:480px;
|
||||
height:100%;
|
||||
width:100%;
|
||||
}
|
||||
.login-title{
|
||||
position: relative;
|
||||
width:100%;
|
||||
height:25%;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
font-size: 1.7em;
|
||||
font-family: "Microsoft YaHei";
|
||||
color:#fff;
|
||||
padding-top:10%;
|
||||
}
|
||||
.login-title i{
|
||||
position: absolute;
|
||||
top:130px;
|
||||
left:50px;
|
||||
width:230px;
|
||||
height:20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.login-bar{
|
||||
position: relative;
|
||||
width:100%;
|
||||
height:30%;
|
||||
|
||||
}
|
||||
.login-bar ul li{
|
||||
width:80%;
|
||||
height:25px;
|
||||
margin: 30px 0 0 11%;
|
||||
border-bottom:1px solid #fff;
|
||||
}
|
||||
.login-bar .text{
|
||||
position: absolute;
|
||||
margin-left:3%;
|
||||
width:80%;
|
||||
height:25px;
|
||||
border:none;
|
||||
background:none;
|
||||
color:#fff;
|
||||
}
|
||||
.login-bar .psd{
|
||||
position: absolute;
|
||||
top:55px;
|
||||
margin-left:3%;
|
||||
width:80%;
|
||||
height:25px;
|
||||
border:none;
|
||||
background:none;
|
||||
color:#fff;
|
||||
}
|
||||
input:focus {
|
||||
outline:none;
|
||||
}
|
||||
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.login-btn{
|
||||
width:100%;
|
||||
height:30%;
|
||||
margin-top:80px;
|
||||
}
|
||||
.submit{
|
||||
width:80%;
|
||||
height:35px;
|
||||
background:#f34541;
|
||||
border:1px solid #f34541;
|
||||
text-align: center;
|
||||
margin-left:11%;
|
||||
color:#fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 14px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.login-reg p{
|
||||
width:70%;
|
||||
height:35px;
|
||||
line-height: 35px;
|
||||
background:#989898;
|
||||
border:1px solid #989898;
|
||||
text-align: center;
|
||||
margin:25px 0 0 11%;
|
||||
color:#fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 14px;
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
120
statics/mobile/login/css/success.css
Executable file
120
statics/mobile/login/css/success.css
Executable file
@@ -0,0 +1,120 @@
|
||||
.success{
|
||||
padding-top: 0px;
|
||||
margin:0 auto;
|
||||
min-width: 320px;
|
||||
background: url(../images/success_bg.png) no-repeat; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
|
||||
-moz-background-size:100% 100%;
|
||||
background-size:100% 100%;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.success img {
|
||||
margin:35px 0 10px 50%;
|
||||
}
|
||||
.success p{
|
||||
display: block;
|
||||
margin:20px 0 0 11%;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 24px;
|
||||
color:#fff;
|
||||
text-align: center;
|
||||
}
|
||||
.s_msg{
|
||||
width:65%;
|
||||
height:20%;
|
||||
margin:50px 0 0 15%;
|
||||
background:#fff;
|
||||
border-radius:3px;
|
||||
filter:alpha(opacity:80);
|
||||
opacity:0.8;
|
||||
padding:10px;
|
||||
}
|
||||
.s_title{
|
||||
display: block;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 14px;
|
||||
color:#323232;
|
||||
margin:20px 0 10px 10px;
|
||||
text-align:center;
|
||||
}
|
||||
.s_red{
|
||||
font-family: "Microsoft YaHei";
|
||||
color:red;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.s_redlink{
|
||||
font-family: "Microsoft YaHei";
|
||||
color:red;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin:0 0 0 0;
|
||||
}
|
||||
.s_redlink a:link,a:visited,a:hover,a:active{
|
||||
color:red;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.login-btn{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:30%;
|
||||
bottom: 0;
|
||||
}
|
||||
.submit{
|
||||
width:80%;
|
||||
height:35px;
|
||||
background:#f34541;
|
||||
border:1px solid #f34541;
|
||||
text-align: center;
|
||||
margin-left:11%;
|
||||
color:#fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 14px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.login-reg p{
|
||||
width:80%;
|
||||
height:35px;
|
||||
line-height: 35px;
|
||||
background:#B8B8B8;
|
||||
border:1px solid #B8B8B8;
|
||||
text-align: center;
|
||||
color:#fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-size: 14px;
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user