拆分login.css优化网页加载样式表
This commit is contained in:
Argo-Lenovo
parent
e85a76b7ca
commit
c12abe5132
|
|
@ -113,6 +113,7 @@
|
|||
<Content Include="Content\css\font-awesome.min.css" />
|
||||
<Content Include="Content\css\jquery.nestable.css" />
|
||||
<Content Include="Content\css\lock.css" />
|
||||
<Content Include="Content\css\login.css" />
|
||||
<Content Include="Content\css\register.css" />
|
||||
<Content Include="Content\css\tasks.css" />
|
||||
<Content Include="Content\images\bg.jpg" />
|
||||
|
|
|
|||
|
|
@ -0,0 +1,95 @@
|
|||
body {
|
||||
color: #797979;
|
||||
background: #f1f2f7;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
font-size: 13px;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/*Login*/
|
||||
.form-signin {
|
||||
width: 330px;
|
||||
max-width: 330px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
|
||||
.form-signin h2.form-signin-heading {
|
||||
margin: 0;
|
||||
padding: 20px 15px;
|
||||
text-align: center;
|
||||
background: #41cac0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
-webkit-border-radius: 5px 5px 0 0;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer .login-create {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer .login-reset {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form-signin div.input-group {
|
||||
margin-bottom: 15px;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border: 1px solid #eaeaea;
|
||||
box-shadow: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.form-signin div.input-group > span {
|
||||
top: 0;
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
.form-signin div.input-group > span, div.input-group > input {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.form-signin .btn-login {
|
||||
background: #f67a6e;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
box-shadow: 0 4px #e56b60;
|
||||
margin-bottom: 20px;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.form-signin .checkbox {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox > input {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox > label {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
/*end login*/
|
||||
|
|
@ -524,90 +524,6 @@ a.logo {
|
|||
}
|
||||
/*end*/
|
||||
|
||||
/*Login*/
|
||||
.form-signin {
|
||||
width: 330px;
|
||||
max-width: 330px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
|
||||
.form-signin h2.form-signin-heading {
|
||||
margin: 0;
|
||||
padding: 20px 15px;
|
||||
text-align: center;
|
||||
background: #41cac0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
-webkit-border-radius: 5px 5px 0 0;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer .login-create {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form-signin div.login-wrap .login-footer .login-reset {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form-signin div.input-group {
|
||||
margin-bottom: 15px;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border: 1px solid #eaeaea;
|
||||
box-shadow: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.form-signin div.input-group > span {
|
||||
top: 0;
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
|
||||
.form-signin div.input-group > span, div.input-group > input {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
|
||||
.form-signin .btn-login {
|
||||
background: #f67a6e;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
box-shadow: 0 4px #e56b60;
|
||||
margin-bottom: 20px;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.form-signin .checkbox {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox > input {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox > label {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
/*end login*/
|
||||
|
||||
.form-inline .form-group label.control-label {
|
||||
margin-right: 10px;
|
||||
width: 80px;
|
||||
|
|
@ -678,12 +594,6 @@ input.valid {
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
.lgbMenu {
|
||||
float: left;
|
||||
padding-top: 4px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
ul.breadcrumb {
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
}
|
||||
@section css {
|
||||
<link href="~/Content/css/site.css" rel="stylesheet" />
|
||||
<link href="~/Content/css/login.css" rel="stylesheet" />
|
||||
}
|
||||
@section javascript {
|
||||
<script src="~/content/js/jquery.validate.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue