feat(version): upgrade
mack-a
parent
269a8548a0
commit
bca3183a08
|
|
@ -1,201 +0,0 @@
|
||||||
|
|
||||||
/* reset */
|
|
||||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
|
||||||
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
|
||||||
ol,ul{list-style:none;margin:0px;padding:0px;}
|
|
||||||
blockquote,q{quotes:none;}
|
|
||||||
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
|
||||||
table{border-collapse:collapse;border-spacing:0;}
|
|
||||||
/* start editing from here */
|
|
||||||
a{text-decoration:none;}
|
|
||||||
.txt-rt{text-align:right;}/* text align right */
|
|
||||||
.txt-lt{text-align:left;}/* text align left */
|
|
||||||
.txt-center{text-align:center;}/* text align center */
|
|
||||||
.float-rt{float:right;}/* float right */
|
|
||||||
.float-lt{float:left;}/* float left */
|
|
||||||
.clear{clear:both;}/* clear float */
|
|
||||||
.pos-relative{position:relative;}/* Position Relative */
|
|
||||||
.pos-absolute{position:absolute;}/* Position Absolute */
|
|
||||||
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
|
||||||
.vertical-top{ vertical-align:top;}/* vertical align top */
|
|
||||||
nav.vertical ul li{ display:block;}/* vertical menu */
|
|
||||||
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
|
||||||
img{max-width:100%;}
|
|
||||||
/*end reset*/
|
|
||||||
body{
|
|
||||||
font-family: 'Cabin', sans-serif !important;
|
|
||||||
background:url(../images/banner.jpg) 0px 0px;
|
|
||||||
}
|
|
||||||
/*-- main --*/
|
|
||||||
.main{
|
|
||||||
width: 35%;
|
|
||||||
margin: 8em auto 0;
|
|
||||||
padding: 0em 4em 5em;
|
|
||||||
}
|
|
||||||
.main h1{
|
|
||||||
color: #7e8fad;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 2.5em;
|
|
||||||
margin: 0 0 1.5em;
|
|
||||||
}
|
|
||||||
.main input[type="text"],.main input[type="password"]{
|
|
||||||
outline: none;
|
|
||||||
border: 1px solid #FFF;
|
|
||||||
background: #fed2ed;
|
|
||||||
border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-o-border-radius: 5px;
|
|
||||||
-ms-border-radius: 5px;
|
|
||||||
padding: 15px 10px;
|
|
||||||
width: 96%;
|
|
||||||
font-size: 1.3em;
|
|
||||||
color: #7e8fad;
|
|
||||||
text-align: center;
|
|
||||||
font-family: 'Syncopate', sans-serif;
|
|
||||||
}
|
|
||||||
.main input[type="password"]{
|
|
||||||
margin:1.5em 0;
|
|
||||||
}
|
|
||||||
.main input[type="submit"]{
|
|
||||||
outline:none;
|
|
||||||
border:1px solid #DBA9C8;
|
|
||||||
background:#b47c9f;
|
|
||||||
border-radius:5px;
|
|
||||||
-webkit-border-radius:5px;
|
|
||||||
-moz-border-radius:5px;
|
|
||||||
-o-border-radius:5px;
|
|
||||||
-ms-border-radius:5px;
|
|
||||||
padding:15px 10px;
|
|
||||||
width:100%;
|
|
||||||
color:#fdbfe6;
|
|
||||||
font-size:1.5em;
|
|
||||||
font-family: 'Syncopate', sans-serif;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
.main input[type="submit"]:hover{
|
|
||||||
background:#fed2ed;
|
|
||||||
color:#b47c9f;
|
|
||||||
border: 1px solid #FFF;
|
|
||||||
}
|
|
||||||
.footer{
|
|
||||||
text-align:center;
|
|
||||||
padding:2em 0 0;
|
|
||||||
}
|
|
||||||
.footer p{
|
|
||||||
font-size:1em;
|
|
||||||
color:#B47C9F;
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
.footer p a{
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
.footer p a:hover{
|
|
||||||
color:#B47C9F;
|
|
||||||
}
|
|
||||||
/*-- start-responsive-design --*/
|
|
||||||
@media (max-width:1440px){
|
|
||||||
.main {
|
|
||||||
width: 37%;
|
|
||||||
}
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 95.8%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 1280px){
|
|
||||||
.main {
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 95.6%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 1024px){
|
|
||||||
.main {
|
|
||||||
width: 50%;
|
|
||||||
margin: 5em auto 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:768px){
|
|
||||||
.main {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 95.2%;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:736px){
|
|
||||||
.main {
|
|
||||||
padding: 0em 4em 2em;
|
|
||||||
}
|
|
||||||
.footer {
|
|
||||||
padding: 2em 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:667px){
|
|
||||||
.main {
|
|
||||||
width: 65%;
|
|
||||||
margin: 3em auto 0;
|
|
||||||
}
|
|
||||||
.main h1 {
|
|
||||||
font-size: 2.3em;
|
|
||||||
margin: 0 0 1.2em;
|
|
||||||
}
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 94.5%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:640px){
|
|
||||||
.main input[type="submit"] {
|
|
||||||
font-size: 1.3em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 600px){
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 94.2%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:480px){
|
|
||||||
.main h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0 0 1em;
|
|
||||||
}
|
|
||||||
.main {
|
|
||||||
padding: 0em 0em 2em;
|
|
||||||
width: 85%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 414px){
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
width: 93.5%;
|
|
||||||
}
|
|
||||||
.footer p {
|
|
||||||
width: 80%;
|
|
||||||
margin: 0 auto;
|
|
||||||
line-height: 1.8em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width:320px){
|
|
||||||
.main {
|
|
||||||
padding: 0;
|
|
||||||
width: 90%;
|
|
||||||
margin: 2em auto 0;
|
|
||||||
}
|
|
||||||
.main h1 {
|
|
||||||
font-size: 1.7em;
|
|
||||||
}
|
|
||||||
.main input[type="text"], .main input[type="password"] {
|
|
||||||
padding: 10px;
|
|
||||||
font-size: 13px;
|
|
||||||
width: 92.5%;
|
|
||||||
}
|
|
||||||
.main input[type="submit"] {
|
|
||||||
font-size: 1em;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
.footer p {
|
|
||||||
width: 90%;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
|
|
@ -1,30 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>后台登录</title>
|
|
||||||
<!-- for-mobile-apps -->
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
||||||
|
|
||||||
<!-- //for-mobile-apps -->
|
|
||||||
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- main -->
|
|
||||||
<div class="main">
|
|
||||||
<h1>
|
|
||||||
后台登录系统
|
|
||||||
</h1>
|
|
||||||
<form>
|
|
||||||
<input type="text" value="用户名" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '用户名';}"
|
|
||||||
required="">
|
|
||||||
<input type="password" value="Password" onFocus="this.value = '';"
|
|
||||||
onBlur="if (this.value == '') {this.value = '';}"
|
|
||||||
required="">
|
|
||||||
<input type="submit" value="登录">
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- //main -->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue