/* 1 define color */ /*white*/ @color-white: #FFFFF; /*gray*/ @color-gray-79: #797979; @color-gray-cd: #CDCDCD; @color-gray-99: #999999; /*gray*/ @color-light-gray: #F2F2F2; @color-light-gray-f2: #F2F2F2; /*gray tr even background-color*/ @color-light-gray-f3: #F3F3F3; /*gray*/ @color-light-gray-e4: #E4E4E4; @color-light-gray-d4: #D4D4D4; @color-light-gray-d9: #D9D9D9; @color-graya9: #A9A9A9; @color-gray88: #888888; @color-light-gray-91: #919191; /*orange:business-unit tr selected*/ @color-light-orange: #FED5A9; @color-tr-selected-background: #FED5A9; /* org view ui color deep*/ @color-orange: #FDB37F; @color-purple: #CE97D7; @color-pink: #FEBDD3; @color-gray-a3: #A3A3A3; /* org view ui color light*/ @color-orange0: #FEDEBB; @color-purple0: #F3DEF0; @color-pink0: #FDE3F7; @color-orange1: #E69E77; @color-orange2: #F29400; @color-orange3: #e64400; @color-orange4: #F74C34; @color-orange5: #DC6A1A; @color-purple1: #D09BD8; @color-green1: #B0DC56; @color-green-ext2: #CFD7AA; @color-rose-red: #D67C75; @color-error: #a94442; @color-blue-ext0: #B7B7DB; @color-black-ext0: #282828; /* 红色系列 */ @color-red-ext0: #D04A02; @color-red-ext1: #DB6942; /* 橙色系列 PWC标准色 */ @color-orange-primary: #eb8c00; @color-orange-deep: #dc6900; @role-color1: #E08656; @role-color2: #B54D34; @disable-font-color: #333333; //add highlight color when perform some important action, like delete .highlight-tag { color: #ed6e3c !important; } .no-permission { cursor: not-allowed; color: @disable-font-color; a { cursor: not-allowed; color: @disable-font-color; text-decoration: none; } } .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } @color-dxtreeview-item-selected:#f16100; /*dx 控件颜色设置*/ .dx-treeview .dx-treeview-node:not(dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item { background-color: @color-dxtreeview-item-selected !important; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item { background-color: @color-dxtreeview-item-selected !important; color:#fff; } /**********************************************************admin button end**********************************************************/ .btn-common() { padding: 0 10px; height: 34px; /*font-family: 'Arial';*/ font-weight: 400; border-radius: 5px; font-style: normal; outline: none; border: none; min-width: 100px; } .btn-tesla-primary { .btn-common; height: 28px; background-color: #B4122A; color: #FFF; } .btn-tesla-defaut { .btn-default; background-color: #F3F3F3; border-color: #D9D9D9; color: #666666; height: 28px; font-size: 13px; } .btn-tesla-confirm { .btn-common; background-color: #B4122A; color: #FFF; } .btn-tesla-cancel { .btn-default; background-color: #797979; color: white; } .btn-export { .btn-common; background-color: #EB8C00; color: #FFF; height: 34px; min-width: 100px; &:hover, &:active, &:focus { background-color: #dc6900; color: #FFF; } } .btn-primary { .btn-common; background-color: #D04A02; color: #FFF; &:hover, &:active, &:focus { background-color: #dc6900; color: #FFF; } } .btn-secondary { .btn-common; background-color: #EB8C00; color: #FFF; &:hover, &:active, &:focus { background-color: #dc6900; color: #FFF; } } .btn-third { .btn-common; background-color: #797979; color: #FFF; &:hover, &:active, &:focus { background-color: #dc6900; color: #FFF; } } .btn-not-important { .btn-common; background-color: #FFF; color: #333; border: 1px solid #949494; line-height: 36px; &:hover, &:active, &:focus { background-color: #797979; color: #FFF; line-height: 36px; } i { font-size: 18px; vertical-align: middle; } } .btn-default { padding: 0 10px; height: 36px; font-family: 'Arial'; font-weight: 400; border-radius: 5px; font-style: normal; min-width: 100px; } .btn-in-grid { font-family: 'Microsoft YaHei'; font-style: normal; font-size: 14px; color: #333; font-weight: 400; text-decoration: none; border: 1px solid transparent; border-radius: 5px; height: 36px; padding: 0 10px; text-align: center; line-height: 36px; background-color: #FFF; min-width: 100px; i { font-size: 18px; vertical-align: text-bottom; } &:hover, &:active, &:focus { border: 1px solid #949494; } } .btn-in-panel-big { height: 36px; width: 100%; padding: 0 10px; background-color: #797979; border-radius: 5px; color: #FFF; outline: none; &:hover, &:active, &:focus { background-color: #dc6900; color: #FFF; } } .btn-in-panel-middle { height: 36px; min-width: 100px; padding: 0 10px; background-color: #D7D7D7; border: 1px solid #949494; border-radius: 5px; color: #333; outline: none; i { font-size: 18px; vertical-align: middle; } &:hover, &:active, &:focus { background-color: #D7D7D7; color: #FFF; } } /**********************************************************admin button end**********************************************************/ /***********************************************************vat button start**********************************************************/ .btn-vat-common() { padding: 0 10px; height: 30px; font-weight: 400; border-radius: 5px; font-style: normal; outline: none; border: none; min-width: 100px; } .btn-vat-primary { .btn-vat-common; background-color: #E0301E; color: #FFF; &:hover, &:active, &:focus { background-color: #F91000; color: #FFF; } } .btn-vat-secondary { .btn-vat-common; background-color: #EB8C00; color: #FFF; &:hover, &:active, &:focus { background-color: #F91000; color: #FFF; } } .btn-vat-third { .btn-vat-common; background-color: #797979; color: #FFF; &:hover, &:active, &:focus { background-color: #F91000; color: #FFF; } } .btn-vat-fourth { .btn-vat-common; /*background-color: #FFF;*/ background-color: #D7D7D7; color: #FFF; &:hover, &:active, &:focus { background-color: #F91000; color: #FFF; } } .btn-vat-not-important { .btn-vat-common; background-color: #FFF; color: #333; border: 1px solid #949494; &:hover, &:active, &:focus { background-color: #797979; color: #FFF; } i { font-size: 18px; vertical-align: middle; } } .btn-vat-important { .btn-vat-common; background-color: #A32020; color: #FFF; &:hover, &:active, &:focus { background-color: #CB2020; color: #FFF; } } .tesla-confirm { .btn-primary { background-color: #B4122A !important; } .btn-default { background-color: #797979; color: white; } } /***********************************************************vat button end**********************************************************/ .custom-tree-wrapper { display: inline-block; position: relative; .scoreDropDownBtn { width: 250px; border-radius: 5px; } .dropdown-toggle { background-color: #FFF; border-radius: 5px; } .dropdown-toggle .caret { width: 10px; height: 10px; border: none; margin-top: -2px !important; } .dropdown-toggle .caret:before { content: url(../../../../app-resources/images/ie11Trigangle.png); margin-left: -12px !important; margin-right: 1px; } //Target Chrome @media screen and (-webkit-min-device-pixel-ratio:0) { .dropdown-toggle .caret { width: 10px; height: 10px; border: none; margin-top: 0px; margin-right: -10px; } .dropdown-toggle .caret:before { content: url(../../../../app-resources/images/chromeTriangle.png); margin-left: 3px; } } .dropdown { position: initial; } .expander { line-height: 25px; } .dropdown-menu { color: #333; width: 250px; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; max-height: 200px; } .select-dropdown-icon { -webkit-appearance: menulist; -webkit-rtl-ordering: logical; } .angular-ui-tree-handle { width: 90%; height: 25px; line-height: 25px; margin-bottom: 0px; padding: 0 10px; &:hover { width: 90%; background-color: #F16100; border-radius: 4px; height: 25px; line-height: 25px; color: #FFF; padding: 0 10px; } } } .pagination-container { text-align: right; margin-right: 20px; .common-pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; color: #ccc; a { display: inline-block; color: #0D0D0D; display: inline-block; height: 36px; padding: 6px 12px; border: 1px solid #ddd; vertical-align: middle; padding: 6px 12px; text-decoration: none; border-radius: 4px; } span { &.current { display: inline-block; height: 36px; padding: 6px 12px; color: #0D0D0D; background-color: #CCCCCC; border: 1px solid #ddd; vertical-align: middle; text-decoration: none; border-radius: 4px; } &.disabled { display: inline-block; height: 36px; line-height: 36px; padding: 0 12px; color: #bfbfbf; background: #f2f2f2; border: 1px solid #bfbfbf; border-radius: 4px; vertical-align: middle; } } .tcdPageCode-ellipsis { display: inline-block; width: 24px; text-align: center; } } .common-page-size { border: 0px; color: #868686; display: inline-block; text-align: left; padding-right: 10px; } } /**********SCROLLING TABLE*/ .cust-table-cont { width: 100%; overflow-x: auto; overflow-y: hidden; height: 100%; .table-responsive { width: 1317px; } } .cust-table { table-layout: fixed; margin-bottom: 20px; border: 1px solid #DDD; height: 100%; thead { display: block; color: #000; background-color: #FDFDFD; tr { th { min-width: 120px; max-width: 120px; width: 120px; height: 40px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; &:first-child { width: 30px; min-width: 30px; text-align: center; } } &:last-child { th { background-color: #FDFDFD; font-weight: normal; text-align: center; .select-button { background-color: #FDFDFD !important; } } } } } tbody { display: block; overflow-y: auto; overflow-x: hidden; height: calc(~"100% - 80px"); tr { td { width: 120px; min-width: 120px; max-width: 120px; overflow-x: hidden; height: 40px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; &:first-child { width: 30px; min-width: 30px; text-align: center; } } } } .row-odd { background-color: #F9F9F8; } .row-even { background-color: #FFFFFF; } } /**********SCROLLING TABLE*/ .dropdown-table() { display: inline-block; width: 100%; .select-button { background-color: #FDFDFD; padding: 6px 0; width: 99%; } .caret { margin-top: 8px; } .dropdown-menu { min-width: 99%; li { padding: 5px; text-align: center; min-height: 0px; &:hover { background-color: #F91000; color: #FFF; } } } i { float: right; margin-right: 10px; color: #F85550; } } .import-table-cont { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding-top: 80px; overflow-y: hidden; overflow-x: auto; .table-responsive { width: 1317px; } .import-table { table-layout: fixed; display: inline-block; min-width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; table-layout: fixed; border: 1px solid #DDD; /*border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; border-collapse: collapse;*/ thead { position: absolute; min-width: 100%; top: 0; left: 0; color: #000; background-color: #FDFDFD; table-layout: fixed; border-top: 1px solid #DDD; border-right: 1px solid #DDD; tr { display: table; max-height: 40px; min-width: calc(~"100% - 17px"); border-left: 1px solid #DDD; th { display: table-cell; width: 120px; min-width: 120px; max-width: 120px; height: 40px; padding: 0 3px; /*border-right: 1px solid #DDD;*/ border-bottom: 1px solid #DDD; &:first-child { width: 30px; min-width: 30px; text-align: center; } .dropdown { .dropdown-table(); } } &:first-child { border-top: 1px solid #DDD; th { font-weight: bold !important; } } &:last-child { th { font-weight: normal; .select-button { background-color: #FDFDFD !important; } } } } } tbody { display: inline-block; min-width: 100%; table-layout: fixed; tr { display: table; max-height: 40px; min-width: 100%; td { display: table-cell; min-width: 120px; max-width: 120px; width: 120px; height: 40px; padding: 0 3px; /*border-right: 1px solid #DDD;*/ border-bottom: 1px solid #DDD; word-break: break-all; &:first-child { width: 30px; min-width: 30px; text-align: center; } } } } .row-odd { background-color: #F9F9F8; } .row-even { background-color: #FFFFFF; } } } @light-gray: #ccc; @light-orange: #dc6900; .app-summary-page { height: 100%; .geo-info { .overview-picker { /*float: right;*/ margin-left:80%; width: 150px; height: 32px; border: 1px solid #c7c5c0; display: inline-block; .red-color { color: #e0301e; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } .amount-total { font-size: 20px; font-weight: bold; text-align: center; } .amount-num { .amount-total; color: #dc6900; margin: 40px 0 40px 0px; } .red-split { border: 2px solid red; width: 100%; } .top-detail { margin: 40px 0 0 20px; tbody { .top-detail-tr { height: 40px; .top-detail-td { width: 180px; font-weight: bold; text-align: center; } } } } .panel-content { padding: 40px 20px 5px 30px; .left-component { display: inline-block; width: 30%; vertical-align: top; .gallery-panel { border: 1px solid #ddd; display: inline-block; } } .right-component { margin-left: 40px; width: 60%; display: inline-block; font-weight: bold; vertical-align: top; .special-row { border-bottom-style: dotted; border-bottom-color: #bbc; .common { height: 25px; margin-top: 10px; > div { margin: 0 40px; width: 120px; text-align: center; display: inline-block; } } .month { .common; color: @light-orange; } .number { .common; color: @light-gray; } } .total-line { border-bottom-style: solid; border-bottom-color: #bbc; text-align: right; margin-top: 40px; } } } } .title { font-size: 20px; margin-bottom: 20px; } .row { margin: 0; } .border-right { border-right: 1px solid #ccc; } .chart-row { height: 320px; .progress-bar { background-color: #a32020; } } .base-icon { width: 25px; height: 20px; border: 1px solid #a32020; content: 'CIT'; margin-right: 20px; font-size: 10px; padding: 2px; text-align: center; display: inline-block; vertical-align: middle; } .task-row { margin: 20px 15px; } } @import "app-resources/css/admin-theme.less"; .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flex-wrap-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .flex-basis-p0 { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .flex-basis-p100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .flex-0-0-auto { flex: 0 0 auto; } .flex-0-1-auto { flex: 0 1 auto; } .flex-1-0-auto { flex: 1 0 auto; } .flex-1-1-auto { flex: 1 1 auto; } .justify-content-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-row-start-center { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-flex-start; .align-items-center; } .flex-row-start-stretch { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-flex-start; .align-items-stretch; } .flex-row-center-center { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-center; .align-items-center; } .flex-row-center-stretch { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-center; .align-items-stretch; } .flex-row-end-center { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-flex-end; .align-items-center; } .flex-row-end-stretch { .display-flex; .flex-wrap-nowrap; .flex-direction-row; .justify-content-flex-end; .align-items-stretch; } .flex-column-start-center { .display-flex; .flex-wrap-nowrap; .flex-direction-column; .justify-content-flex-start; .align-items-center; } .flex-column-start-start { .display-flex; .flex-wrap-nowrap; .flex-direction-column; .justify-content-flex-start; .align-items-start; } .flex-column-start-stretch { .display-flex; .flex-wrap-nowrap; .flex-direction-column; .justify-content-flex-start; .align-items-stretch; } .dx-datagrid-empty-rows-view { min-height: 100px; } .dx-datagrid-1em-min-height { min-height: 1em; } .is-number { font-family: Arial, 'Times New Roman', SimHei, serif; } .wrapper { width: 100%; } @media (max-width: 768px) { .navbar-fixed-top { position: relative; } .sidebar-toggler { display: none; } } .main-content { .modal-footer { text-align: left; height: 80px; line-height: 80px; padding: 0; } .modal-body label { font-weight: normal; } .modal-header { text-align: left; height: 60px; line-height: 60px; } } .navbar-header { float: none; } .navbar-top-links { margin-right: 0; li { display: inline-block; :last-child { margin-right: 15px; } a { padding: 15px; min-height: 50px; } } .dropdown-menu { li { display: block; } li:last-child { margin-right: 0; } li a { padding: 3px 20px; min-height: 0; div { white-space: normal; } } } .dropdown-messages, .dropdown-tasks, .dropdown-alerts { width: 310px; min-width: 0; } .dropdown-messages { margin-left: 5px; } .dropdown-tasks { margin-left: -59px; } .dropdown-alerts { margin-left: -123px; } .dropdown-user { right: 0; left: auto; } } /* * Side menu toggler */ .menu-toggler { display: block; float: left; .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } } /* * Sidebar */ #sidebar-area .nav > li.active { background-color: rgba(238, 238, 238, 0.38) !important; } .sidebar a { /* color: #CACACA; */ z-index: 1000; } .sidebar .nav-second-level, .sidebar .nav-second-level .nav-third-level { /*background-color: #f8f8f8;*/ } /* * Sidebar-closed */ @media (min-width: 768px) { body.sidebar-closed .wrapper .sidebar { width: 45px; } body.sidebar-closed .wrapper #sidebar li.sidebar-search:hover .custom-search-form { display: table; } body.sidebar-closed .wrapper #sidebar li.sidebar-search:hover .search-icon { display: none; } body.sidebar-closed .wrapper #sidebar .sidebar-search .custom-search-form { display: none; } body.sidebar-closed .wrapper #sidebar .sidebar-search .search-icon { display: table; padding-top: 8px; } } @media (min-width: 768px) { .sidebar { z-index: 1; width: 250px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .nav > li > a { color: white !important; height: 55px; } .login-user { /*background-image:url(../../app-resources/images/login-user.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:100% 100%;*/ /*background-color: #ff4d00;*/ height: 146px; padding-top: 2px; } .sidebar-closed .login-user { /*background-image:url(../../app-resources/images/login-user-copy.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:100% 100%;*/ /*background-color: #ff4d00;*/ height: 146px; } .sidebar-nav { font-family: 'Microsoft YaHei Regular', 'Microsoft YaHei', serif; font-weight: 400; font-style: normal; font-size: 15px; color: #FFFFFF; text-align: left; } .sidebar-nav .login-user-below { /*background: linear-gradient(to bottom, #ff4d00, #e91e1e);*/ min-height: 594px; /*background-image:url(../../app-resources/images/login-user-below.png); background-repeat:no-repeat; -moz-background-size:100% 100%; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; background-size:255px 100%; */ .ps-scrollbar-y-rail { z-index: 9999; background-color: transparent !important; .ps-scrollbar-y { background-color: #ffffff !important; } } } .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } .sidebar .sidebar-search { padding: 15px; } .sidebar .arrow { float: right; } .sidebar .fa.arrow:before { content: "\f105"; } .sidebar .active > a > .fa.arrow:before { content: "\f107"; } .sidebar a .fa.active-arrow:before { content: "\f107"; } .sidebar .nav-third-level li a { padding-left: 52px; } @media (min-width: 768px) { .sidebar { z-index: 1; width: 250px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .chat { margin: 0; padding: 0; list-style: none; li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; .chat-body p { margin: 0; } } li.left .chat-body { margin-left: 60px; } li.right .chat-body { margin-right: 60px; } } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } .dataTables_wrapper { position: relative; clear: both; } table.dataTable thead { .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled { background: 0 0; } .sorting_asc:after { content: "\f0de"; float: right; font-family: "fontawesome", serif; } .sorting_desc:after { content: "\f0dd"; float: right; font-family: "fontawesome", serif; } .sorting:after { content: "\f0dc"; float: right; font-family: "fontawesome", serif; color: rgba(50, 50, 50, .5); } } .show-grid { margin: 15px 0; [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #efe9e9 !important; } } .huge { font-size: 40px; } .panel-green { border-color: #5cb85c; .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } a { color: #5cb85c; :hover { color: #3d8b3d; } } } .panel-red { border-color: #d9534f; .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } a { color: #d9534f; :hover { color: #b52b27; } } } .panel-yellow { border-color: #f0ad4e; .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } a { color: #f0ad4e; :hover { color: #df8a13; } } } footer.main-footer { padding: 10px 0 10px 10px; height: 50px; border-top: 1px solid #dddddd; font-size: 12px; margin-left: -30px; margin-right: -30px; margin-top: 0; background-color: #f5f4f0; display: block; } footer.main-footer { .footer-text { display: inline-block; margin-top: 7px; float: left; } .go-up { float: right; margin-top: 0; margin-right: 30px; display: none; /* need height judgement feature*/ } } .text-bold { font-weight: 600 !important; } .chart { height: 220px; } /* 统一样式 */ html, body, .admin-wrapper { height: 100%; padding: 0; margin: 0; } @bgcolor-common: @color-light-gray; @border-color: @color-light-gray-e4; @container-ml: 10px; @container-mr: 10px; @container-mt: 5px; @container-mb: 15px; @header-height: 60px; .admin-wrapper { .navbar-default { background-color: transparent; border-color: transparent !important; } .navbar { height: 100%; position: fixed; top: 0; left: 0; .sidebar { height: 100%; .nav-left { width: 250px; height: 60px; background-color: #D04A02 !important; } .sidebar-nav, .sidebar-nav .login-user-below { height: 100%; } } } .page-wrapper { margin-left: 250px; background-color: white; height: 100%; //母版页的容器 .main-content { height: 100%; //.main-content 下有唯一的根标签 > * { height: 100%; /*background-color: @bgcolor-common;*/ //每页的导航头 .menu-header { background-color: white; height: @header-height; //左侧标题 .menu-title { width: 200px; height: 40px; padding: 18px 0 0 30px; font-size: medium; display: inline-block; float: left; } .menu-dropdown-title { width: 200px; height: 40px; padding: 18px 0 0 30px; font-size: medium; display: inline-block; float: left; } .menu-dropdown { display: inline-block; margin-top: 13px; .dropdown .btn-default { width: 150px; border-radius: 27px; height: 33px; background-color: @color-orange-deep; color: white; &:hover { background-color: @color-orange-primary; } } } //右侧日志图标 .menu-log { padding-left: 20px; padding-top: 10px; display: inline-block; float: right; margin-right: 15px; } } //下面内容容器 .content-container { height: calc(~"100% - (@{header-height} + @{container-mt} + @{container-mb})"); margin-left: @container-ml; margin-right: @container-mr; margin-top: @container-mt; margin-bottom: @container-mb; } } } } .page-sidebar-minified { margin-left: 70px; } } .hyper-link { cursor: pointer; color: #6699cc; } .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child { border-right: none; } .ui-grid-contents-wrapper { .cell-text-align-center { text-align: center; } .cell-text-align-left { text-align: left; } .ui-grid-header-canvas { background-color: white; } .ui-grid-render-container { .ui-grid-header-cell { color: #333; background-color: #FFF; border: none; } .ui-grid-row { line-height: 55px; &:nth-child(odd) { .ui-grid-cell { border-right-width: 0; background-color: #FFF; } } &:nth-child(even) { .ui-grid-cell { border-right-width: 0; background-color: #F7F7F5; } } &:last-child { .ui-grid-cell { border-bottom-width: 1px; } } &.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell { background-color: #fed5a9 !important; } &:nth-child(odd):hover .ui-grid-cell { background: #F5F5F5; } &:nth-child(even):hover .ui-grid-cell { background: #F5F5F5; } } .ui-grid-cell-contents { padding: 12px 0 12px 12px; .ui-grid-header-cell-label { font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei'; font-weight: 700; font-style: normal; font-size: 14px; } .ui-grid-selection-row-header-buttons { margin: 5px 0 0 5px; } } i { font-size: 16px; color: #a1a1a1; vertical-align: middle; } } } @import "app-resources/less/theme.less"; .wrapper, .wrapper .page-wrapper { height: 100%; } .wrapper .page-wrapper .main-contents { height: calc(~"100% - 60px"); } .ellipsis { white-space: nowrap !important; -ms-text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; overflow-x: hidden !important; } .app-overview { background-color: @color-background; position: absolute; height: 100%; min-width: 100%; .scroller { overflow-y: hidden; position: relative; height: 100%; } .ps-container > .ps-scrollbar-y-rail { width: 5px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } .app-overview-right { margin-left: 280px; width: calc(~"100% - 280px"); height: 90%; min-width: 200px; float: left; .new-right-header { width: 100%; height: 140px; padding-right: 50px; .head-row { padding-left: 20px; width: 100%; height: 40px; margin: 10px 0 10px 0; display: inline-block; .total-projects { font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 700; font-style: normal; line-height: 40px; font-size: 22px; color: #333; display: inline-block; } .overview-picker { float: right; width: 150px; height: 32px; border: 1px solid #c7c5c0; display: inline-block; .red-color { color: @color-light-red; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } } .project-staus { width: 100%; height: 40px; padding-left: 20px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 600; font-style: normal; line-height: 20px; font-size: 14px; color: #333; /*display: inline-block;*/ .num-style { height: 20px; width: 40px; background-color: #dcc7c7; border-radius: 50px; text-align: center; display: inline-block; } .result-style { height: 40px; font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei"; font-weight: 600; font-style: normal; line-height: 40px; font-size: 18px; color: #333; } } .task-list { padding-left: 20px; width: 100%; padding-right: 50px; border-bottom: 1px solid #dbd8d3; .taskMsg { font-weight: 500; font-style: normal; line-height: 40px; font-size: 20px; } } } .new-right-body { width: 100%; height: calc(~"100% - 200px"); .scroller { overflow-y: hidden; position: relative; height: 100%; } .ps-container > .ps-scrollbar-y-rail { width: 5px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } .right-header { width: 100%; height: 60px; line-height: 60px; vertical-align: middle; font-size: 18px; padding-right: 50px; >span:first-child { margin-left: 20px; } .overview-picker { float: right; width: 150px; height: 40px; border: 1px solid #c7c5c0; display: inline-block; line-height: 40px; margin-top: 11px; .red-color { color: @color-light-red; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } .button-sort { display: inline-block; float: right; .btn-default { height: 40px; font-family: 'Arial'; font-weight: 400; /*border-radius: 0px;*/ font-style: normal; min-width: 100px; border-radius: 0px; } .dropdown-menu { position: absolute; top: 190px; right: 121px; left: inherit; min-width: 150px; line-height: 30px; } li:hover { background-color: #D7D7D7; } } .span-common { float: right; border: @thin-border solid @color-border; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; margin-top: 10px; text-transform: none; text-decoration: none; outline: none; margin-top: 11px; } .active { .span-common; color: @color-red; } .inactive { .span-common; color: @color-gray; } } .cardViewWrapper { height: calc(~"100% - 200px"); /*overflow-y: auto;*/ .cardview { float: left; margin-top: 20px; margin-left: 20px; margin-right: 30px; background-color: @color-background; width: 320px; height: 180px; border: @thin-border solid @color-border; border-color:#E4E4E4; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; .cardview-header { height: 40px; line-height: 40px; vertical-align: middle; margin-top: 10px; margin-left: 24px; /*border-bottom: @thin-border solid @color-border;*/ .org-name { font-weight: bold; font-size: 16px; color: #666666; font-family: 'Microsoft YaHei'; padding-top: 30px; } span { margin-left: 10px; } span:last-child { float:right; } i { font-weight: bold; font-size: 15px; } .vatColor { color: @color-pink; } .tpColor { color: @color-red; } .citColor { color: @color-yellow; } } .cardview-body { height: 100px; .body-top-caption { text-align: left; margin-left: 10px; margin-left: 24px; span { padding-top: 3px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; background-color: #f3f3f3; outline: #D9D9D9; height: 24px; font-size: 12px; color: #666666; font-family: 'Microsoft YaHei'; /*background-color:#BDBDBD; color:black; font-size:11px; padding:3px;*/ } } .body-icon { display: inline-block; width: 100px; height: 100%; text-align: center; margin-top: 10px; margin-left: 16px; .service-icon { font-size: 40px; line-height: 100px; } } .body-name { display: inline-block; vertical-align: top; height: 100%; margin-top: 20px; margin-top: 20px; margin-left: 20px; .org-name { outline: #D9D9D9; height: 24px; font-size: 12px; color: #666666; font-family: 'Microsoft YaHei'; } .industry-name { font-size: 12px; padding-top: 10px; } } a { text-decoration: none; text-align: center; cursor: pointer; } } .cardview-footer { height: 20px; font-size: 12px; line-height: 20px; .start-icon { margin-left: 5px; font-size: 20px; cursor: pointer; } span { margin-left: 30px; font-size: 14px; } /*span:last-child { float: right; margin-right: 20px; }*/ .lightColor { color: @color-gray; } } } } .listView { /*height: calc(~"100% - 200px") !important;*/ height: 101%; margin-left: 20px; margin-right: 50px; background-color: @color-background; border: 1px solid #c7c5c0; .project-manage-grid-operation { display: inline-block; a { margin: 0 10px 0 0; padding: 5px 10px 5px 8px; border: 1px solid transparent; border-radius: 20px 20px; color: #333; &:hover { border: 1px solid #dc6900; text-decoration: none; } &:visited { text-decoration: none; } &:active { text-decoration: none; } &:link { text-decoration: none; } &.operate-btn { border: 0; } } i { font-size: 18px; vertical-align: middle; } >span { color: #D7D7D7; } } } .grid1499226425684 .ui-grid-render-container-body .ui-grid-viewport { height: 572px; } .dx-datagrid-rowsview .dx-row { cursor: pointer; } } } .app-overview-left { /*position: absolute; width: 280px; min-width: 200px; height: 100%; border-right: @thin-border solid @color-border; float: left;*/ position: absolute; width: 280px; min-width: 200px; height: 100%; padding-bottom: 50px; border-right: @thin-border solid @color-border; background-color: #F2F2F2; .scroller { overflow-y: hidden; position: relative; height: calc(~"100% - 70px"); } .ps-container > .ps-scrollbar-y-rail { width: 5px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } /* > ul { margin: 0px; padding: 0px; } li { list-style: none; }*/ .nav-wrapper { position: static; padding-bottom: 20px; padding-left: 20px; border-bottom: @thin-border solid @color-border; width: 100%; height: auto; overflow-x: auto; .scroller { overflow-y: hidden; position: relative; height: 100%; } .ps-container > .ps-scrollbar-y-rail { width: 5px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: 0px; } .nav-header { font-size: 16px; margin-bottom: 5px; padding-top: 20px; .rightfloat { float: right; margin-right: 20px; } } .treeview { width: 100%; height: auto; /*max-height: 400px;*/ } .radiobox, .checkbox, .year { width: 100%; height: auto; max-height: 600px; .li { float: left; width: auto; margin-top: 10px; .input { margin-left: 0; margin-right: 10px; } span { position: static; margin-right: 10px; } .active { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; vertical-align: middle; margin-right: 10px; background-color: @color-light-red; color: @color-white; /*opacity:0.5; filter:alpha(opacity=50);*/ } .inactive { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; vertical-align: middle; margin-right: 10px; border: @thin-border solid @color-orange; } } } } .group-operate-icon { margin-left: 1px; .operate-icon { display: inline-block; padding: 16px; border-right: 1px solid @color-light-gray-f3; border-top: 1px solid @color-light-gray-f3; border-bottom: 1px solid @color-light-gray-f3; vertical-align: middle; background-color: white; cursor: pointer; i { font-size: 21px; vertical-align: middle; color: @color-light-gray-d9; } &.active { i { color: black; } } &:hover { background-color: #fbf8f5; } } .left-first { border-left: 1px solid @color-light-gray-f3; } } .tree-menu-item { .ellipsis; width: calc(~"100% - 23px"); } .angular-ui-tree-handle { width: calc(~"100% - 23px"); } } /* Grow */ .pwc-grow { display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transition-duration: 0.3s; transition-property: transform; } .pwc-grow:hover, .pwc-grow:focus, .pwc-grow:active { transform: scale(1.1); } /* Float Shadow */ .pwc-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .pwc-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .pwc-float-shadow:hover, .pwc-float-shadow:focus, .pwc-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .pwc-float-shadow:hover:before, .pwc-float-shadow:focus:before, .pwc-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .textLabelHeader { font-size: 18px; font-weight: bold; } .margin20 { margin: 20px; } .margin10 { margin: 10px; } .marginRight10 { margin-right: 10px; } .progressNumberBadges { background-color: #e0301e; } /*搜索框*/ .search-container { /*display: inline-block;*/ height: 40px; border: 1px solid #c7c8ca; border-radius: 5px; line-height: 39px; margin-top: 12px; width: 256px; .search-input { border: none; outline: none; width: 84%; height: 30px; box-sizing: border-box; display: inline-block; padding: 0 5px 5px 10px; margin-left: 1%; } .search-icon { height: 20px; width: 15%; display: inline-block; background-color: white; border: 0px; box-sizing: border-box; padding-top: 0px; } .clearable input::-ms-clear { /* Remove IE default X */ display: inline-block; } } .addNewProduct{ .modal-dialog { width: 400px !important; margin-top: 200px } .overview-picker { //float: right; //width: 150px; height: 32px; border: 1px solid #c7c5c0; display: inline-block; .red-color { color: @color-light-red; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } } } #gridContainer2 { width:auto; height:100%; border-radius: 3px; border: 1px solid #d4d4d4; padding: 2px; } #main-notification-panel { .marginLeft3 { margin-left: 3px; } .marginBottom5 { margin-bottom: 5px; } #left-control-panel { border-width: 0px; background-color: rgba(242, 242, 242, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1); border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; .left-top-action-panel { .left-action-menu { cursor: pointer; i { margin-left: 50px; margin-top: 20px; margin-right: 20px; margin-bottom: 10px; } span { font-size: 12px; } } } .left-bottom-action-panel { .tabCat { background-color: rgba(242, 242, 242, 1); color: black; font-size: 14px; font-weight: bold; border-top: 0; border-left: 0; border-right: 0; } .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; border-top: 0; border-left: 0; border-right: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: black; border-top: 0; border-left: 0; border-right: 0; } .nav > li > a { color: black !important; height: 55px; } select::-ms-expand { width: 12px; border: none; background: #fff; } .notification-picker { float: left; width: 150px; height: 32px; border: 1px solid rgb(169, 169, 169); display: inline-block; .red-color { color: #e0301e; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } #notificationCategory { .expandableList { margin-top: 20px; margin-left: 50px; .expandableListItem { margin-top: 20px; } .active i.fa-plus-square-o { display: inline-block; } .active i.fa-minus-square-o { display: none; } .inactive i.fa-minus-square-o { display: inline-block; } .inactive i.fa-plus-square-o { display: none; } } } .line2Date { font-size: 12px; color: gray; } } } .unReadMessage { font-weight: bold; cursor: pointer; } .readMessage { cursor: pointer; color:black; } .LRmargin10 { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .panel-title:hover { cursor: pointer; } .panel-default > .panel-heading { background-color: rgba(242, 242, 242, 1); } .HighPriority { color: red; } .MidPriority { color: #ff006e; } .LowPriority { color: #ffd800; } .watermark { position: relative; top: 40%; transform: translateY(-50%); opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } /*搜索框*/ .search-container { /*display: inline-block;*/ height: 40px; border: 1px solid #c7c8ca; border-radius: 5px; line-height: 39px; margin-top: 12px; width: 256px; background-color: white; .search-input { border: none; outline: none; width: 84%; height: 30px; box-sizing: border-box; display: inline-block; padding: 0 5px 5px 10px; margin-left: 1%; } .search-icon { height: 20px; width: 15%; display: inline-block; background-color: white; border: 0px; box-sizing: border-box; padding-top: 0px; } .clearable input::-ms-clear { /* Remove IE default X */ display: inline-block; } } } .workflow-wrapper{ color:red; } #app-workflow { .main-panel-leftMargin { margin-left: 10px; margin-top: 20px; margin-right: 30px; /******************************************************************************************/ /** progress div **/ #app-workflow-ProgressChart { .table-chart { width: 96%; } .progressCell-Name { width: 150px; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tr td { border-top: 0; } .thead-inverse th { color: #fff; background-color: #a32020; } .progressCell-Step { text-align: center; } .stepHeaderButton { font-weight: bold; background-color: #EB8C00; cursor: auto; border-radius: 20px; outline: none !important; border: 0; } .stepHeaderBadge { color: #EB8C00; } .crossingTrtr { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAGklEQVQImWNgYGBgeHH8+P8Xx4//Z4ABZAEA6qwN1fD4dEIAAAAASUVORK5CYII='); background-repeat: repeat-x; background-position: 60% 50%; } /*.brandedColor { color: grey; cursor: pointer; } .brandedDoneColor { color: #eb8c00; cursor: pointer; } .rightMenu { position:absolute; float:right; top: 0; left: 30px; }*/ /** progress div **/ /******************************************************************************************/ } .marginTop5 { margin-top: 5px; } .marginTop10 { margin-top: 10px; } .marginRight20 { margin-right: 20px; } .margin20 { margin: 20px; } .textAlignV { vertical-align: middle; } .textBold { font-weight: bold; } .red-color { color: #e0301e; } } } @color-yellow:#eb8c00; @color-orange:#dc6900; @color-pink:#db536a; @color-light-red:#e0301e; @color-red:#a32020; @color-deep-red:#602320; @color-grey:#968c6d; @color-black:#3f3f40; @color-gray:#939598; @color-light-gray:#c7c8ca; /*@color-white-smoke:#e7e7e8;*/ @color-white-smoke:whitesmoke; @color-white:#FFFFFF; @color-background:@color-white; @color-selected-row:@color-gray; @color-border:@color-light-gray; @color-odd-row:@color-white; @color-even-row:@color-white-smoke; @color-a-active-color:@color-light-red; @color-a-hover-color:@color-orange; @color-light-gray-f3: #F3F3F3; @color-light-gray-d9: #D9D9D9; @font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; @font-size-small:12px; @font-size-normal:14px; @font-size-big:18px; @font-size-sub-header:24px; @font-size-header:30px; @thin-border:1px; @normal-border:2px; @thick-border:3px; .template-1-button{ } .template-2-button{ } .template-3-button{ } .template-4-button{ } .template-1-dropdown-button{ } .template-2-dropdown-button{ } .template-3-dropdown-button{ } .template-4-dropdown-button{ } .template-add-button{ } .template-edit-button{ } .template-delete-button{ } .template-add-button-noborder{ } .template-edit-button-noborder{ } .template-delete-button-noborder{ } @nav-left-color:#ffd800; .nav-left{ background-color:@nav-left-color; } .scroller { /*white-space: pre-line;*/ overflow-y: hidden; position: relative; height:100%; } .icon-delete { color: #d35412 !important; cursor: pointer; }