提交代码
This commit is contained in:
guanj
736
src/views/center/css/commonStyle.css
Normal file
736
src/views/center/css/commonStyle.css
Normal file
@@ -0,0 +1,736 @@
|
||||
.aside-submenu-title {
|
||||
background-color: rgba(5, 16, 16, 0.48) !important;
|
||||
}
|
||||
#app {
|
||||
font-family: 'Microsoft YaHei', 'Avenir', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.el-main > div:nth-child(1) > div:nth-child(1) {
|
||||
text-align: center;
|
||||
margin-bottom: 48px;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
body .el-table th.gutter {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.el-table th,
|
||||
.el-table {
|
||||
background-color: #153741 !important;
|
||||
color: #35b1b7;
|
||||
}
|
||||
.el-table th {
|
||||
padding: 4px 0 !important;
|
||||
}
|
||||
.el-table__expand-icon {
|
||||
color: #fff !important;
|
||||
}
|
||||
.el-table-column--selection > div {
|
||||
text-align: left !important;
|
||||
}
|
||||
.el-table--border,
|
||||
.el-table--group {
|
||||
border: 1px solid #446575;
|
||||
/*no*/
|
||||
}
|
||||
.el-table tbody td .cell {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.el-table--border::after,
|
||||
.el-table--group::after,
|
||||
.el-table::before {
|
||||
background-color: #ebeef500;
|
||||
}
|
||||
.el-table th div {
|
||||
text-align: center;
|
||||
}
|
||||
.el-table__empty-text,
|
||||
.el-table td {
|
||||
color: #e2e6ec;
|
||||
}
|
||||
.el-table td,
|
||||
.el-table th.is-leaf {
|
||||
border-right: 1px solid #446575;
|
||||
/*no*/
|
||||
border-bottom: 1px solid #446575;
|
||||
/*no*/
|
||||
}
|
||||
.el-table__row > td {
|
||||
border: none;
|
||||
border-right: 1px solid #446575;
|
||||
/*no*/
|
||||
border-bottom: 1px solid #446575;
|
||||
/*no*/
|
||||
}
|
||||
.el-table::before {
|
||||
height: 0px;
|
||||
color: #446575;
|
||||
}
|
||||
.el-table,
|
||||
.el-table__expanded-cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
el-table th,
|
||||
.el-table tr,
|
||||
.el-table td {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.el-table td {
|
||||
padding: 5px 0px !important;
|
||||
}
|
||||
.el-table tbody tr:hover > td {
|
||||
background-color: #367f7f78 !important;
|
||||
}
|
||||
.el-table__row--striped td {
|
||||
background-color: #45797b33 !important;
|
||||
}
|
||||
.el-table__row:not(.el-table__row--striped) {
|
||||
background: #1439391c !important;
|
||||
}
|
||||
.el-table .el-button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.el-table .ascending .sort-caret.ascending {
|
||||
border-bottom-color: #34d2d2 !important;
|
||||
}
|
||||
.el-table .descending .sort-caret.descending {
|
||||
border-top-color: #34d2d2 !important;
|
||||
}
|
||||
.el-table .el-table tr th::before {
|
||||
display: none;
|
||||
}
|
||||
.el-table .el-table {
|
||||
margin: 20px 20px 20px 46px;
|
||||
width: 95%;
|
||||
}
|
||||
.el-table .el-table th {
|
||||
background-color: #1a3968 !important;
|
||||
color: #a3a8e6 !important;
|
||||
}
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-range-editor.is-disabled,
|
||||
.el-range-editor.is-disabled input,
|
||||
.is-disabled .el-textarea__inner {
|
||||
color: #c8d4e4 !important;
|
||||
background-color: #354460 !important;
|
||||
border: none;
|
||||
}
|
||||
.is-disabled .el-range__icon {
|
||||
color: #abb8ca;
|
||||
}
|
||||
.el-dialog {
|
||||
background-color: rgba(12, 24, 49, 0.9) !important;
|
||||
margin-top: 14vh;
|
||||
margin: 14vh auto 0px !important;
|
||||
}
|
||||
.el-dialog .el-dialog__header {
|
||||
border-bottom: 1px solid #40ffff59;
|
||||
/*no*/
|
||||
}
|
||||
.el-dialog .el-dialog__header .el-dialog__title {
|
||||
color: #d4e0f0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.el-dialog .el-dialog__body {
|
||||
padding: 40px;
|
||||
}
|
||||
.el-dialog .el-dialog__body label {
|
||||
color: #9acaf7;
|
||||
}
|
||||
.el-dialog .el-tree__empty-text {
|
||||
color: #9acaf7;
|
||||
}
|
||||
.el-dialog .button-group {
|
||||
text-align: right;
|
||||
margin-top: 36px;
|
||||
}
|
||||
.el-dialog .el-table th {
|
||||
background-color: #111d40;
|
||||
color: #7788b9;
|
||||
padding: 0px 0px !important;
|
||||
}
|
||||
.el-dialog .el-table__empty-text {
|
||||
color: #7788b9;
|
||||
}
|
||||
.el-dialog .el-tree {
|
||||
border: 1px solid #9acaf7;
|
||||
/*no*/
|
||||
border-radius: 7px;
|
||||
}
|
||||
.el-dialog .el-dialog__wrapper {
|
||||
max-height: 98vh;
|
||||
}
|
||||
.el-message-box {
|
||||
background-color: rgba(10, 18, 25, 0.9) !important;
|
||||
border: none;
|
||||
}
|
||||
.el-message-box .el-message-box__title,
|
||||
.el-message-box .el-message-box__message {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-transfer-panel {
|
||||
background: #111d25 !important;
|
||||
}
|
||||
.el-transfer-panel .el-transfer-panel__header {
|
||||
background: #21405d !important;
|
||||
}
|
||||
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label,
|
||||
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
|
||||
color: #a1d8f9 !important;
|
||||
}
|
||||
.el-transfer-panel__item {
|
||||
display: block !important;
|
||||
}
|
||||
.el-button--primary {
|
||||
background-color: #2b9999 !important;
|
||||
border: none !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
.el-button--primary:hover,
|
||||
.el-button--primary:focus {
|
||||
background-color: #38cece !important;
|
||||
}
|
||||
.el-button--danger {
|
||||
background-color: #9e1e01 !important;
|
||||
border: none;
|
||||
}
|
||||
.el-button--warning.is-disabled,
|
||||
.el-button--primary.is-disabled,
|
||||
.el-button--danger.is-disabled,
|
||||
.el-button--danger.is-disabled:active,
|
||||
.el-button--danger.is-disabled:focus,
|
||||
.el-button--danger.is-disabled:hover,
|
||||
.el-button--warning.is-disabled:active,
|
||||
.el-button--warning.is-disabled:focus,
|
||||
.el-button--warning.is-disabled:hover,
|
||||
.el-button--primary.is-disabled:active,
|
||||
.el-button--primary.is-disabled:focus,
|
||||
.el-button--primary.is-disabled:hover {
|
||||
background-color: #929292 !important;
|
||||
border: none;
|
||||
}
|
||||
.el-button--warning {
|
||||
background-color: #b4843c !important;
|
||||
border: none;
|
||||
}
|
||||
.el-button--warning:hover {
|
||||
background-color: #e4a84f !important;
|
||||
border: none;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #617d96;
|
||||
border-radius: 3px;
|
||||
height: 5px !important;
|
||||
}
|
||||
/* IE 浏览器 */
|
||||
.scrollbar {
|
||||
/*三角箭头的颜色*/
|
||||
scrollbar-arrow-color: #fff;
|
||||
/*滚动条滑块按钮的颜色*/
|
||||
scrollbar-face-color: #0099dd;
|
||||
/*滚动条整体颜色*/
|
||||
scrollbar-highlight-color: #0099dd;
|
||||
/*滚动条阴影*/
|
||||
scrollbar-shadow-color: #0099dd;
|
||||
/*滚动条轨道颜色*/
|
||||
scrollbar-track-color: #0066ff;
|
||||
/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
|
||||
scrollbar-3dlight-color: #0099dd;
|
||||
/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
|
||||
scrollbar-darkshadow-color: #0099dd;
|
||||
/*滚动条基准颜色*/
|
||||
scrollbar-base-color: #0099dd;
|
||||
}
|
||||
.el-pagination {
|
||||
margin-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
.el-pagination .el-input {
|
||||
width: 60% !important;
|
||||
}
|
||||
.el-pagination .el-input .el-input__inner {
|
||||
color: #b2bece !important;
|
||||
background-color: #ffffff00 !important;
|
||||
}
|
||||
.el-pagination .el-pagination__total,
|
||||
.el-pagination .el-select .el-input .el-select__caret,
|
||||
.el-pagination .btn-prev,
|
||||
.el-pagination .btn-next {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-pagination .el-dialog,
|
||||
.el-pagination .el-pager li,
|
||||
.el-pagination button:disabled,
|
||||
.el-pagination .btn-prev,
|
||||
.el-pagination .btn-next {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.el-pagination .el-pager li {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-pagination .el-pager .active {
|
||||
color: #09e8e8 !important;
|
||||
}
|
||||
.el-loading-mask {
|
||||
background-color: rgba(13, 26, 40, 0.8) !important;
|
||||
}
|
||||
.select-view {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.select-view .echart-icon:hover {
|
||||
border: 1px solid #19f602 !important;
|
||||
/*no*/
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
border: 1px solid #8a8a8a;
|
||||
/*no*/
|
||||
vertical-align: middle;
|
||||
background-position: 4px 4px;
|
||||
background-size: 60%;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.select-view .echart-icon-active {
|
||||
border: 1px solid #19f602 !important;
|
||||
/*no*/
|
||||
}
|
||||
.select-view .table-icon:hover {
|
||||
border: 1px solid #19f602 !important;
|
||||
/*no*/
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
border: 1px solid #8a8a8a;
|
||||
/*no*/
|
||||
vertical-align: middle;
|
||||
background-position: 4px 4px;
|
||||
background-size: 60%;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.select-view .table-icon-active {
|
||||
border: 1px solid #19f602 !important;
|
||||
/*no*/
|
||||
}
|
||||
.select-view .change-icon {
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
border: 1px solid #8a8a8a;
|
||||
/*no*/
|
||||
vertical-align: middle;
|
||||
background-position: 4px 4px;
|
||||
background-size: 60%;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.block {
|
||||
border: 1px solid #2c667e;
|
||||
/*no*/
|
||||
padding: 15px 10px 10px;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.block .block-title {
|
||||
position: absolute;
|
||||
background-color: #153a38d9;
|
||||
padding: 5px 10px;
|
||||
color: #c1ffe9;
|
||||
top: -14px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.block .empty-text {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
color: #909399;
|
||||
}
|
||||
.el-input__inner {
|
||||
background-color: transparent !important;
|
||||
color: #b2bece;
|
||||
}
|
||||
.el-textarea__inner {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-select .el-input.is-focus .el-input__inner,
|
||||
.el-input.is-focus,
|
||||
.el-input__inner:focus-within {
|
||||
border-color: #40ffff !important;
|
||||
}
|
||||
.el-form-item.is-error .el-input__inner,
|
||||
.el-form-item.is-error .el-input__inner:focus,
|
||||
.el-form-item.is-error .el-textarea__inner,
|
||||
.el-form-item.is-error .el-textarea__inner:focus,
|
||||
.el-message-box__input input.invalid,
|
||||
.el-message-box__input input.invalid:focus {
|
||||
border-color: #F56C6C !important;
|
||||
}
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
||||
background-color: #1d2a46 !important;
|
||||
}
|
||||
.el-select-dropdown,
|
||||
.el-picker-panel,
|
||||
.el-dropdown-menu {
|
||||
background-color: #1d2a46 !important;
|
||||
border: 1px solid #40ffff;
|
||||
/*no*/
|
||||
}
|
||||
.el-tag.el-tag--info {
|
||||
background-color: #2b9999 !important;
|
||||
border-color: #06f3d2 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.el-select-dropdown__item,
|
||||
.el-dropdown-menu__item {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-select-dropdown__item.hover,
|
||||
.el-tree-node__content:hover,
|
||||
.el-dropdown-menu__item:hover {
|
||||
background-color: #145e5e !important;
|
||||
}
|
||||
.el-tree-node__content {
|
||||
background: transparent !important;
|
||||
}
|
||||
.is-current > .el-tree-node__content,
|
||||
.is-current > .el-tree-node__content:focus {
|
||||
background-color: #247676 !important;
|
||||
}
|
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
|
||||
background-color: #2f3235;
|
||||
}
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner,
|
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
background-color: #0dcac1;
|
||||
border-color: #dfefed;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label {
|
||||
color: #0be9ff;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: #787b80 !important;
|
||||
}
|
||||
input::-moz-input-placeholder {
|
||||
color: #787b80 !important;
|
||||
}
|
||||
input::-ms-input-placeholder {
|
||||
color: #787b80 !important;
|
||||
}
|
||||
.el-time-spinner__item {
|
||||
height: auto !important;
|
||||
}
|
||||
.el-picker-panel {
|
||||
color: #afb9b9 !important;
|
||||
}
|
||||
.time-select-item.selected:not(.disabled) {
|
||||
color: #32fbf2 !important;
|
||||
}
|
||||
.time-select-item:hover {
|
||||
background-color: #12504d !important;
|
||||
}
|
||||
.el-date-table td.today span {
|
||||
color: #00fff3 !important;
|
||||
}
|
||||
.el-date-table td.disabled div {
|
||||
background-color: #1d2a46;
|
||||
color: #616263;
|
||||
}
|
||||
.el-date-table td.disabled div span {
|
||||
color: #616263 !important;
|
||||
}
|
||||
.el-time-range-picker__header {
|
||||
color: #e4e4e4 !important;
|
||||
}
|
||||
.el-time-spinner__item.disabled {
|
||||
color: #575e6d !important;
|
||||
}
|
||||
.el-picker-panel__body-wrapper span,
|
||||
.el-picker-panel__body-wrapper a {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-range-editor.is-active,
|
||||
.el-range-editor.is-active:hover {
|
||||
border-color: #40ffff;
|
||||
}
|
||||
.el-range-input {
|
||||
background: transparent;
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-date-editor .el-range-separator,
|
||||
.el-date-range-picker__header div {
|
||||
color: #b2bece;
|
||||
}
|
||||
.el-picker-panel__footer {
|
||||
background: transparent;
|
||||
}
|
||||
.el-picker-panel__footer .el-button--text {
|
||||
color: #40ffff;
|
||||
}
|
||||
.el-picker-panel__footer .el-button--default {
|
||||
background: #2b9494;
|
||||
border: none;
|
||||
}
|
||||
.el-picker-panel__footer .el-button--default span {
|
||||
color: #fff;
|
||||
}
|
||||
.el-picker-panel__footer .el-button.is-plain:focus,
|
||||
.el-picker-panel__footer .el-button.is-plain:hover {
|
||||
background: #1a5c5c !important;
|
||||
border: none;
|
||||
}
|
||||
.el-select-dropdown__item.selected,
|
||||
.el-month-table td .cell:hover,
|
||||
.current a {
|
||||
color: #40ffff !important;
|
||||
}
|
||||
.el-date-picker__header {
|
||||
padding-bottom: 2px;
|
||||
margin: 3px !important;
|
||||
border-bottom: solid 1px #40ffff;
|
||||
/*no*/
|
||||
}
|
||||
.el-picker-panel__content th {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-picker-panel__content .el-date-table td.in-range div {
|
||||
background-color: #13969647;
|
||||
}
|
||||
.el-picker-panel__content .el-date-table td.end-date span,
|
||||
.el-picker-panel__content .el-date-table td.start-date span,
|
||||
.el-picker-panel__content .el-date-table td.current:not(.disabled) span {
|
||||
background-color: #1d881b;
|
||||
}
|
||||
.el-button.is-disabled.is-plain,
|
||||
.el-button.is-disabled.is-plain:focus,
|
||||
.el-button.is-disabled.is-plain:hover {
|
||||
background-color: #616868 !important;
|
||||
}
|
||||
.el-time-panel {
|
||||
background-color: #1d2a46;
|
||||
}
|
||||
.el-time-panel__btn {
|
||||
color: #40ffff !important;
|
||||
}
|
||||
.el-time-spinner__item {
|
||||
color: #b2bece;
|
||||
}
|
||||
.el-time-spinner__item:not(.active):hover {
|
||||
background-color: #2b9494 !important;
|
||||
}
|
||||
.el-time-spinner__item.active:not(.disabled) {
|
||||
color: #40ffff;
|
||||
}
|
||||
.el-picker-panel__icon-btn {
|
||||
color: #40ffff !important;
|
||||
}
|
||||
.popper__arrow::after {
|
||||
border-bottom-color: #40ffff !important;
|
||||
}
|
||||
.el-tree {
|
||||
background-color: transparent !important;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.el-tree span {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.el-textarea__inner {
|
||||
background: transparent;
|
||||
}
|
||||
.el-radio {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.is-checked .el-radio__inner {
|
||||
border-color: #40ffff !important;
|
||||
background: #40ffff !important;
|
||||
}
|
||||
.is-disabled .is-checked .el-radio__inner {
|
||||
border-color: #7a8e8e !important;
|
||||
background: #5a6363 !important;
|
||||
}
|
||||
.el-radio__input.is-checked + .el-radio__label {
|
||||
color: #40ffff !important;
|
||||
}
|
||||
.is-disabled .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #b2bece !important;
|
||||
}
|
||||
.filter {
|
||||
display: flex;
|
||||
background-size: 28px;
|
||||
padding-left: 40px;
|
||||
border-bottom: 1px solid #2c667e;
|
||||
/*no*/
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.filter > div {
|
||||
margin-right: 40px;
|
||||
line-height: 36px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.menu-select-title {
|
||||
height: 38px;
|
||||
background-size: 46px 46px;
|
||||
margin-bottom: 0.09375rem;
|
||||
line-height: 46px;
|
||||
padding-left: 13px;
|
||||
}
|
||||
.menu-select-title span {
|
||||
margin-left: 24px;
|
||||
border-bottom: 1px solid #2b6c09;
|
||||
/*no*/
|
||||
border-image: linear-gradient(to right, #00deff, #023c3e) 1 10 1;
|
||||
border-image: -webkit-linear-gradient(to right, #00deff, #023c3e) 30 30;
|
||||
border-image: -moz-linear-gradient(to right, #00deff, #023c3e) 30 30;
|
||||
display: inline-block;
|
||||
padding: 0 29px 0px 10px;
|
||||
line-height: 26px;
|
||||
color: #00d6ff;
|
||||
}
|
||||
.el-tooltip__popper.is-dark {
|
||||
background: #2b3853d4;
|
||||
}
|
||||
.home-title {
|
||||
background-size: 150px 35px;
|
||||
height: 25px;
|
||||
width: 100%;
|
||||
color: #40ffff;
|
||||
padding-left: 14px;
|
||||
line-height: 25px;
|
||||
background-position: -14px -4px;
|
||||
}
|
||||
.home-block {
|
||||
position: relative;
|
||||
}
|
||||
.home-block > div:nth-child(1) {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.opacity1 {
|
||||
animation: move_down 1s ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.opacity0 {
|
||||
animation: move_top 1s ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@-webkit-keyframes move_top {
|
||||
0% {
|
||||
top: 0px;
|
||||
}
|
||||
100% {
|
||||
top: -50px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes move_top {
|
||||
0% {
|
||||
top: 0px;
|
||||
}
|
||||
100% {
|
||||
top: -50px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes move_down {
|
||||
0% {
|
||||
top: -60px;
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
top: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes move_down {
|
||||
0% {
|
||||
top: -60px;
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
top: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.el-input__inner,
|
||||
.el-checkbox__inner::after {
|
||||
border-width: 1px !important;
|
||||
/*no*/
|
||||
}
|
||||
.empty-text2 {
|
||||
color: #e6e6e6;
|
||||
margin-top: 17%;
|
||||
margin-left: 27%;
|
||||
}
|
||||
.empty-text2::before {
|
||||
content: "";
|
||||
display: block;
|
||||
background-size: 100% 100%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.empty-text2::after {
|
||||
content: "暂无数据";
|
||||
}
|
||||
.rect-border {
|
||||
background: rgba(18, 24, 26, 0.98);
|
||||
border: 1px solid #075252;
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.rect-border .rect-border-title {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background-size: cover;
|
||||
line-height: 40px;
|
||||
padding-left: 38px;
|
||||
margin-bottom: 5px;
|
||||
color: #00ffd5;
|
||||
text-align: left;
|
||||
}
|
||||
.rect-border .rect-border-title .icon {
|
||||
color: #fffc00;
|
||||
font-size: 16px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.rect-border .close-icon {
|
||||
float: right;
|
||||
color: #00ffd5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.rect-border::before,
|
||||
.rect-border::after,
|
||||
.rect-border .border-foot::before,
|
||||
.rect-border .border-foot::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border: 1px solid #05e2e2;
|
||||
box-shadow: 0px 0px 8px #11fec7;
|
||||
background: rgba(18, 24, 26, 0.98);
|
||||
}
|
||||
.rect-border::before {
|
||||
left: -3px;
|
||||
top: -2px;
|
||||
}
|
||||
.rect-border::after {
|
||||
right: -3px;
|
||||
top: -2px;
|
||||
}
|
||||
.rect-border .border-foot::before {
|
||||
left: -3px;
|
||||
bottom: -2px;
|
||||
}
|
||||
.rect-border .border-foot::after {
|
||||
right: -3px;
|
||||
bottom: -2px;
|
||||
}
|
||||
Reference in New Issue
Block a user