UI

src/main/webapp/static/common/css/app-red.css

@@ -248,7 +248,6 @@ th {
   .table-bordered th,
   .table-bordered td {
     border: 1px solid #ddd !important;
-    vertical-align: middle;
   }
 }
 @font-face {
@@ -1066,9 +1065,9 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
-	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
-    font-size: 14px;
-    color: #676a6c;
+  font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
+  font-size: 14px;
+  color: #676a6c;
 }
 input,
 button,
@@ -2214,9 +2213,8 @@ th {
 .table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td {
-  padding: 8px;
-  line-height: 1.22857143;
-  vertical-align: center;
+  padding: 6px;
+  line-height: 1.42857143;
   border-top: 1px solid #ddd;
 }
 .ani.table > thead > tr > th {
@@ -4399,7 +4397,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
   color: #ccc;
 }
 .navbar-inverse {
-  background-color: #D24D57;
+  background:linear-gradient(235deg, #931f11, red);
   border-color: #bc303a;
 }
 .navbar-inverse .navbar-brand {
@@ -5192,7 +5190,7 @@ a.list-group-item-danger.active:focus {
   border-radius: 0;
 }
 .panel-body {
-  padding: 2px;
+  padding: 3px;
 }
 .panel-heading {
   padding: 15px;
@@ -5446,8 +5444,10 @@ a.list-group-item-danger.active:focus {
 }
 .panel-primary > .panel-heading {
   color: #fff;
-  background-color: #D24D57;
+
+  background: linear-gradient(235deg, #9f1100, #cc1818);
   border-color: #D24D57;
+
 }
 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: #D24D57;
@@ -5547,8 +5547,8 @@ a.list-group-item-danger.active:focus {
 }
 .well {
   min-height: 20px;
-  padding: 8px;
-  margin-bottom: 10px;
+  padding: 19px;
+  margin-bottom: 20px;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 0px;
@@ -5710,7 +5710,7 @@ button.close {
   position: absolute;
   z-index: 1070;
   display: block;
-    font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
+  font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 1.4;
@@ -5817,7 +5817,7 @@ button.close {
   display: none;
   max-width: 276px;
   padding: 1px;
-    font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
+  font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857143;
@@ -6453,7 +6453,8 @@ button.close {
   right: 0;
   bottom: 0;
   overflow: auto;
-  background: #D24D57;
+  /*background: #D24D57;*/
+  background: url("../images/lgoin-ty.jpg") center;
   text-align: center;
   color: #fff;
   padding: 3em;
@@ -6470,6 +6471,20 @@ button.close {
 .login-page .form-content {
   padding: 40px 0;
 }
+.login-block{
+  border-radius: 6px;
+  background: rgb(247 55 55 / 70%);
+  width: 500px;
+  padding: 30px;
+  -webkit-box-shadow: 0 0 20px rgb(255 255 255 / 50%);
+  box-shadow: 0 0 20px rgb(223 194 77 / 50%);
+  /*position: absolute;*/
+  margin-left: 50%;
+  margin-top: 10%;
+  /*top: 50%;*/
+  /*transform: translate(-50%,-50%);*/
+
+}
 body {
   background-color: #ecf0f1;
 }
@@ -6613,7 +6628,7 @@ body {
   margin-top: 50px;
   overflow-x: hidden;
   transition: all 0.2s ease-in-out;
-   height: calc(100% - 50px);
+  height: calc(100% - 50px);
 }
 #body-container .home-stats .hvr-wobble-horizontal {
   display: block;
@@ -7550,11 +7565,11 @@ pre {
   z-index: 20;
 }
 .push-right #sidebar {
-    left: 0;
+  left: 0;
 }
 .push-right #body-container {
-    margin-left: 220px !important;
-    overflow-x: hidden;
+  margin-left: 220px !important;
+  overflow-x: hidden;
 }
 .push-left #sidebar {
   left: -220px;
@@ -7748,7 +7763,7 @@ pre {
 }
 .topnav-navbar .navbar-header {
   width: 220px;
-  background: #D24D57;
+  background: linear-gradient(45deg, #530909, red);
 }
 .topnav-navbar .navbar-header .navbar-brand {
   color: #f6dbdd;
@@ -9142,8 +9157,7 @@ growl-notifications growl-notification.growl-warning {
 .progress-login {
   text-transform: none;
   font-size: 18px;
-  line-height: 45px;
-  padding: 0 25px;
+  line-height: 15px;
 }
 .progress-login .content::before,
 .progress-login .content::after {
@@ -9248,6 +9262,7 @@ table.white tbody {
 .btn-outline.btn-white {
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset;
   color: rgba(255, 255, 255, 0.8);
+  width: 100%;
 }
 .btn-outline.btn-white:hover {
   box-shadow: 0 0 0 2px #ffffff inset;
@@ -9306,10 +9321,10 @@ table.white tbody {
 	}
 */
 }
-/* Have to set height explicity on ui-view 
+/* Have to set height explicity on ui-view
 to prevent collapsing during animation*/
 /*.well[ui-view]{
- height: 65px; 
+ height: 65px;
 }*/
 [ui-view] {
   position: absolute;
@@ -9364,7 +9379,7 @@ to prevent collapsing during animation*/
 }
 html,
 body {
-   overflow-x: hidden;
+  overflow-x: hidden;
 }
 .rtl * {
   direction: rtl;
@@ -9416,9 +9431,9 @@ body {
   cursor: pointer;
 }
 .sidebar-menu{
-	border-right: 1px solid #c4c8cb;
+  border-right: 1px solid #c4c8cb;
 }
-		
+
 .side-widgets {
   top: 0;
   bottom: 0;
@@ -9445,26 +9460,26 @@ body {
 }
 
 .menu-body> .nav > li >ul.collapse{
-	  border-left: 4px solid #19aa8d;    
-	 -webkit-transition: all .5s;
-	 transition: all .5s;
+  border-left: 4px solid #19aa8d;
+  -webkit-transition: all .5s;
+  transition: all .5s;
 }
 
-/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
+/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
 .menu::-webkit-scrollbar-track {
-	   width: 0px;
-	   text-decoration: none;
-  	   background-color: transparent;
+  width: 0px;
+  text-decoration: none;
+  background-color: transparent;
 }
 
 .menu::-webkit-scrollbar {
-        width: 0px;
-		text-decoration: none;
-  		background-color: transparent;
+  width: 0px;
+  text-decoration: none;
+  background-color: transparent;
 }
 
 .menu::-webkit-scrollbar-thumb {
-		background-color: transparent;
+  background-color: transparent;
 }
 
 /** 定义横向菜单，左侧菜单滑动效果色*/
@@ -9475,7 +9490,7 @@ body {
 .jp-hr .nav .open > a,
 .jp-hr .nav > li > a:focus {
   /*color: white;*/
-  background: #bc303a;
+  background: linear-gradient(45deg, #b60000, #ffa600);
   border: 0px;
   cursor: default;
   height: 51px;
@@ -9508,4 +9523,4 @@ body {
 .jp-hr .theme-whbl #user-link{
   color: #bc303a;
 }
-/*# sourceMappingURL=app-red.css.map */
+/*# sourceMappingURL=app-red.css.map */