web_sh_audit/src/assets/global.css

/* 全局滚动条 */
/*滚动条整体部分*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(4, 103, 143, 0.9);
}
/*正常时候的主干部分*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.3);
}

/* @borderColor: #00aaff;
@borderColor32: #00aaff32;
@borderColor64: #00aaff64;
@topTitleBgLeft: #002645;
@topTitleMinLeft: #002f56;
@lightColor: #74ffff; */
/* el-tree */
.el-icon-caret-right:before {
  display: none;
}

.el-tree {
  background: rgba(255, 255, 255, 0) !important;
  color: #fff;
  font-family: "PingFangSC SC";
}

.el-tree-node .is-focusable {
  background: rgba(255, 255, 255, 0) !important ;
}

.el-tree-node__content:hover,
.el-upload-list__item:hover {
  background: rgba(255, 255, 255, 0) !important;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: rgba(255, 255, 255, 0) !important;
}

.el-tree-node:focus > .el-tree-node__content {
  background: transparent !important;
}

/* el-collapse */

.el-collapse {
  border: none;
}
.el-collapse-item {
  border: none;
}
.el-collapse-item__header {
  text-indent: 20px;
  background: linear-gradient(
    to top,
    rgba(79, 172, 254, 0.5),
    rgba(0, 242, 254, 0.5)
  );
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border: none;
}
.el-collapse-item__header i {
  text-indent: 0px;
}

.el-collapse-item__wrap {
  background-color: rgba(255, 255, 255, 0);
  border: none;
}

/* 下拉框 */

.el-select .el-input__inner:focus {
  border: 1px solid rgba(47, 184, 255, 0.7);
}

.el-select .el-input__inner {
  background: rgba(0, 39, 77, 1);
  color: white;
  font-size: 16px;
  border: 1px solid rgba(47, 184, 255, 0.7);
  border-radius: 2px;
}

.el-select-dropdown {
  border: 1px solid rgba(47, 184, 255, 0.7);
  border-radius: 2px;
  color: #fff;
  background-color: rgba(0, 39, 77, 0.8);
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  margin: 5px 0;
}

.el-select-dropdown__item {
  font-size: 15px;
  color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: rgba(79, 172, 254, 0.4);
  color: rgba(0, 242, 254, 1);
}

