1650 lines
34 KiB
Plaintext
1650 lines
34 KiB
Plaintext
/*
|
|
* This file is part of the kernelstudio package.
|
|
*
|
|
* (c) 2014-2025 zlin <admin@kernelstudio.com>
|
|
*
|
|
* For the full copyright and license information, please view the LICENSE file
|
|
* that was distributed with this source code.
|
|
*/
|
|
|
|
/* 滚动条样式 */
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #071327de;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #505861;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #505861;
|
|
}
|
|
|
|
|
|
// 4.0 以上需要使用css名称作为切换主题需要如下配置
|
|
// https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually
|
|
// @custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
@config "./tailwind.ts";
|
|
@import 'tailwindcss';
|
|
|
|
.ks-page-loading-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
background: #141313a1;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 10;
|
|
}
|
|
|
|
.ks-appearance-dark .ks-page-loading-overlay {
|
|
background: #000;
|
|
}
|
|
|
|
.ks-page-loading-holder {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 0 auto;
|
|
position: fixed;
|
|
left: 49%;
|
|
top: 49%;
|
|
z-index: 20;
|
|
background: url("@/assets/icons/loading.gif");
|
|
}
|
|
|
|
.ks-page-loading-text {
|
|
margin: 0 auto;
|
|
position: fixed;
|
|
left: 49%;
|
|
top: 50%;
|
|
z-index: 20;
|
|
}
|
|
|
|
.BMap_cpyCtrl, .anchorBL {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.bg-wrapper {
|
|
color: #eee;
|
|
background-size: cover;
|
|
background: url('@/assets/images/bg.jpeg') no-repeat fixed center;
|
|
overflow: hidden;
|
|
height: 100vh;
|
|
//background: #fefefe;
|
|
|
|
.ant-layout {
|
|
.ks-layout-header {
|
|
height: 60px;
|
|
line-height: 50px;
|
|
background: #071327de;
|
|
color: #7494a9;
|
|
padding: 0;
|
|
}
|
|
|
|
.ks-layout-header-logo {
|
|
width: 340px;
|
|
background: url('@/assets/icons/header-logo.png') center / 100% 100%;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
height: 65px;
|
|
line-height: 58px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
|
|
a {
|
|
color: #6c818e;
|
|
}
|
|
}
|
|
|
|
.ks-layout-header-actions {
|
|
text-align: center;
|
|
//margin-left: -30px;
|
|
|
|
& > span {
|
|
display: block;
|
|
float: left;
|
|
height: 60px;
|
|
width: 190px;
|
|
|
|
&.top {
|
|
margin-left: -30px;
|
|
line-height: 58px;
|
|
margin-top: 3px;
|
|
background: url('@/assets/icons/action-top.png') center / 100% 100%;
|
|
|
|
&.active {
|
|
background: url('@/assets/icons/action-top-active.png') center / 100% 100%;
|
|
}
|
|
}
|
|
|
|
&.bottom {
|
|
height: 60px;
|
|
line-height: 60px;
|
|
margin-top: -2px;
|
|
margin-left: -30px;
|
|
background: url('@/assets/icons/action-bottom.png') center / 100% 100%;
|
|
|
|
&.active {
|
|
background: url('@/assets/icons/action-bottom-active.png') center / 100% 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-layout-header-right {
|
|
margin-left: auto;
|
|
margin-right: 15px;
|
|
line-height: 60px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.ks-layout-body {
|
|
background: transparent;
|
|
//height: calc(100vh - 60px);
|
|
padding: 15px;
|
|
}
|
|
}
|
|
|
|
.ks-sidebar-workspaces-title {
|
|
padding: 10px;
|
|
background: #eee;
|
|
}
|
|
|
|
.ks-sidebar-workspaces-tree {
|
|
padding: 10px;
|
|
}
|
|
|
|
.ks-layout-sidebar {
|
|
height: 90vh;
|
|
background: #071327de;
|
|
|
|
.ks-layout-sidebar-card {
|
|
background: transparent;
|
|
border-radius: 0;
|
|
border: 0;
|
|
|
|
.ant-card-head {
|
|
border: 0;
|
|
min-height: 40px;
|
|
background: url('@/assets/icons/card-head.png') left / 180% 100%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.ant-card-head-title {
|
|
color: #0ec0ec;
|
|
|
|
& .icon {
|
|
background: url('@/assets/icons/list.png') center / 100% 100%;
|
|
width: 25px;
|
|
height: 25px;
|
|
display: block;
|
|
}
|
|
|
|
& .text {
|
|
margin-left: 40px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.ant-card-body {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-sidebar-menu {
|
|
border: 0;
|
|
border-inline-end: 0 !important;
|
|
background: transparent;
|
|
color: #477597;
|
|
|
|
.ant-menu-submenu,
|
|
.ant-menu-submenu-title,
|
|
.ant-menu-item {
|
|
margin: 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
& > .ant-menu-submenu {
|
|
& > .ant-menu-submenu-title {
|
|
color: #1661a2;
|
|
font-size: 16px;
|
|
|
|
&:hover {
|
|
color: #2273b9;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ant-menu-submenu-title:active,
|
|
.ant-menu-item:not(.ant-menu-item-selected):active,
|
|
.ant-menu-item-selected {
|
|
background: url('@/assets/icons/bg-menu-active.png') center / 100% 100%;
|
|
|
|
& > .ant-menu-submenu-title {
|
|
color: #1661a2;
|
|
|
|
&:hover {
|
|
color: #2273b9;
|
|
}
|
|
}
|
|
|
|
.ks-menu-item-label:before {
|
|
color: #43adea;
|
|
content: " ";
|
|
width: 6px;
|
|
height: 6px;
|
|
position: absolute;
|
|
background: #43adea;
|
|
top: 16px;
|
|
left: 30px;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
.ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
|
|
.ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected) {
|
|
color: #2273b9;
|
|
}
|
|
|
|
}
|
|
|
|
.ks-layout-main {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.ks-page-card {
|
|
border: 0;
|
|
border-radius: 0;
|
|
min-height: calc(100vh - 90px);
|
|
background: transparent;
|
|
background: url('@/assets/icons/bg-fk.png') center / 100% 100%;
|
|
|
|
.ant-tabs .ant-tabs-ink-bar {
|
|
position: absolute;
|
|
background: transparent;
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
.ant-steps-horizontal{
|
|
&.ant-steps.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
|
|
width: 30%;
|
|
margin-left: 37%;
|
|
display: none;
|
|
}
|
|
.ant-steps-item-active{
|
|
.ant-steps-item-container{
|
|
&:after{
|
|
height: 1px;
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
background: #377ead;
|
|
display: block;
|
|
width: 100px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.ant-card-head {
|
|
border: 0;
|
|
color: #a2b1ba;
|
|
}
|
|
|
|
& > .ant-card-head {
|
|
height: 40px;
|
|
min-height: 40px;
|
|
border-radius: 0;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
& > .ant-card-head {
|
|
background: url('@/assets/icons/page-card-head.png') center / 100% 100%;
|
|
background: url('@/assets/icons/bg-fk-title.png') center / 100% 100%;
|
|
color: #eee;
|
|
|
|
.point {
|
|
background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
|
|
width: 25px;
|
|
height: 25px;
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.text {
|
|
margin-top: 5px;
|
|
display: block;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
& > .ant-card-body {
|
|
background: url('@/assets/icons/page-card-body.png') center / 100% 100%;
|
|
//min-height: 85vh;
|
|
}
|
|
|
|
}
|
|
|
|
.ks-page-tabs {
|
|
.ant-tabs-nav-list {
|
|
background: transparent;
|
|
//background: url('@/assets/icons/bg-tabs.png') center / 100% 100%;
|
|
background: url('@/assets/icons/tab-bg.png') center / 100% 100%;
|
|
|
|
.ant-tabs-tab {
|
|
padding: 10px 48px;
|
|
font-size: 15px;
|
|
color: #90caf6;
|
|
margin: 0;
|
|
|
|
&:first-child {
|
|
}
|
|
|
|
&.ant-tabs-tab-active {
|
|
&, .ant-tabs-tab-btn {
|
|
color: #16d9f6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.ant-tabs-top > .ant-tabs-nav::before,
|
|
&.ant-tabs-bottom > .ant-tabs-nav::before,
|
|
&.ant-tabs-top > div > .ant-tabs-nav::before,
|
|
&.ant-tabs-bottom > div > .ant-tabs-nav::before {
|
|
border-bottom: 1px solid #184557;
|
|
}
|
|
|
|
|
|
.ant-tabs-tabpane {
|
|
padding: 15px 0;
|
|
}
|
|
}
|
|
|
|
.btn-link-edit {
|
|
color: #3886bc;
|
|
}
|
|
|
|
.btn-link-delete {
|
|
color: #8b8e7a;
|
|
}
|
|
|
|
.btn-link-detail {
|
|
color: #96b3c5;
|
|
}
|
|
|
|
.ant-table-wrapper {
|
|
.ant-table {
|
|
background: transparent;
|
|
|
|
.ant-table-tbody > tr.ant-table-row-selected > td,
|
|
.ant-table-tbody > tr.ant-table-row-selected > td {
|
|
background: #4a4e51;
|
|
}
|
|
|
|
.ant-table-thead {
|
|
border-radius: 0;
|
|
|
|
& > tr > th,
|
|
& > tr > td {
|
|
background: #081e3b;
|
|
border-bottom: 1px solid #455e72;
|
|
color: #6c818e;
|
|
padding: 10px 8px;
|
|
}
|
|
|
|
& > tr > th {
|
|
border-radius: 0 !important;
|
|
border-top: 1px solid #455e72;
|
|
}
|
|
}
|
|
|
|
.ant-table-tbody > tr.ant-table-row:hover > td,
|
|
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
|
|
background: #143d5ddb;
|
|
}
|
|
|
|
&:not(.ant-table-bordered) .ant-table-tbody > tr:last-child > td {
|
|
border-bottom: 1px solid #455e72;
|
|
}
|
|
|
|
&:not(.ant-table-bordered) .ant-table-tbody > tr > td {
|
|
border-top: 1px solid #455e72;
|
|
border-bottom: transparent;
|
|
color: #6c818e;
|
|
}
|
|
|
|
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,
|
|
.ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
|
|
background: none;
|
|
}
|
|
|
|
&.ant-table-bordered {
|
|
.ant-table-tbody > tr > td {
|
|
border-bottom: 1px solid #243644;
|
|
color: #6c818e;
|
|
}
|
|
|
|
& > .ant-table-container {
|
|
& > .ant-table-content > table > thead > tr > th,
|
|
& > .ant-table-header > table > thead > tr > th,
|
|
& > .ant-table-body > table > thead > tr > th,
|
|
& > .ant-table-summary > table > thead > tr > th,
|
|
& > .ant-table-content > table > tbody > tr > td,
|
|
& > .ant-table-header > table > tbody > tr > td,
|
|
& > .ant-table-body > table > tbody > tr > td,
|
|
& > .ant-table-summary > table > tbody > tr > td,
|
|
& > .ant-table-content > table > tfoot > tr > th,
|
|
& > .ant-table-header > table > tfoot > tr > th,
|
|
& > .ant-table-body > table > tfoot > tr > th,
|
|
& > .ant-table-summary > table > tfoot > tr > th,
|
|
& > .ant-table-content > table > tfoot > tr > td,
|
|
& > .ant-table-header > table > tfoot > tr > td,
|
|
& > .ant-table-body > table > tfoot > tr > td,
|
|
& > .ant-table-summary > table > tfoot > tr > td {
|
|
border-inline-end: 1px solid #243644;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-tabs-btn {
|
|
border-radius: 2px;
|
|
background: #2aaceb;
|
|
border-color: #2aaceb;
|
|
|
|
&:hover,
|
|
&:active {
|
|
background: #2295cd;
|
|
border-color: #2295cd;
|
|
}
|
|
}
|
|
|
|
|
|
.ks-page-steps {
|
|
color: #1488c2;
|
|
|
|
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
|
color: #c7bf8a;
|
|
}
|
|
|
|
.ant-steps-item-process .ant-steps-item-icon {
|
|
|
|
}
|
|
|
|
.ant-steps-icon {
|
|
display: none;
|
|
}
|
|
|
|
.ant-steps-item-finish,
|
|
.ant-steps-item-wait {
|
|
.ant-steps-item-icon {
|
|
background-color: #0f97cc;
|
|
border-color: #0f97cc;
|
|
}
|
|
|
|
& > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
|
color: #0f97cc;
|
|
}
|
|
}
|
|
|
|
.ant-steps-item-tail::after {
|
|
background-color: rgb(15 151 204) !important;
|
|
}
|
|
|
|
.ant-steps-item-process .ant-steps-item-icon {
|
|
background-color: #c7bf8a;
|
|
border-color: #c7bf8a;
|
|
}
|
|
|
|
.ant-steps-item-active {
|
|
.ant-steps-item-process .ant-steps-item-icon {
|
|
background-color: #c7bf8a;
|
|
border-color: #c7bf8a;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-page-steps-card {
|
|
background: transparent;
|
|
//border-color: #2c4e79;
|
|
border-radius: 0;
|
|
border: 0;
|
|
background: url('@/assets/icons/bg-steps-card.png') center / 100% 100%;
|
|
|
|
}
|
|
|
|
.ks-page-steps-item-card {
|
|
& > .ant-card-head {
|
|
height: 40px;
|
|
min-height: 30px;
|
|
padding-left: 35px;
|
|
}
|
|
}
|
|
|
|
.ks-workspace-card {
|
|
.ant-card {
|
|
border: 0;
|
|
background: url('@/assets/icons/bg-workspace-card.png') center / 100% 100%;
|
|
}
|
|
|
|
.ks-card-title-split-icon {
|
|
background: url('@/assets/icons/bg-card-title-split.png') center / 100% 100%;
|
|
width: 150px;
|
|
height: 26px;
|
|
position: absolute;
|
|
left: 30px;
|
|
z-index: 1;
|
|
top: 10px;
|
|
display: block;
|
|
}
|
|
|
|
.ks-card-title-split-prefix {
|
|
background: url('@/assets/icons/bg-model-builder-card-title.png') center / 100% 100%;
|
|
width: 15px;
|
|
height: 10px;
|
|
display: block;
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 22px;
|
|
}
|
|
|
|
.ks-card-title-split-title {
|
|
z-index: 10;
|
|
display: block;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
.ks-cards-wrapper {
|
|
.ant-card {
|
|
background: url('@/assets/icons/bg-card.png') center / 100% 100%;
|
|
//background: transparent;
|
|
margin-bottom: 15px;
|
|
border: 0;
|
|
//border-color: #2c4e79;
|
|
border-radius: 0;
|
|
|
|
& > .ant-card-head {
|
|
background: url('@/assets/icons/bg-card-head.png') center / 100% 100%;
|
|
}
|
|
|
|
.ant-card {
|
|
.ant-card-meta-title {
|
|
color: #96bbda;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ant-card-meta-description {
|
|
color: #64859d;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-method-card {
|
|
background: url('@/assets/icons/m-bg.png') center / 100% 100%;
|
|
cursor: pointer;
|
|
margin-bottom: 15px;
|
|
.card-select-icon{
|
|
margin-left: auto;
|
|
font-size: 20px;
|
|
color: #c7bf8a;
|
|
right: 14px;
|
|
top: 0px;
|
|
}
|
|
.card-header {
|
|
height: 30px;
|
|
padding: 0 15px;
|
|
span {
|
|
color: #96bbda;
|
|
margin: 5px;
|
|
}
|
|
|
|
.title-left {
|
|
width: 60px;
|
|
height: 10px;
|
|
margin-top: 11px;
|
|
background: url('@/assets/icons/m-left.png') center / 100% 100%;
|
|
}
|
|
|
|
.title-right {
|
|
width: 60px;
|
|
height: 10px;
|
|
margin-top: 11px;
|
|
background: url('@/assets/icons/m-right.png') center / 100% 100%;
|
|
}
|
|
}
|
|
|
|
.card-body {
|
|
padding: 15px 15px;
|
|
color: #64859d;
|
|
min-height: 100px;
|
|
|
|
.card-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.card-description {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.ks-card-subtitle {
|
|
color: #0fa8cc;
|
|
border-bottom: 1px solid #1084a3;
|
|
}
|
|
}
|
|
|
|
.ant-steps {
|
|
&.ks-create-step {
|
|
|
|
&.ant-steps-navigation .ant-steps-item {
|
|
&::after {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-top: 1px solid #377ead;
|
|
border-inline-end: 1px solid #377ead;
|
|
}
|
|
|
|
&::before {
|
|
background-color: #377ead;
|
|
}
|
|
}
|
|
|
|
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title,
|
|
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
|
color: #2db1e8;
|
|
}
|
|
|
|
.ant-steps-item-wait .ant-steps-item-icon {
|
|
background: #7994a6;
|
|
}
|
|
|
|
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
|
|
color: #02162e;
|
|
}
|
|
|
|
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title,
|
|
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description,
|
|
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title,
|
|
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
|
|
color: #758d9b;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.ks-sm-card {
|
|
&.ant-card {
|
|
background: url('@/assets/icons/sm-card.png') center / 100% 100%;
|
|
border: 0;
|
|
color: #eee;
|
|
cursor: pointer;
|
|
|
|
&.selected {
|
|
background: url('@/assets/icons/sm-card-selected.png') center / 100% 100%;
|
|
}
|
|
.ks-card-select-icon{
|
|
font-size: 16px;
|
|
color: #e6cf69;
|
|
}
|
|
|
|
.ant-card-head {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
min-height: 30px;
|
|
}
|
|
|
|
&.card-size-lg{
|
|
.ant-card-head {
|
|
height: 60px;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
min-height: 40px;
|
|
}
|
|
.ks-card-select-icon{
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
|
|
}
|
|
.plus-icon{
|
|
margin-left: 10px;
|
|
font-size: 26px;
|
|
color:#1e9adb;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.ks-workspace-split-card {
|
|
height: 200px;
|
|
}
|
|
|
|
.ks-workspace-full-card {
|
|
height: 415px;
|
|
|
|
.ant-card-body {
|
|
padding: 30px;
|
|
font-size: 18px;
|
|
color: #70d3f0;
|
|
|
|
p {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
span {
|
|
width: 160px;
|
|
display: block;
|
|
float: left;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.ks-role-tag{
|
|
border-radius: 30px;
|
|
padding: 4px 10px;
|
|
background: #4a89d5;
|
|
color:#fff;
|
|
}
|
|
}
|
|
|
|
.ks-process-card {
|
|
color: #70d3f0;
|
|
|
|
.ant-progress .ant-progress-inner {
|
|
background-color: #01132c;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 35px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
span.score {
|
|
position: absolute;
|
|
top: -13px;
|
|
right: 88px;
|
|
}
|
|
|
|
span.level {
|
|
width: 80px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
.ks-pk-card {
|
|
border-radius: 2px !important;
|
|
background: hsl(219.04deg 83.84% 19.41% / 81%) !important;
|
|
|
|
.ant-card-head {
|
|
background: hsl(218.18deg 86.27% 20%) !important;
|
|
border-radius: 2px;
|
|
height: 30px !important;
|
|
min-height: 30px !important;
|
|
}
|
|
|
|
.ant-card-body {
|
|
background: hsl(219.04deg 83.84% 19.41% / 81%);
|
|
height: 130px;
|
|
padding: 0;
|
|
}
|
|
|
|
.pk-teams {
|
|
background: url('@/assets/icons/bg-pk.png') center / 100% 100%;
|
|
height: 130px;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.right-team,
|
|
.left-team {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.left-team {
|
|
margin-top: 45px;
|
|
position: absolute;
|
|
left: 50px;
|
|
}
|
|
|
|
.right-team {
|
|
margin-top: 58px;
|
|
position: absolute;
|
|
right: 50px;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-body {
|
|
|
|
.ks-model-builder-back {
|
|
background: url("@/assets/icons/back.png") center / 100% 100%;
|
|
z-index: 10;
|
|
position: fixed;
|
|
width: 50px;
|
|
height: 50px;
|
|
top: 50px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ks-model-builder-left,
|
|
.ks-model-builder-content,
|
|
.ks-model-builder-right {
|
|
height: calc(100vh - 90px);
|
|
|
|
.ant-card-body {
|
|
padding: 6px;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-card {
|
|
//margin-bottom: 15px;
|
|
background: #0b325778;
|
|
background: #041f39d9;
|
|
border: 0;
|
|
color: #eee;
|
|
border-radius: 0 !important;
|
|
|
|
.ant-card-head {
|
|
border-radius: 0;
|
|
background: #0b3257;
|
|
color: #82c4e9;
|
|
border: 0;
|
|
height: 35px;
|
|
min-height: 35px;
|
|
background: url('@/assets/icons/card-head.png') left / 180% 100%;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
.ant-form-item {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-title-icon {
|
|
width: 26px;
|
|
height: 26px;
|
|
display: block;
|
|
position: absolute;
|
|
left: 14px;
|
|
|
|
&.icon-input {
|
|
background: url("@/assets/icons/icon-input.png") center / 100% 100%;
|
|
}
|
|
|
|
&.icon-grid {
|
|
background: url("@/assets/icons/icon-grid.png") center / 100% 100%;
|
|
}
|
|
|
|
&.icon-list {
|
|
background: url("@/assets/icons/icon-list.png") center / 100% 100%;
|
|
}
|
|
|
|
&.icon-model {
|
|
background: url("@/assets/icons/icon-model.png") center / 100% 100%;
|
|
}
|
|
|
|
&.icon-model-input {
|
|
background: url("@/assets/icons/icon-model-input.png") center / 100% 100%;
|
|
}
|
|
|
|
&.icon-settings {
|
|
background: url("@/assets/icons/icon-settings.png") center / 100% 100%;
|
|
}
|
|
}
|
|
|
|
//.ks-model-builder-goback {
|
|
// background: url("@/assets/icons/back.png") center / 100% 100%;
|
|
// z-index: 10;
|
|
// width: 36px;
|
|
// height: 36px;
|
|
// cursor: pointer;
|
|
// padding: 0;
|
|
// border: 0;
|
|
//}
|
|
.ks-model-builder-goback,
|
|
.ks-model-builder-save {
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
color: #7ae8fc;
|
|
background: transparent;
|
|
line-height: 13px;
|
|
top: 2px;
|
|
border: 1px solid #0d6da2;
|
|
border-radius: 5px;
|
|
padding: 4px;
|
|
width: 60px;
|
|
height: 25px;
|
|
box-shadow: 0px 0px 0px #7dd3f9;
|
|
font-size: 13px;
|
|
|
|
& > span {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-left {
|
|
width: 250px;
|
|
float: left;
|
|
background: #081e3bcc;
|
|
|
|
.tress-list-card {
|
|
.ant-card-body{
|
|
height: 37vh;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.ant-collapse {
|
|
.ant-collapse-header {
|
|
height: 35px;
|
|
min-height: 35px;
|
|
padding: 6px 16px;
|
|
background: url('@/assets/icons/card-head.png') left / 180% 100%;
|
|
border-radius: 0;
|
|
|
|
.ant-collapse-header-text {
|
|
padding-left: 40px;
|
|
color: #82c4e9;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.ant-collapse-content {
|
|
border-top: 0;
|
|
}
|
|
|
|
& > .ant-collapse-item {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.ant-collapse-item {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ant-collapse-content-box {
|
|
max-height: 37vh;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-card {
|
|
//min-height: 72.1vh
|
|
}
|
|
.ks-model-builder-body .ks-model-builder-title-icon {
|
|
left: 8px;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-content {
|
|
width: calc(100% - 550px);
|
|
float: left;
|
|
position: relative;
|
|
|
|
.ks-model-builder-actions {
|
|
display: block;
|
|
gap: 8px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0px;
|
|
background: #0f4a7ca8;
|
|
width: 100%;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
|
|
.ks-model-builder-canvas {
|
|
//margin: 0 15px;
|
|
height: calc(100vh - 90px);
|
|
//background: #0b325778 url("@/assets/icons/bg-model-builder-canvas.png") center / 100% 100%;
|
|
background: #041b36db;
|
|
border-left: 1px solid #062850;
|
|
border-right: 1px solid #062850;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
background: #081229;
|
|
}
|
|
}
|
|
|
|
.ks-model-builder-right {
|
|
width: 300px;
|
|
float: left;
|
|
margin-left: -1px;
|
|
background: #041b36db;
|
|
|
|
.observation-items{
|
|
//height: 160px;
|
|
height: 212px;
|
|
height: 180px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.reward-items{
|
|
height: 44vh;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.ks-model-item{
|
|
font-size:12px;
|
|
}
|
|
|
|
.ks-model-builder-card {
|
|
min-height: 28vh;
|
|
}
|
|
|
|
.ant-card-head {
|
|
padding-left: 100px;
|
|
}
|
|
|
|
.ant-table-wrapper {
|
|
.ant-table {
|
|
.ant-table-tbody > tr > td {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ant-table-thead {
|
|
& > tr {
|
|
& > td,
|
|
& > th {
|
|
padding: 6px 8px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ks-model-drag-item {
|
|
//width: 50%;
|
|
//text-align: center;
|
|
//font-size: 12px;
|
|
//cursor: pointer;
|
|
//float: left;
|
|
//padding: 4px;
|
|
//margin-bottom: 10px;
|
|
//height: 110px;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
margin-bottom: 5px;
|
|
|
|
.icon {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 0 auto;
|
|
display: block;
|
|
font-size: 28px;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.ks-model-item {
|
|
width: 50%;
|
|
text-align: center;
|
|
padding: 5px;
|
|
background: #0c385f;
|
|
border: 1px solid #0c385f;
|
|
cursor: pointer;
|
|
margin-bottom: 15px;
|
|
margin-bottom: 5px;
|
|
transition: all 0.3s;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
|
|
& > .anticon {
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 3px;
|
|
}
|
|
|
|
&.selected {
|
|
background: #7ed4f9;
|
|
color: #1d1a1a;
|
|
}
|
|
|
|
&.selected-total-item {
|
|
background: #0c2949;
|
|
border: 1px solid #157dd1;
|
|
color: #84c7e8;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.ks-model-builder-tabs {
|
|
.ant-tabs-nav {
|
|
background: url(@/assets/icons/card-head.png) left / 180% 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.ant-tabs-content,
|
|
.ant-tabs-tab {
|
|
padding: 6px 0;
|
|
color: #7abce2;
|
|
}
|
|
|
|
.ant-tabs-nav-list {
|
|
margin-left: 75px;
|
|
|
|
}
|
|
|
|
&.multiply{
|
|
|
|
.ant-tabs-nav-list{
|
|
//.ant-tabs-tab:after {
|
|
// position: absolute;
|
|
// z-index: 1;
|
|
// transition: opacity 0.3s;
|
|
// content: '/';
|
|
// pointer-events: none;
|
|
// right: -19px;
|
|
// line-height: 35px;
|
|
// height: 35px;
|
|
// top: 0;
|
|
//}
|
|
//.ant-tabs-tab:last-child{
|
|
// display: none;
|
|
// content: '';
|
|
//}
|
|
}
|
|
}
|
|
|
|
&.empty{
|
|
.ant-tabs-content{
|
|
height: 86.4vh!important;
|
|
}
|
|
.ant-empty{
|
|
margin: 100% auto;
|
|
}
|
|
}
|
|
|
|
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
|
color: #eee;
|
|
}
|
|
|
|
|
|
.ks-model-builder-title-icon {
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
|
|
.ant-tabs-content {
|
|
//padding: 15px;
|
|
padding: 4px;
|
|
background: #041b36db;
|
|
}
|
|
|
|
&.settings-tab,
|
|
&.parameters-tabs {
|
|
.ant-tabs-content {
|
|
height: 41.3vh;
|
|
overflow: auto;
|
|
padding: 10px 5px;
|
|
}
|
|
}
|
|
|
|
&.design-tabs {
|
|
.ant-tabs-content {
|
|
height: 25.2vh;
|
|
}
|
|
}
|
|
|
|
.ant-select .ant-select-selection-placeholder, .ant-select .ant-select-selection-search-input,
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector, .ant-input {
|
|
background-color: #081e3b;
|
|
border-color: #475f71;
|
|
color: #6c818e;
|
|
}
|
|
|
|
}
|
|
|
|
.ant-select-dropdown {
|
|
background-color: #081e3b;
|
|
}
|
|
|
|
|
|
.icon-gold {
|
|
color: #b5b39d;
|
|
font-size: 25px;
|
|
line-height: 40px;
|
|
margin-top: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ant-pagination {
|
|
.ant-pagination-item-active {
|
|
background-color: #081e3b;
|
|
border-color: #475f71;
|
|
color: #6c818e;
|
|
}
|
|
}
|
|
|
|
.ant-form-item {
|
|
.ant-form-item-label > label {
|
|
color: #adcde0;
|
|
}
|
|
}
|
|
|
|
:deep(.ant-input::placeholder) {
|
|
color: rgba(220, 220, 220, 0.7) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
|
|
.btn-select-template{
|
|
background: transparent!important;
|
|
border-color: #1e9adb!important;
|
|
color:#1e9adb!important;
|
|
min-width: 160px;
|
|
.btn-select-template-icon{
|
|
background: url('@/assets/icons/folder.png') center / 100% 100%;
|
|
width: 27px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
.ant-input-affix-wrapper,
|
|
.ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td,
|
|
.ant-input-number,
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector,
|
|
.ant-input {
|
|
background-color: #081e3b;
|
|
border-color: #475f71;
|
|
color: #6c818e;
|
|
|
|
&::placeholder {
|
|
color: rgba(233, 237, 240, 0.6) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
|
|
.ant-input-affix-wrapper.ant-input-password input:-webkit-autofill,
|
|
.ant-input-affix-wrapper.ant-input-password input:-webkit-autofill:hover,
|
|
.ant-input-affix-wrapper.ant-input-password input:-webkit-autofill:focus,
|
|
.ant-input-affix-wrapper.ant-input-password input:-webkit-autofill:active,
|
|
.ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td:-webkit-autofill, .ant-input-number:-webkit-autofill, .ant-select:not(.ant-select-customize-input) .ant-select-selector:-webkit-autofill, .ant-input:-webkit-autofill, .ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td:-webkit-autofill:hover, .ant-input-number:-webkit-autofill:hover, .ant-select:not(.ant-select-customize-input) .ant-select-selector:-webkit-autofill:hover, .ant-input:-webkit-autofill:hover, .ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td:-webkit-autofill:focus, .ant-input-number:-webkit-autofill:focus, .ant-select:not(.ant-select-customize-input) .ant-select-selector:-webkit-autofill:focus, .ant-input:-webkit-autofill:focus, .ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder:hover > td:-webkit-autofill:active, .ant-input-number:-webkit-autofill:active, .ant-select:not(.ant-select-customize-input) .ant-select-selector:-webkit-autofill:active, .ant-input:-webkit-autofill:active {
|
|
/* 背景色设置为暗黑模式的背景色 */
|
|
-webkit-box-shadow: 0 0 0 100px #081e3b inset !important;
|
|
/* 文字颜色设置为白色 */
|
|
-webkit-text-fill-color: #fff !important;
|
|
/* 保留透明的背景色，让 box-shadow 生效 */
|
|
background-color: #081e3b !important;
|
|
}
|
|
|
|
.ant-input-affix-wrapper .anticon.ant-input-password-icon {
|
|
color: rgb(245 225 225 / 45%);
|
|
}
|
|
|
|
.ant-empty-normal{
|
|
color: #adcde0
|
|
}
|
|
.ant-input-number{
|
|
.ant-input-number-input {
|
|
color: #adcde0
|
|
}
|
|
}
|
|
|
|
.ant-select {
|
|
&:not(.ant-select-customize-input) .ant-select-selector {
|
|
|
|
}
|
|
.ant-select-selector{
|
|
border-radius: 2px;
|
|
}
|
|
|
|
|
|
.ant-select-selection-placeholder,
|
|
.ant-select-selection-search-input {
|
|
border-radius: 2px;
|
|
background-color: #081e3b;
|
|
border-color: #475f71;
|
|
color: #6c818e;
|
|
opacity: 1 !important;
|
|
|
|
.ant-select-selection-placeholder,
|
|
&::placeholder {
|
|
color: rgba(233, 237, 240, 0.6) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
|
|
.ant-select-arrow {
|
|
color: rgba(233, 237, 240, 0.6) !important;
|
|
}
|
|
}
|
|
|
|
.ant-empty-small {
|
|
margin-block: 8px;
|
|
color: rgb(207 207 207 / 66%);
|
|
}
|
|
.ant-btn >span {
|
|
display: inline-block;
|
|
float: inherit;
|
|
}
|
|
|
|
.ant-btn,
|
|
.ant-input {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.ant-btn-primary {
|
|
background: #1875a5;
|
|
border-color: #1875a5;
|
|
|
|
&:hover {
|
|
background: #125f87;
|
|
border-color: #125f87;
|
|
}
|
|
}
|
|
|
|
.ant-btn-default {
|
|
background: #7dd3f9;
|
|
border-color: #7dd3f9;
|
|
color: #000;
|
|
}
|
|
|
|
.btn-field {
|
|
min-width: 120px;
|
|
background: #5796b2;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
color: #fff;
|
|
padding: 5px;
|
|
border: 1px solid #5796b2;
|
|
|
|
.anticon {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&:hover,
|
|
&.selected {
|
|
background: #19b0ff;
|
|
border-color: #19b0ff;
|
|
}
|
|
|
|
&.gold {
|
|
background: transparent;
|
|
border-color: #b5b39d;
|
|
color: #b5b39d;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.ant-select-selection-item,
|
|
.ant-select-dropdown .ant-select-item,
|
|
.ant-select-dropdown {
|
|
background-color: #081e3b;
|
|
color: #6c818e!important;
|
|
}
|
|
.ant-select-dropdown .ant-select-item-option-selected,
|
|
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){
|
|
color: rgb(187 185 185 / 88%);
|
|
font-weight: 600;
|
|
background-color: #292929;
|
|
}
|
|
|
|
.ant-modal {
|
|
|
|
background: url('@/assets/icons/bg-modal.png') center / 100% 100%;
|
|
|
|
.ant-modal-header{
|
|
margin: 0;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.ant-modal-header,
|
|
.ant-modal-content {
|
|
background: transparent;
|
|
}
|
|
|
|
.ant-modal-title {
|
|
color: rgb(173 206 224);
|
|
}
|
|
|
|
.ant-modal-close-x {
|
|
.anticon {
|
|
margin-top: 3px;
|
|
border: 1px solid #10e5ff;
|
|
border-radius: 50%;
|
|
padding: 3px;
|
|
color: #10e5ff;
|
|
}
|
|
}
|
|
|
|
.ant-modal-content{
|
|
}
|
|
.ant-modal-body{
|
|
padding: 15px;
|
|
}
|
|
}
|
|
|
|
.ant-radio-wrapper .ant-radio-inner {
|
|
background-color: #081e3b;
|
|
border-color: #737373;
|
|
}
|
|
|
|
.ant-message-notice .ant-message-notice-content {
|
|
background: #464545;
|
|
color: #fff;
|
|
}
|
|
|
|
.ant-input-number .ant-input-number-handler-wrap,
|
|
.ant-tooltip .ant-tooltip-inner,
|
|
.ant-tooltip .ant-tooltip-arrow:before,
|
|
.ant-popover .ant-popover-arrow:before,
|
|
.ant-popover .ant-popover-inner{
|
|
background-color: #519bd9;
|
|
}
|
|
.ant-input-number {
|
|
.ant-input-number-handler-up-inner,
|
|
.ant-input-number-handler-down-inner,
|
|
.ant-input-number-handler-down,
|
|
.ant-input-number-handler {
|
|
color: #fff;
|
|
border-block-start-color: #4096ff;
|
|
border-inline-color: #4096ff;
|
|
}
|
|
}
|
|
|
|
.ant-popconfirm .ant-popconfirm-message {
|
|
color: rgb(255 255 255 / 88%);
|
|
}
|
|
|
|
.ant-dropdown .ant-dropdown-menu,
|
|
.ant-dropdown-menu-submenu .ant-dropdown-menu {
|
|
background-color: #2874b4;
|
|
min-width: 120px;
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
}
|
|
|
|
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
|
|
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item,
|
|
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
|
|
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title {
|
|
color: rgb(255 248 248 / 88%);
|
|
}
|
|
|
|
.ant-input-disabled,
|
|
.ant-input[disabled] {
|
|
background-color: rgba(0, 0, 0, 0.04);
|
|
border-color: #2c2a2a;
|
|
color: #6c818e;
|
|
&:hover{
|
|
border-color: #3a547b;
|
|
border-inline-end-width: 1px;
|
|
}
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector{
|
|
border: 1px solid #2c2a2a;
|
|
}
|
|
.ant-select .ant-select-selection-placeholder,
|
|
.ant-select .ant-select-selection-search-input{
|
|
background: transparent
|
|
}
|
|
.ant-select-disabled{
|
|
.ant-select-selection-item{
|
|
background: transparent!important;
|
|
}
|
|
}
|
|
|
|
.ant-collapse {
|
|
border: 0;
|
|
border-radius: 0;
|
|
|
|
.ant-collapse-content {
|
|
color: #fff;
|
|
background-color: #041b35;
|
|
border-top: 1px solid #041b35;
|
|
}
|
|
}
|
|
|
|
.ant-divider {
|
|
border-block-start: 1px solid rgb(255 255 255 / 17%);
|
|
}
|
|
|
|
|
|
|
|
.ant-pagination {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
width: 100%;
|
|
|
|
.ant-pagination-disabled .ant-pagination-item-link,
|
|
.ant-pagination-disabled:hover .ant-pagination-item-link,
|
|
.ant-pagination-prev .ant-pagination-item-link,
|
|
.ant-pagination-next .ant-pagination-item-link,
|
|
&.ant-pagination-mini .ant-pagination-total-text,
|
|
&.ant-pagination-mini .ant-pagination-simple-pager {
|
|
color: rgb(255 255 255 / 95%);
|
|
}
|
|
|
|
&.ant-pagination-simple .ant-pagination-simple-pager input {
|
|
background-color: transparent;
|
|
border: 1px solid #0f4a7c;
|
|
color: #eee;
|
|
}
|
|
}
|
|
|
|
.ant-btn-default{
|
|
&.ant-btn-dangerous{
|
|
background: transparent!important;
|
|
}
|
|
}
|
|
|
|
|
|
.ant-empty-small {
|
|
margin-block: 8px;
|
|
color: rgb(207 207 207 / 66%);
|
|
}
|
|
.ant-btn >span {
|
|
display: inline-block;
|
|
float: inherit;
|
|
}
|
|
|
|
.ant-btn,
|
|
.ant-input {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.ant-btn-primary {
|
|
color: #eee;
|
|
//border-color: #1b5b7d;
|
|
//background: linear-gradient(90deg, #1e4c65 0%, #0b3a62 100%);
|
|
border-color: #29759c;
|
|
background: linear-gradient(0deg, #0f374c 0, #154c69 100%);
|
|
&.selected,
|
|
&:not(:disabled):hover,
|
|
&:hover,
|
|
&:active {
|
|
border-color: #166094;
|
|
background: linear-gradient(90deg, #3687bc 0%, #074375 100%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.ant-btn-default {
|
|
color: #eee;
|
|
//border-color: #144087;
|
|
//background: linear-gradient(90deg, #0f4a7c 0%, #0a365b 100%);
|
|
border-color: #1c468b;
|
|
background: linear-gradient(0deg, #284e91 0, #2c5dad 100%);
|
|
background: linear-gradient(0deg, #14223b 0, #1c468b 100%);
|
|
&.selected,
|
|
&:not(:disabled):hover,
|
|
&:hover,
|
|
&:active {
|
|
color: #fff;
|
|
border-color: #166094;
|
|
background: linear-gradient(90deg, #3687bc 0%, #074375 100%);
|
|
}
|
|
&:disabled,
|
|
&.disabled{
|
|
color: #a9a3a3;
|
|
&:hover{
|
|
color:#eee;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn-field {
|
|
min-width: 120px;
|
|
background: #5796b2;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
color: #fff;
|
|
padding: 5px;
|
|
border: 1px solid #5796b2;
|
|
|
|
.anticon {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&:hover,
|
|
&.selected {
|
|
background: #19b0ff;
|
|
border-color: #19b0ff;
|
|
}
|
|
|
|
&.gold {
|
|
background: transparent;
|
|
border-color: #b5b39d;
|
|
color: #b5b39d;
|
|
cursor: pointer;
|
|
}
|
|
} |