修改BUG：增加theme.css样式负责总体样式微调，精简login.css

Bootstrap.Admin/Views/Shared/_Layout.cshtml

@@ -12,6 +12,7 @@
     </environment>
     <link href="~/css/nprogress.css" rel="stylesheet" />
     @RenderSection("css", false)
+    <link href="~/css/theme.css" rel="stylesheet" />
     <link href="~/css/site.css" rel="stylesheet" />
     <link href="~/css/site-responsive.css" rel="stylesheet" />
 }

Bootstrap.Admin/Views/Shared/_Login.cshtml

@@ -12,6 +12,7 @@
         <link href="~/css/bootstrap.min.css" rel="stylesheet">
         <link href="~/css/font-awesome.min.css" rel="stylesheet" />
     </environment>
+    <link href="~/css/theme.css" rel="stylesheet" />
     @RenderSection("css", false)
 }
 @section javascript {

Bootstrap.Admin/wwwroot/css/login.css

@@ -16,8 +16,6 @@
     padding: 28px 0;
     text-align: center;
     color: #fff;
-    font-size: 2rem;
-    font-weight: 300;
 }
 
 .login-wrap {
@@ -38,22 +36,6 @@
             float: right;
         }
 
-.input-group {
-    margin-bottom: 15px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    border: solid 1px #1ca0e9;
-}
-
-    .input-group > span {
-        top: 0;
-        background-color: #5bc0de;
-    }
-
-    .input-group > span, div.input-group > input {
-        border-color: #5bc0de;
-    }
-
 .btn-login {
     background: #f67a6e;
     color: #fff;
@@ -64,40 +46,16 @@
     margin-bottom: 20px;
 }
 
-.checkbox {
+.form-control:focus, .form-control.is-valid:focus, .form-control.is-invalid:focus, .btn:focus, .btn:focus:active {
-    padding-left: 24px;
-}
-
-    .checkbox > input {
-        top: -1px;
-    }
-
-    .checkbox > label {
-        padding-left: 4px;
-    }
-
-.is-invalid .tooltip-inner {
-    background-color: #a94442;
-}
-
-.is-invalid .arrow:before {
-    border-top-color: #a94442;
-}
-
-.form-control:focus {
     box-shadow: none;
 }
 
 .input-group-text {
     background-color: #6bc3f4;
-    border: 1px solid #6bc3f4;
+    border-color: #1ca0e9;
     line-height: 1.5;
 }
 
-.form-check-input {
+.form-control {
-    margin-top: 0.4rem;
+    border-color: #1ca0e9;
-}
-
-.btn:focus {
-    box-shadow: 1px 1px #e56b60;
 }

Bootstrap.Admin/wwwroot/css/loginm.css

@@ -12,53 +12,32 @@
     border: solid 1px #ddd;
 }
 
-    .form-signin .form-signin-heading {
+.form-signin-heading {
     margin: 0;
     padding: 20px 15px;
     text-align: center;
     background: #41cac0;
     border-radius: 5px 5px 0 0;
     color: #fff;
-        font-size: 32px;
+}
-        font-weight: 300;
-        font-family: 'Open Sans', sans-serif;
-    }
 
-    .form-signin div.login-wrap {
+.login-wrap {
     padding: 20px;
-    }
+}
 
-        .form-signin div.login-wrap .login-footer {
+    .login-wrap .login-footer {
         padding-bottom: 15px;
     }
 
-            .form-signin div.login-wrap .login-footer .login-create {
+        .login-wrap .login-footer .login-create {
             float: left;
         }
 
-            .form-signin div.login-wrap .login-footer .login-reset {
+        .login-wrap .login-footer .login-reset {
             float: right;
         }
 
-    .form-signin div.input-group {
+.btn-login {
-        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;
@@ -67,19 +46,7 @@
     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;
-        }
 
 @media (min-width: 375px) {
     .form-signin {
@@ -87,24 +54,16 @@
     }
 }
 
-.is-invalid .tooltip-inner {
+.form-control:focus, .form-control.is-valid:focus, .form-control.is-invalid:focus, .btn:focus, .btn:focus:active {
-    background-color: #a94442;
-}
-
-.is-invalid .arrow:before {
-    border-top-color: #a94442;
-}
-
-.form-control:focus {
     box-shadow: none;
 }
 
 .input-group-text {
     background-color: #6bc3f4;
-    border: 1px solid #6bc3f4;
+    border-color: #1ca0e9;
-    line-height: 2;
+    line-height: 1.5;
 }
 
-.form-check-input {
+.form-control {
-    margin-top: 0.4rem;
+    border-color: #1ca0e9;
 }

Bootstrap.Admin/wwwroot/css/site.css

@@ -469,19 +469,6 @@ a, a:hover, a:focus {
     background-size: 100% 100%;
 }
 
-.tooltip-inner {
-    max-width: 768px;
-}
-
-.is-invalid .tooltip-inner {
-    background-color: #dc3545;
-}
-
-.is-invalid .arrow:before {
-    border-top-color: #dc3545;
-    border-bottom-color: #dc3545;
-}
-
 .file-drop-zone.clickable:hover {
     border: 1px dashed #999;
 }

Bootstrap.Admin/wwwroot/css/theme.css

@@ -0,0 +1,16 @@
+.tooltip-inner {
+    max-width: 768px;
+}
+
+.is-invalid .tooltip-inner {
+    background-color: #dc3545;
+}
+
+.is-invalid .arrow:before {
+    border-top-color: #dc3545;
+    border-bottom-color: #dc3545;
+}
+
+.form-check-input {
+    margin-top: 6.4px;
+}