1、系统整体颜色风格调整

系统整体颜色风格调整,以华苑举例进行的系统风格调整。

一、全局CSS模板

.site-menubar-unfold .site-menu > .site-menu-item > a { padding: 0 12px; line-height: 39px !important; }

#SubPageLeftMenuDIV { box-shadow: none !important; }

#SubPageLeftMenuInnerDIV #跟进记录DIV { max-height: 383px !important; min-height: 383px !important; }

#ViewCustomerInfoPopupWindowDIV * { text-shadow: none !important; }

#ViewCustomerInfoPopupWindowDIV .jqx-window-header { border-color: #fff !important; background: none !important; box-shadow: none !important; }

.tabs-line-top .nav-link.active { border-top: 2px solid #004328 !important; }

#ViewCustomerInfoPopupWindowDIV .jqx-window-header div { color: #fff !important; }

#ViewCustomerInfoPopupWindowDIV .panel-title { font-size: 20px !important; margin-bottom: 15px; }

#ViewCustomerInfoPopupWindowDIV .CustomerSaleChanceID { width: 310px !important; }

#ViewCustomerInfoPopupWindowDIV .TitleRow { font-size: 14px; margin-bottom: 5px; }

#ViewCustomerInfoPopupWindowDIV .ContentRow { padding-top: 3px; padding-bottom: 3px; }

#ViewCustomerInfoPopupWindowDIV .ContentRow * { font-size: 12px; color: #999; }

#ViewCustomerInfoPopupWindowDIV .CustomerCellDataSelectorItem { border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 20px; position: relative; }

#ViewCustomerInfoPopupWindowDIV .SetTop { background-color: #ff6a00; padding: 1px 5px; font-size: 11px; color: #fff; border-radius: 5px; position: absolute; right: 15px; }

#PopupSuccessWindow * { text-shadow: none !important; }

#PopupSuccessWindow .jqx-window-header { border-color: #fff !important; background: none !important; box-shadow: none !important; }

#PopupSuccessWindow .jqx-window-header div { color: #fff !important; }

#PopupSuccessWindow .panel-title { font-size: 20px !important; margin-bottom: 15px; }

.客户联系人表通用子表 input[type='text'] { width: 80px !important; }

.PageLeftMenuTD .site-menubar { background: #004328; }

.site-menu > .site-menu-item.open { background: #004328 !important; }

#datepicker .datepicker table tr td.active.active { background-color: #004328 !important; }

.btn-outline.btn-primary { color: #004328 !important; border-color: #004328 !important; background-color: #ffffff !important; }

.site-menubar-light .site-menu > .site-menu-item.active > a,
.nav-tabs-line .nav-link.active { color: #004328 !important; }

.nav-tabs-line .nav-link.active { border-bottom: 2px solid #004328 !important; }

.nav-tabs-line.tabs-line-top .nav-link.active { border-bottom: 0px !important; }

.btn-primary { border-color: #004328 !important; background-color: #004328 !important; }

.btn-primary.WorkFlowProcessButton { color: #004328 !important; background-color: #ffffff !important; }

.navbar-brand-text { margin-left: -10px !important; }

.navbar-brand-text img { width: 100% !important; }

.navbar-brand-logo { display: none !important; }

div.default span.current { background: #004328 !important; border-color: #004328 !important; }

.site-navbar { background-color: #004328 !important; }

#WorkFlowCenterCommonTabContainer div.Focus { border-bottom: 2px solid #004328 !important; color: #004328 !important; }

.WorkFlowStepActionSPANChecked,
.SubmitWorkFlowStepSPANChecked { border: 1px solid #004328 !important; color: #004328 !important; }

#SubmitWorkFlowButton { background-color: #004328 !important; border: 1px solid #004328 !important; }

.CommonSubmitButton { background-color: #004328 !important; border: 1px solid #004328 !important; }

#UserChooserWindow .mui-segmented-control .mui-control-item.mui-active,
.mui-segmented-control .mui-control-item.mui-active { background-color: #004328 !important; }

a.dropdown-item { color: #004328 !important; }

.card .bg-blue-600 { background-color: #004328!important; }

.DataGridColumn_WorkFlowInstanceCode a:link,
.DataGridColumn_WorkFlowInstanceCode a:visited { color: #004328; }
.DataGridRowID a:link,
.DataGridRowID a:visited { color: #004328; }

.site-menubar-light .site-menu > .site-menu-item.hover > a, .site-menubar-light .site-menu > .site-menu-item:hover > a { color: #004328 !important; }

.loader-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #004328 !important; z-index: 999999; }
 

二、登录页改造模板