.el-select-dropdown__item.selected {
  color: rgba(0, 242, 254, 1);
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: rgba(47, 184, 255, 0.7);
}
.el-popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: rgba(47, 184, 255, 0.7);
}
/* el-dialog el-message-box */
.el-dialog,
.el-message-box {
  background: rgba(0, 39, 77, 0.9);
  border: 1px solid #2fb8ff;
  box-sizing: border-box;
}
.el-dialog__header {
  position: relative;
  background: linear-gradient(to left, transparent, transparent) right bottom
      no-repeat,
    linear-gradient(to right, transparent, #00aaff, transparent) right bottom
      no-repeat;
  background-size: 0 0, 100% 1px, 0 0, 0 0;
}
.dialogTitle {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: pingfangSC;
  font-weight: 300;
  color: #e6e6e6;
}
.dialogTitleIcon {
  width: 16px;
  height: 16px;
  background-color: #2fb8ff;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 0);
  margin-right: 1rem;
}
.el-dialog__title,
.el-message-box__title {
  color: #ffffff;
}
.el-form-item__label,
.el-message-box__message {
  color: #ffffff;
}
.el-input__inner,
.el-textarea__inner {
  background: none;
  color: #f2f6fc;
}
/* el-button--default */
.el-button--default,
.el-button--default:focus {
  background-image: --webkit-linear-gradient(to top, #303133, #606266);
  background-image: --moz-linear-gradient(to top, #303133, #606266);
  background-image: linear-gradient(to top, #303133, #606266);
  color: #c0c4cc;
}
.el-button--default:hover {
  background-image: --webkit-linear-gradient(to top, #606266, #909399);
  background-image: --moz-linear-gradient(to top, #606266, #909399);
  background-image: linear-gradient(to top, #606266, #909399);
  color: #fff;
}
.el-button--primary,
.el-button--primary:focus {
  background-image: --webkit-linear-gradient(to top, #002f56, #00aaff);
  background-image: --moz-linear-gradient(to top, #002f56, #00aaff);
  background-image: linear-gradient(to top, #002f56, #00aaff);
}
.el-button--primary:hover {
  background-image: --webkit-linear-gradient(to top, #00aaff, #1deef5);
  background-image: --moz-linear-gradient(to top, #00aaff, #1deef5);
  background-image: linear-gradient(to top, #00aaff, #1deef5);
}
/* table */
.el-dialog__body *,
#WholeProcessManagement
  *:not(.el-pager li, .el-pagination .btn-prev, .StepsMyBox, .StepsMyBox
    *, .el-table__row, .el-table__header-wrapper),
tr,
td,
th {
  background-color: transparent !important;
}

.el-table__row {
  background: #00395c !important;
}
.el-table__row:hover {
  cursor: pointer !important;
  color: #fff !important;
  background-color: #ffffff32 !important;
  background: #ffffff32 !important;
}

.el-table__header-wrapper {
  background: #00000064 !important;
}
/* .el-table__body-wrapper  */
.is-scrolling-none.el-table__body {
  background-color: #00000032 !important;
}
.el-table,
.el-pagination__total,
.el-pagination__jump {
  color: #c0c4cc;
}
.el-table thead {
  color: #ffffff;
}
.el-table__fixed-right::before,
.el-table__fixed::before,
.el-table::before {
  height: 0;
}
.has-gutter {
  background-color: #00000064 !important;
}
/* 二级菜单 */
.el-menu--popup-bottom-start {
  background-color: #00aaffaa;
}
#app ~ .el-menu--horizontal .el-menu-item {
  /* padding: 10px 0; */
  margin: 10px;
  height: 50px !important;
  text-align: center;
  font-size: 20px;
  font-family: pingfangSC;
  font-weight: bold;
  line-height: 50px;
  color: #ffffffaa;
  background-color: #254fc6;
  box-sizing: border-box;
}
#app ~ .el-menu--horizontal .is-active {
  background: linear-gradient(0deg, #4279d2 0%, #0942c0 100%);
  border: 1px solid #74ffff;
}

#app ~ .el-menu--horizontal .el-menu-item:hover {
  border: 1px solid #74ffff;
}

.docx-wrapper section.docx {
  box-shadow: none !important;
}

/* leaflet 弹窗样式修改 */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: transparent;
}

.leaflet-popup-tip {
  background: #002f56;
}
/* .el-step__icon */
.el-step__icon {
  background-color: #002f56;
}
.is-process {
  color: #fff !important;
  border-color: #fff !important;
}
.docx-wrapper {
  background: #ffffff !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}
.docx-wrapper .docx {
  width: 100% !important;
}

/* iframe标签自动隐藏：主要用于同屏对比中打印时新建的标签 */
body iframe {
  position: fixed;
  z-index: -1;
}

.leaflet-touch .leaflet-bar a {
  position: fixed;
  left: 21%;
  top: 150px;
}

/* ChartCard组件中的Empty组件样式 */
.el-empty {
  width: 100%;
  height: 100%;
  padding: 0;
}
.el-empty__image {
  width: 40px;
}
.el-empty__description {
  margin: 0;
}
/* 时间范围组件 */
.el-range-separator {
  color: #ffffff !important;
}

/* el-loading样式 */
/* 修改动画的大小  给文字加粗效果 */
.el-loading-spinner {
  font-size: 40px;
  font-weight: bold;
}
/* 修改文字的大小 */
.el-loading-mask .el-loading-spinner .el-loading-text {
  font-size: 18px;
}

/* filter */
.el-table-filter {
  background-color: rgb(0, 39, 77) !important;
  border-color: rgba(0, 39, 77, 0.6) !important;
}
.is-disabled {
  background-color: rgb(0, 39, 77, 0.5) !important;
}
.el-table-filter__bottom{
  border-top-color: rgb(255,255,255, 0.3) !important;
}
.el-table-filter__list-item{
  color: rgba(255,255,255,0.9);
}