Update 样式优化

VbdsmUI_V2.1.1/src/pc/manage/css/mainvb.css

@@ -30,7 +30,7 @@ body {
 	border-top: none !important;
 }
 .window.messager-window {
-	border: 1px solid #3ba9f6;
+	border: 1px solid #1f449a;
 	padding: 0;
 }
 .window-shadow {
@@ -55,7 +55,7 @@ body {
 }
 .window.messager-window .messager-button .l-btn {
 	color: #fff;
-	background: #3ba9f6;
+	background: #1f449a;
 	background-repeat: repeat-x;
 	border: 1px solid #ddd;
 	outline: none;
@@ -328,11 +328,15 @@ body {
 	white-space: nowrap;
 }
 .layout-panel-west .left-menu .list-group-item:hover {
+	font-weight: 600;
+	color: #fff;
+	background-color: transparent;
+	background-image: linear-gradient(41deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+}
+.layout-panel-west .left-menu .list-group-item.node-selected {
 	background-color: #1f449a !important;
-	background-image: linear-gradient(41deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%)
-	color: #ffffff;
+	color: #ffffff !important;
 }
-.layout-panel-west .left-menu .list-group-item.node-selected,
 .layout-panel-west .left-menu .list-group-item.node-selected:hover {
 	background-color: #1f449a !important;
 	color: #ffffff !important;
@@ -448,7 +452,7 @@ body {
 }
 .layout-panel-center .easyui-layout-center .tabs-header .tabs li.tabs-selected a.tabs-inner {
 	/* color: rgba(0, 0, 0, 0.85); */
-	color: #3ba9f6;
+	color: #1f449a;
 	font-weight: 600;
 }
 .layout-panel-center .easyui-layout-center .tabs-header .tabs li.tabs-selected a.tabs-close {

VbdsmUI_V2.1.1/src/pc/manage/css/vber/setting.css

@@ -64,7 +64,7 @@ body {
 	font-size: 13px;
 	padding: 0px;
 	margin: 0px;
-	font-family: Helvetica, arial, freesans, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", sans-serif;
+	font-family: Helvetica, arial, freesans, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'STXihei', 'WenQuanYi Micro Hei', sans-serif;
 	-khtml-user-select: none;
 	-webkit-user-select: none;
 	-moz-user-select: none;
@@ -76,7 +76,7 @@ textarea,
 input,
 button,
 pre {
-	font-family: Helvetica, arial, freesans, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", sans-serif;
+	font-family: Helvetica, arial, freesans, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'STXihei', 'WenQuanYi Micro Hei', sans-serif;
 	-khtml-user-select: auto;
 	-webkit-user-select: auto;
 	-moz-user-select: auto;
@@ -112,7 +112,7 @@ pre {
 	color: #888;
 }
 .dropdown-menu:after {
-	content: "";
+	content: '';
 	display: inline-block;
 	border-left: 6px solid rgba(0, 0, 0, 0);
 	border-right: 6px solid rgba(0, 0, 0, 0);
@@ -122,7 +122,7 @@ pre {
 	right: 10px;
 }
 .dropdown-menu:before {
-	content: "";
+	content: '';
 	left: auto;
 	right: 12px;
 	display: inline-block;
@@ -144,7 +144,7 @@ h5,
 .h3,
 .h4,
 .h5 {
-	font-family: Helvetica, arial, freesans, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", sans-serif;
+	font-family: Helvetica, arial, freesans, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'STXihei', 'WenQuanYi Micro Hei', sans-serif;
 }
 .pl-5 {
 	padding-left: 5px;
@@ -209,8 +209,8 @@ input {
 	background: #fff;
 	outline: none;
 }
-input[type="radio"],
-input[type="checkbox"] {
+input[type='radio'],
+input[type='checkbox'] {
 	border: none;
 	background: none;
 }
@@ -269,13 +269,13 @@ input[type="checkbox"] {
 	background: none;
 }
 .topbar .content .menu-desktop:before {
-	content: "\f108";
+	content: '\f108';
 }
 .topbar .content .menu-explorer:before {
-	content: "\f0ae";
+	content: '\f0ae';
 }
 .topbar .content .menu-editor:before {
-	content: "\f044";
+	content: '\f044';
 }
 .topbar .content .top_left {
 	overflow: hidden;
@@ -398,7 +398,7 @@ input[type="checkbox"] {
 	padding: 10px;
 	padding-bottom: 0px;
 }
-.do_search .search_header input[type="checkbox"] {
+.do_search .search_header input[type='checkbox'] {
 	padding-left: 10px;
 }
 .do_search .search_header label {
@@ -642,7 +642,7 @@ input[type="checkbox"] {
 }
 .appbox {
 	font-size: 13px;
-	font-family: "微软雅黑";
+	font-family: '微软雅黑';
 }
 .appbox .appline {
 	width: 100%;
@@ -665,7 +665,7 @@ input[type="checkbox"] {
 	margin-left: -10px;
 	padding: 0 5px;
 }
-.appbox .appline input[type="text"],
+.appbox .appline input[type='text'],
 .appbox .appline textarea {
 	width: 200px;
 	padding: 2px 5px;
@@ -680,16 +680,16 @@ input[type="checkbox"] {
 	transition: all ease-in-out 0.2s;
 	height: 24px;
 }
-.appbox .appline input[type="text"]:focus,
+.appbox .appline input[type='text']:focus,
 .appbox .appline textarea:focus {
 	border-color: #75a1f0;
 	outline: none;
 	box-shadow: 0 0 12px #75a1f0;
 }
-.appbox .appline input[type="text"].w30 {
+.appbox .appline input[type='text'].w30 {
 	width: 30px;
 }
-.appbox .appline input[type="text"].w20 {
+.appbox .appline input[type='text'].w20 {
 	width: 20px;
 }
 .appbox .appline textarea {
@@ -847,7 +847,7 @@ input[type="checkbox"] {
 }
 .copyright_dialog .copyright_dialog_content .title {
 	width: 100%;
-	background: #6699cc url("../../../images/login.png");
+	background: #6699cc url('../../../images/login.png');
 	height: 150px;
 	padding-top: 0px;
 	border-top-left-radius: 3px;
@@ -938,7 +938,7 @@ input[type="checkbox"] {
 	color: #fff;
 	height: 120px;
 	border-radius: 5px 5px 0 0;
-	background: #6699cc url("../../../images/login.png");
+	background: #6699cc url('../../../images/login.png');
 }
 .share_dialog .content_box .titleinfo {
 	text-align: center;
@@ -972,7 +972,7 @@ input[type="checkbox"] {
 	padding-right: 10px;
 	text-align: right;
 }
-.share_dialog .content_box .content_info .input_line input[type="text"] {
+.share_dialog .content_box .content_info .input_line input[type='text'] {
 	border: 1px solid #ddd;
 	background: #fff;
 	outline: none;
@@ -990,7 +990,7 @@ input[type="checkbox"] {
 	height: 28px;
 	border-radius: 3px;
 }
-.share_dialog .content_box .content_info .input_line input[type="text"]:focus {
+.share_dialog .content_box .content_info .input_line input[type='text']:focus {
 	border-color: #75a1f0;
 	outline: none;
 	box-shadow: 0 0 12px #75a1f0;
@@ -1160,10 +1160,10 @@ input[type="checkbox"] {
 	margin-left: 10px;
 }
 .pathinfo .p .file_icon {
-	background: url("../../../images/file.png") 5px 4px no-repeat;
+	background: url('../../../images/file.png') 5px 4px no-repeat;
 }
 .pathinfo .p .folder_icon {
-	background: url("../../../images/folder.png") 5px 4px no-repeat;
+	background: url('../../../images/folder.png') 5px 4px no-repeat;
 }
 .pathinfo .p input.info_name {
 	padding: 2px;
@@ -1369,7 +1369,7 @@ input[type="checkbox"] {
 	height: 290px;
 	border: 1px solid #ddd;
 	overflow: auto;
-	background: url("../../../images/drop_upload.png") no-repeat center;
+	background: url('../../../images/drop_upload.png') no-repeat center;
 }
 .file_upload #downloader {
 	height: 290px;
@@ -1539,7 +1539,7 @@ a.button {
 	border-radius: 2px;
 	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
-	background: url("../../../images/buttons_40.png") 0 0px repeat-x;
+	background: url('../../../images/buttons_40.png') 0 0px repeat-x;
 	margin: 0 0 0 -6px;
 }
 a.left {
@@ -1568,7 +1568,7 @@ a.right {
 	border-left: solid 1px #ddd;
 }
 a.button:hover {
-	background: #eee url("../../../images/buttons_40.png") 0 -12px repeat-x;
+	background: #eee url('../../../images/buttons_40.png') 0 -12px repeat-x;
 	color: #333;
 	border-color: #999;
 	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
@@ -1634,7 +1634,7 @@ a.button:focus {
 	z-index: 9999;
 	text-align: center;
 	text-indent: -999em;
-	background: url("../../../images/dialog_loading.gif") no-repeat center center;
+	background: url('../../../images/dialog_loading.gif') no-repeat center center;
 }
 table.aui_border,
 table.aui_dialog {
@@ -1846,27 +1846,27 @@ body div .aui_border {
 }
 .aui_min {
 	right: 77px;
-	content: "\f068";
+	content: '\f068';
 }
 .aui_max {
 	right: 41px;
-	content: "\f065";
+	content: '\f065';
 }
 .aui_close {
 	right: 5px;
-	content: "\f00d";
+	content: '\f00d';
 }
 .aui_min:before {
-	content: "\f068";
+	content: '\f068';
 }
 .aui_max:before {
-	content: "\f065";
+	content: '\f065';
 }
 .aui_close:before {
-	content: "\f00d";
+	content: '\f00d';
 }
 .dialogMax .aui_max:before {
-	content: "\f066";
+	content: '\f066';
 }
 .aui_max,
 .aui_min {
@@ -1973,7 +1973,7 @@ body div .aui_border {
 	height: 18px;
 	right: -7px;
 	bottom: -7px;
-	background: url("../../../images/resize_corner.png") no-repeat;
+	background: url('../../../images/resize_corner.png') no-repeat;
 }
 .dialog-can-resize .resize-bottom-left {
 	cursor: sw-resize;
@@ -2153,7 +2153,7 @@ ul.setting {
 	padding: 15px 20px 20px 40px;
 	font-size: 30px;
 	margin: 0;
-	font-family: Helvetica, arial, freesans, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "STXihei", "WenQuanYi Micro Hei", sans-serif;
+	font-family: Helvetica, arial, freesans, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'STXihei', 'WenQuanYi Micro Hei', sans-serif;
 }
 #body .menu_left .setting li {
 	line-height: 2.5em;
@@ -2169,7 +2169,7 @@ ul.setting {
 	-o-transition: padding 0.2s;
 	-ms-transition: padding 0.2s;
 	transition: padding 0.2s;
-	border-left: 4px solid #3ba9f6;
+	border-left: 4px solid #1f449a;
 }
 #body .menu_left .setting li.hover {
 	background: #3399ff;
@@ -2280,7 +2280,7 @@ ul.setting {
 }
 #body .main .list.this {
 	background-color: #ddd;
-	color: #3ba9f6;
+	color: #1f449a;
 	border-color: #888;
 }
 #body .main .list.listhover {
@@ -2295,7 +2295,7 @@ ul.setting {
 	margin: 10px 0;
 	font-weight: 400;
 	font-size: 16px;
-	border-left: 5px solid #3ba9f6;
+	border-left: 5px solid #1f449a;
 }
 #body .main .content p {
 	margin-left: 5px;
@@ -2379,7 +2379,7 @@ ul.setting {
 #body .main .content li:before,
 #body .main fieldset li:before {
 	font-family: FontAwesome;
-	content: "\f006";
+	content: '\f006';
 	padding-right: 10px;
 	text-shadow: 0 0 1px;
 }
@@ -2415,7 +2415,7 @@ ul.setting {
 }
 #body .main .user select {
 	padding: 3px 5px;
-	font-family: "微软雅黑";
+	font-family: '微软雅黑';
 	color: #666;
 }
 #body .main .user .info {
@@ -2542,7 +2542,7 @@ ul.setting {
 	line-height: 32px;
 	color: #333;
 }
-#body .main .section .box_line input[type="text"] {
+#body .main .section .box_line input[type='text'] {
 	display: block;
 	float: left;
 	width: 350px;
@@ -2590,7 +2590,7 @@ ul.setting {
 #body .plugin_list td span {
 	display: none;
 }
-#body .plugin_list td input[type="text"] {
+#body .plugin_list td input[type='text'] {
 	padding: 6px;
 }
 #body .plugin_list td label {
@@ -2599,7 +2599,7 @@ ul.setting {
 	line-height: 22px;
 	padding-top: 5px;
 }
-#body .plugin_list td.url input[type="checkbox"] {
+#body .plugin_list td.url input[type='checkbox'] {
 	float: left;
 	width: inherit;
 }
@@ -2607,11 +2607,11 @@ ul.setting {
 	margin-right: 5px;
 	width: initial;
 }
-#body .plugin_list td.url input[type="text"] {
+#body .plugin_list td.url input[type='text'] {
 	width: 50% !important;
 	float: left;
 }
-#body .plugin_system td input[type="text"] {
+#body .plugin_system td input[type='text'] {
 	display: none !important;
 }
 #body .plugin_system td span {
@@ -2659,16 +2659,16 @@ ul.setting {
 	height: 30px;
 	line-height: 30px;
 }
-#body input[type="radio"] {
+#body input[type='radio'] {
 	width: auto;
 	border: none;
 }
-#body .main .section .box_line label input[type="radio"] {
+#body .main .section .box_line label input[type='radio'] {
 	width: auto;
 	border: none;
 	margin: 2px 1em;
 }
-#body .main .section .box_line label input[type="checkbox"] {
+#body .main .section .box_line label input[type='checkbox'] {
 	width: auto;
 	border: none;
 	margin: 2px 1em;
@@ -2685,7 +2685,7 @@ ul.setting {
 	background: #fcfcfc;
 	height: 30px;
 }
-#body table tr input[type="text"] {
+#body table tr input[type='text'] {
 	display: block;
 	width: 80%;
 	color: #888;
@@ -2750,7 +2750,7 @@ ul.setting {
 	font-weight: 400;
 	border-radius: 3px;
 	padding: 1px 8px;
-	background: #3ba9f6;
+	background: #1f449a;
 	color: #eee;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
@@ -2886,7 +2886,7 @@ ul.setting {
 	background-color: transparent;
 	background-repeat: no-repeat;
 	background-attachment: scroll;
-	background-image: url("../../../images/treemenu.png");
+	background-image: url('../../../images/treemenu.png');
 }
 
 .ztree li span.button.chk {
@@ -3062,7 +3062,7 @@ span.tmpzTreeMove_arrow {
 	background-repeat: no-repeat;
 	background-attachment: scroll;
 	background-position: -110px -80px;
-	background-image: url("../../../images/treemenu.png");
+	background-image: url('../../../images/treemenu.png');
 	/* background-image: url("../../../images/treemenu.png"); */
 }
 
@@ -3104,7 +3104,7 @@ li.app_item.selected {
 /**复写系统设置页面样式**/
 #body .setting_menu {
 	/*min-width: 170px;*/
-	background: #3ba9f6;
+	background: #1f449a;
 }
 #body .setting_menu .setting li {
 	line-height: 2.5em;

VbdsmUI_V2.1.1/src/pc/passport/vbdsm.com/css/login.css

@@ -2,7 +2,7 @@
 	width: 100vw;
 	height: 100vh;
 	overflow: hidden;
-	background: #3ba9f6 url("../images/login-bg.png") no-repeat center;
+	background: #1f449a url('../images/login-bg.png') no-repeat center;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
@@ -11,7 +11,7 @@
 
 .login-body:before {
 	z-index: 0;
-	content: "";
+	content: '';
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -53,7 +53,7 @@
 	color: #3c3c3c;
 	overflow: hidden;
 	padding: 0px 5px 1px 15px;
-	border-bottom: 4px solid #3ba9f6;
+	border-bottom: 4px solid #1f449a;
 }
 
 .login-body .login-subtitle {
@@ -62,7 +62,7 @@
 	font-size: 24px;
 	font-weight: bolder;
 	letter-spacing: 2px;
-	color: #3ba9f6;
+	color: #1f449a;
 	text-align: center;
 }
 
@@ -129,13 +129,13 @@
 	padding-top: 0;
 }
 
-.login-body .checkbox input[type="checkbox"] {
+.login-body .checkbox input[type='checkbox'] {
 	margin-top: 6px;
 }
 
 .login-body .form-control:focus {
-	border-color: #3ba9f6;
-	color: #3ba9f6;
+	border-color: #1f449a;
+	color: #1f449a;
 }
 
 .login-body .login-btn {
@@ -143,9 +143,9 @@
 	margin-top: 15px;
 	padding: 8px 0;
 	font-size: 18px;
-	background-color: #3ba9f6;
-	border-color: #3ba9f6;
-	background-image: linear-gradient(to bottom, #3ba9f6 0, #3cabf8 50%, #3ba9f6 100%);
+	background-color: #1f449a;
+	border-color: #1f449a;
+	background-image: linear-gradient(to bottom, #1f449a 0, #3cabf8 50%, #1f449a 100%);
 }
 
 .login-body .login-btn:hover,

VbdsmUI_V2.1.1/src/static/js/lib/easyui/themes/vber/easyui.css

@@ -22,7 +22,7 @@ html {
 	position: relative;
 }
 .panel-title {
-	background: url("images/blank.gif") no-repeat;
+	background: url('images/blank.gif') no-repeat;
 }
 .panel-header-noborder {
 	border-width: 0 0 1px 0;
@@ -92,25 +92,25 @@ html {
 	overflow: hidden;
 }
 .panel-loading {
-	background: url("images/loading.gif") no-repeat 10px 10px;
+	background: url('images/loading.gif') no-repeat 10px 10px;
 }
 .panel-tool-close {
-	background: url("images/panel_tools.png") no-repeat -16px 0px;
+	background: url('images/panel_tools.png') no-repeat -16px 0px;
 }
 .panel-tool-min {
-	background: url("images/panel_tools.png") no-repeat 0px 0px;
+	background: url('images/panel_tools.png') no-repeat 0px 0px;
 }
 .panel-tool-max {
-	background: url("images/panel_tools.png") no-repeat 0px -16px;
+	background: url('images/panel_tools.png') no-repeat 0px -16px;
 }
 .panel-tool-restore {
-	background: url("images/panel_tools.png") no-repeat -16px -16px;
+	background: url('images/panel_tools.png') no-repeat -16px -16px;
 }
 .panel-tool-collapse {
-	background: url("images/panel_tools.png") no-repeat -32px 0;
+	background: url('images/panel_tools.png') no-repeat -32px 0;
 }
 .panel-tool-expand {
-	background: url("images/panel_tools.png") no-repeat -32px -16px;
+	background: url('images/panel_tools.png') no-repeat -32px -16px;
 }
 .panel-header,
 .panel-body {
@@ -161,10 +161,10 @@ html {
 	border-width: 0 0 1px;
 }
 .accordion-collapse {
-	background: url("images/accordion_arrows.png") no-repeat 0 0;
+	background: url('images/accordion_arrows.png') no-repeat 0 0;
 }
 .accordion-expand {
-	background: url("images/accordion_arrows.png") no-repeat -16px 0;
+	background: url('images/accordion_arrows.png') no-repeat -16px 0;
 }
 .accordion {
 	background: #fafafa;
@@ -442,7 +442,7 @@ html {
 }
 .l-btn {
 	color: #fff;
-	background: #3ba9f6;
+	background: #1f449a;
 	background-repeat: repeat-x;
 	border: 1px solid #ddd;
 	background-repeat: repeat-x;
@@ -603,7 +603,7 @@ html {
 	left: 0;
 	top: 0;
 	z-index: 10;
-	background: url("images/blank.gif") no-repeat;
+	background: url('images/blank.gif') no-repeat;
 }
 .l-btn-disabled .filebox-label {
 	cursor: default;
@@ -643,7 +643,7 @@ html {
 	overflow: auto;
 }
 .combo-arrow {
-	background: url("images/combo_arrow.png") no-repeat center center;
+	background: url('images/combo_arrow.png') no-repeat center center;
 }
 .combo-panel {
 	background-color: #fafafa;
@@ -656,7 +656,7 @@ html {
 	background-color: #6abcf6;
 }
 .combo-arrow-hover {
-	background-color: #3ba9f6;
+	background-color: #1f449a;
 }
 .combo .textbox-icon-disabled:hover {
 	cursor: default;
@@ -789,20 +789,20 @@ html {
 	z-index: 4;
 }
 .layout-button-up {
-	background: url("images/layout_arrows.png") no-repeat -16px -16px;
+	background: url('images/layout_arrows.png') no-repeat -16px -16px;
 }
 .layout-button-down {
-	background: url("images/layout_arrows.png") no-repeat -16px 0;
+	background: url('images/layout_arrows.png') no-repeat -16px 0;
 }
 .layout-button-left {
-	background: url("images/layout_arrows.png") no-repeat 0 0;
+	background: url('images/layout_arrows.png') no-repeat 0 0;
 }
 .layout-button-right {
-	background: url("images/layout_arrows.png") no-repeat 0 -16px;
+	background: url('images/layout_arrows.png') no-repeat 0 -16px;
 }
 .layout-split-proxy-h,
 .layout-split-proxy-v {
-	background-color: #3ba9f6;
+	background-color: #1f449a;
 }
 .layout-split-north {
 	border-bottom: 5px solid #fafafa;
@@ -1135,17 +1135,17 @@ html {
 	margin-left: -1px;
 }
 .tabs-scroller-left {
-	background: #daeef5 url("images/tabs_icons.png") no-repeat 1px center;
+	background: #daeef5 url('images/tabs_icons.png') no-repeat 1px center;
 }
 .tabs-scroller-right {
-	background: #daeef5 url("images/tabs_icons.png") no-repeat -15px center;
+	background: #daeef5 url('images/tabs_icons.png') no-repeat -15px center;
 }
 .tabs li a.tabs-close {
-	background: url("images/tabs_icons.png") no-repeat -34px center;
+	background: url('images/tabs_icons.png') no-repeat -34px center;
 }
 .tabs li a.tabs-inner {
 	opacity: 0.75;
-	background-color: #3ba9f6;
+	background-color: #1f449a;
 	color: #fff;
 }
 .tabs li a.tabs-inner:hover {
@@ -1173,7 +1173,7 @@ html {
 .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner,
 .tabs-header-left .tabs li.tabs-selected a.tabs-inner,
 .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
-	border-color: #6abcf6;
+	border-color: #ddd;
 }
 .tabs-p-tool a:hover,
 .tabs li a:hover.tabs-close,
@@ -1181,7 +1181,7 @@ html {
 	background-color: #9cc8f7;
 }
 .tabs li.tabs-selected a.tabs-inner {
-	border-bottom: 1px solid #3ba9f6;
+	border-bottom: 1px solid #1f449a;
 }
 .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner {
 	border-top: 1px solid #fafafa;
@@ -1320,7 +1320,8 @@ html {
 	height: 26px;
 }
 .datagrid-header td {
-	background: #bfeaff;
+	background: #27b484;
+	background: #acd5f2;
 	padding: 8px 6px;
 }
 .datagrid-header-rownumber,
@@ -1404,26 +1405,26 @@ html {
 .datagrid-sort .datagrid-sort-icon {
 	display: inline;
 	padding: 0 13px 0 0;
-	background: url("images/datagrid_icons.png") no-repeat -64px center;
+	background: url('images/datagrid_icons.png') no-repeat -64px center;
 }
 .datagrid-sort-desc .datagrid-sort-icon {
 	display: inline;
 	padding: 0 13px 0 0;
-	background: url("images/datagrid_icons.png") no-repeat -16px center;
+	background: url('images/datagrid_icons.png') no-repeat -16px center;
 }
 .datagrid-sort-asc .datagrid-sort-icon {
 	display: inline;
 	padding: 0 13px 0 0;
-	background: url("images/datagrid_icons.png") no-repeat 0px center;
+	background: url('images/datagrid_icons.png') no-repeat 0px center;
 }
 .datagrid-row-collapse {
-	background: url("images/datagrid_icons.png") no-repeat -48px center;
+	background: url('images/datagrid_icons.png') no-repeat -48px center;
 }
 .datagrid-row-expand {
-	background: url("images/datagrid_icons.png") no-repeat -32px center;
+	background: url('images/datagrid_icons.png') no-repeat -32px center;
 }
 .datagrid-mask-msg {
-	background: #fafafa url("images/loading.gif") no-repeat scroll 5px center;
+	background: #fafafa url('images/loading.gif') no-repeat scroll 5px center;
 }
 .datagrid-header,
 .datagrid-td-rownumber {
@@ -1433,7 +1434,7 @@ html {
 	color: #404040;
 }
 .datagrid-resize-proxy {
-	background: #3ba9f6;
+	background: #1f449a;
 }
 .datagrid-mask {
 	background: #eee;
@@ -1454,7 +1455,7 @@ html {
 .datagrid-header td,
 .datagrid-body td,
 .datagrid-footer td {
-	border-color: #ccc;
+	border-color: #666;
 }
 .datagrid-htable,
 .datagrid-btable,
@@ -1580,7 +1581,7 @@ html {
 	display: block;
 	width: 8px;
 	height: 8px;
-	content: "";
+	content: '';
 	right: 6px;
 	top: 50%;
 	margin-top: -4px;
@@ -1659,22 +1660,22 @@ html {
 	margin: 0;
 }
 .pagination-first {
-	background: url("images/pagination_icons.png") no-repeat 0 center;
+	background: url('images/pagination_icons.png') no-repeat 0 center;
 }
 .pagination-prev {
-	background: url("images/pagination_icons.png") no-repeat -16px center;
+	background: url('images/pagination_icons.png') no-repeat -16px center;
 }
 .pagination-next {
-	background: url("images/pagination_icons.png") no-repeat -32px center;
+	background: url('images/pagination_icons.png') no-repeat -32px center;
 }
 .pagination-last {
-	background: url("images/pagination_icons.png") no-repeat -48px center;
+	background: url('images/pagination_icons.png') no-repeat -48px center;
 }
 .pagination-load {
-	background: url("images/pagination_icons.png") no-repeat -64px center;
+	background: url('images/pagination_icons.png') no-repeat -64px center;
 }
 .pagination-loading {
-	background: url("images/loading.gif") no-repeat center center;
+	background: url('images/loading.gif') no-repeat center center;
 }
 .pagination-page-list,
 .pagination .pagination-num {
@@ -1738,19 +1739,19 @@ html {
 }
 .calendar-prevmonth {
 	left: 20px;
-	background: url("images/calendar_arrows.png") no-repeat -18px -2px;
+	background: url('images/calendar_arrows.png') no-repeat -18px -2px;
 }
 .calendar-nextmonth {
 	right: 20px;
-	background: url("images/calendar_arrows.png") no-repeat -34px -2px;
+	background: url('images/calendar_arrows.png') no-repeat -34px -2px;
 }
 .calendar-prevyear {
 	left: 3px;
-	background: url("images/calendar_arrows.png") no-repeat -1px -2px;
+	background: url('images/calendar_arrows.png') no-repeat -1px -2px;
 }
 .calendar-nextyear {
 	right: 3px;
-	background: url("images/calendar_arrows.png") no-repeat -49px -2px;
+	background: url('images/calendar_arrows.png') no-repeat -49px -2px;
 }
 .calendar-body {
 	position: relative;
@@ -1814,11 +1815,11 @@ html {
 }
 .calendar-menu-prev {
 	margin-right: 10px;
-	background: url("images/calendar_arrows.png") no-repeat 2px 2px;
+	background: url('images/calendar_arrows.png') no-repeat 2px 2px;
 }
 .calendar-menu-next {
 	margin-left: 10px;
-	background: url("images/calendar_arrows.png") no-repeat -45px 2px;
+	background: url('images/calendar_arrows.png') no-repeat -45px 2px;
 }
 .calendar-menu-month {
 	text-align: center;
@@ -1904,7 +1905,7 @@ html {
 	float: right;
 }
 .datebox .combo-arrow {
-	background-image: url("images/datebox_arrow.png");
+	background-image: url('images/datebox_arrow.png');
 	background-position: center center;
 }
 .datebox-button {
@@ -1986,10 +1987,10 @@ html {
 	filter: alpha(opacity=60);
 }
 .spinner-arrow-up {
-	background: url("images/spinner_arrows.png") no-repeat 1px center;
+	background: url('images/spinner_arrows.png') no-repeat 1px center;
 }
 .spinner-arrow-down {
-	background: url("images/spinner_arrows.png") no-repeat -15px center;
+	background: url('images/spinner_arrows.png') no-repeat -15px center;
 }
 .spinner {
 	border-color: #6abcf6;
@@ -2098,7 +2099,7 @@ html {
 	border-width: 0 1px 0 0;
 }
 .searchbox-button {
-	background: url("images/searchbox_button.png") no-repeat center center;
+	background: url('images/searchbox_button.png') no-repeat center center;
 }
 .searchbox {
 	border-color: #6abcf6;
@@ -2194,7 +2195,7 @@ html {
 }
 .slider-v .slider-rule span {
 	width: 5px;
-	height: "auto";
+	height: 'auto';
 	border-left: 0;
 	border-width: 1px 0 0 0;
 	border-style: solid;
@@ -2205,7 +2206,7 @@ html {
 	left: 23px;
 }
 .slider-handle {
-	background: url("images/slider_handle.png") no-repeat;
+	background: url('images/slider_handle.png') no-repeat;
 }
 .slider-inner {
 	border-color: #6abcf6;
@@ -2304,7 +2305,7 @@ html {
 	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
 }
 .menu-rightarrow {
-	background: url("images/menu_arrows.png") no-repeat -32px center;
+	background: url('images/menu_arrows.png') no-repeat -32px center;
 }
 .menu-line {
 	border-left: 1px solid #ddd;
@@ -2327,9 +2328,9 @@ html {
 	_border-color: #fafafa;
 }
 .menu-active {
-	border-color: #3ba9f6;
+	border-color: #1f449a;
 	color: #fff;
-	background: #3ba9f6;
+	background: #1f449a;
 }
 .menu-active-disabled {
 	border-color: transparent;
@@ -2422,7 +2423,7 @@ html {
 }
 .m-btn-downarrow,
 .s-btn-downarrow {
-	background: url("images/menu_arrows.png") no-repeat 0 center;
+	background: url('images/menu_arrows.png') no-repeat 0 center;
 }
 .m-btn-plain-active,
 .s-btn-plain-active {
@@ -2460,16 +2461,16 @@ html {
 	margin: 0 10px 10px 0;
 }
 .messager-error {
-	background: url("images/messager_icons.png") no-repeat scroll -64px 0;
+	background: url('images/messager_icons.png') no-repeat scroll -64px 0;
 }
 .messager-info {
-	background: url("images/messager_icons.png") no-repeat scroll 0 0;
+	background: url('images/messager_icons.png') no-repeat scroll 0 0;
 }
 .messager-question {
-	background: url("images/messager_icons.png") no-repeat scroll -32px 0;
+	background: url('images/messager_icons.png') no-repeat scroll -32px 0;
 }
 .messager-warning {
-	background: url("images/messager_icons.png") no-repeat scroll -96px 0;
+	background: url('images/messager_icons.png') no-repeat scroll -96px 0;
 }
 .messager-progress {
 	padding: 10px;
@@ -2516,65 +2517,65 @@ html {
 	overflow: hidden;
 }
 .tree-expanded {
-	background: url("images/tree_icons.png") no-repeat -18px 0px;
+	background: url('images/tree_icons.png') no-repeat -18px 0px;
 }
 .tree-expanded-hover {
-	background: url("images/tree_icons.png") no-repeat -50px 0px;
+	background: url('images/tree_icons.png') no-repeat -50px 0px;
 }
 .tree-collapsed {
-	background: url("images/tree_icons.png") no-repeat 0px 0px;
+	background: url('images/tree_icons.png') no-repeat 0px 0px;
 }
 .tree-collapsed-hover {
-	background: url("images/tree_icons.png") no-repeat -32px 0px;
+	background: url('images/tree_icons.png') no-repeat -32px 0px;
 }
 .tree-lines .tree-expanded,
 .tree-lines .tree-root-first .tree-expanded {
-	background: url("images/tree_icons.png") no-repeat -144px 0;
+	background: url('images/tree_icons.png') no-repeat -144px 0;
 }
 .tree-lines .tree-collapsed,
 .tree-lines .tree-root-first .tree-collapsed {
-	background: url("images/tree_icons.png") no-repeat -128px 0;
+	background: url('images/tree_icons.png') no-repeat -128px 0;
 }
 .tree-lines .tree-node-last .tree-expanded,
 .tree-lines .tree-root-one .tree-expanded {
-	background: url("images/tree_icons.png") no-repeat -80px 0;
+	background: url('images/tree_icons.png') no-repeat -80px 0;
 }
 .tree-lines .tree-node-last .tree-collapsed,
 .tree-lines .tree-root-one .tree-collapsed {
-	background: url("images/tree_icons.png") no-repeat -64px 0;
+	background: url('images/tree_icons.png') no-repeat -64px 0;
 }
 .tree-line {
-	background: url("images/tree_icons.png") no-repeat -176px 0;
+	background: url('images/tree_icons.png') no-repeat -176px 0;
 }
 .tree-join {
-	background: url("images/tree_icons.png") no-repeat -192px 0;
+	background: url('images/tree_icons.png') no-repeat -192px 0;
 }
 .tree-joinbottom {
-	background: url("images/tree_icons.png") no-repeat -160px 0;
+	background: url('images/tree_icons.png') no-repeat -160px 0;
 }
 .tree-folder {
 	/* background: url("images/tree_icons.png") no-repeat -208px 0; */
-	background: url("../icons/folder-fill.png") no-repeat center center;
+	background: url('../icons/folder-fill.png') no-repeat center center;
 }
 .tree-folder-open {
 	/* background: url("images/tree_icons.png") no-repeat -224px 0; */
-	background: url("../icons/folder-open-fill.png") no-repeat center center;
+	background: url('../icons/folder-open-fill.png') no-repeat center center;
 }
 .tree-file {
 	/* background: url("images/tree_icons.png") no-repeat -240px 0; */
-	background: url("../icons/folder-file.png") no-repeat center center;
+	background: url('../icons/folder-file.png') no-repeat center center;
 }
 .tree-loading {
-	background: url("images/loading.gif") no-repeat center center;
+	background: url('images/loading.gif') no-repeat center center;
 }
 .tree-checkbox0 {
-	background: url("images/tree_icons.png") no-repeat -208px -18px;
+	background: url('images/tree_icons.png') no-repeat -208px -18px;
 }
 .tree-checkbox1 {
-	background: url("images/tree_icons.png") no-repeat -224px -18px;
+	background: url('images/tree_icons.png') no-repeat -224px -18px;
 }
 .tree-checkbox2 {
-	background: url("images/tree_icons.png") no-repeat -240px -18px;
+	background: url('images/tree_icons.png') no-repeat -240px -18px;
 }
 .tree-title {
 	font-size: 12px;
@@ -2604,10 +2605,10 @@ html {
 	margin-top: -9px;
 }
 .tree-dnd-yes {
-	background: url("images/tree_icons.png") no-repeat -256px 0;
+	background: url('images/tree_icons.png') no-repeat -256px 0;
 }
 .tree-dnd-no {
-	background: url("images/tree_icons.png") no-repeat -256px -18px;
+	background: url('images/tree_icons.png') no-repeat -256px -18px;
 }
 .tree-node-top {
 	border-top: 1px dotted red;
@@ -2761,8 +2762,8 @@ html {
 	margin: 0;
 	padding: 0;
 	cursor: pointer;
-	background: #3ba9f6;
-	border: 1px solid #3ba9f6;
+	background: #1f449a;
+	border: 1px solid #1f449a;
 	-moz-border-radius: 0px 0px 0px 0px;
 	-webkit-border-radius: 0px 0px 0px 0px;
 	border-radius: 0px 0px 0px 0px;
@@ -2812,10 +2813,10 @@ html {
 	left: 50%;
 	background-color: #fafafa;
 	color: #404040;
-	border: 1px solid #3ba9f6;
-	-moz-box-shadow: 0 0 3px 0 #3ba9f6;
-	-webkit-box-shadow: 0 0 3px 0 #3ba9f6;
-	box-shadow: 0 0 3px 0 #3ba9f6;
+	border: 1px solid #1f449a;
+	-moz-box-shadow: 0 0 3px 0 #1f449a;
+	-webkit-box-shadow: 0 0 3px 0 #1f449a;
+	box-shadow: 0 0 3px 0 #1f449a;
 }
 .switchbutton-value {
 	position: absolute;
@@ -2843,5 +2844,42 @@ html {
 	color: #fff;
 }
 .window {
-	background-color: #3ba9f6;
+	background-color: #1f449a;
+}
+
+.panel-body-noborder {
+	background-color: #f5f5f5;
+}
+.tree .tree-node {
+	padding: 0px 10px;
+	height: 28px;
+	display: flex;
+	align-items: center;
+}
+
+.tree .tree-expanded {
+	background: url(../icons/folder-open-fill.png) no-repeat !important;
+}
+
+.tree .tree-collapsed {
+	background: url(../icons/folder-fill.png) no-repeat !important;
+}
+
+.tree .icon-ip,
+.tree .icon-ip2 {
+	background: url(../icons/shebei.png) no-repeat;
+}
+.tree .icon-home,
+.tree .tree-joinbottom,
+.tree .tree-join {
+	display: none;
+}
+.tree .tree-node:hover {
+	color: #1f449a;
+	font-weight: bold;
+}
+.tree .tree-node-selected,
+.tree .tree-node.tree-node-selected:hover {
+	color: #eee;
+	background-color: #1f449a;
 }