字体 & 滚动条 & element 图标 ICON & elemntUi 默认主题

最新推荐文章于 2023-05-25 16:13:53 发布

策码奔腾---嘚驾~

最新推荐文章于 2023-05-25 16:13:53 发布

阅读量334

点赞数

分类专栏： css 文章标签： css html html5

本文链接：https://blog.csdn.net/qq_42489210/article/details/120044773

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

css

/*自定义字体*/
@font-face {
  font-family: "Furore";
  src: url("./fonts/Furore/Furore-webfont.woff2") format("woff2"),
    url("./fonts/Furore/Furore-webfont.woff") format("woff"),
    url("./fonts/Furore/Furore-webfont.ttf") format("truetype"),
    url("./fonts/Furore/Furore-webfont.eot") format("embedded-opentype"),
    url("./fonts/Furore/Furore-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  width: 1em;
  height: 1em;
  font-family: "font_family" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

滚动条

/* 滚动条 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px; /* no */ /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px; /* no */
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px; /* no */
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* no */
  background: rgba(67, 182, 255, 1);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* no */
  border-radius: 10px; /* no */
  background: rgba(67, 182, 255, 0.05);
}
::-webkit-scrollbar-corner {
  /*滚动条里面小格格*/
  background-color: transparent;
}

Element UI 图标 ICON

.el-button .iconadd {
  width: 12px;
  height: 12px;
  background: url(../assets/img/add.png) no-repeat;
  background-size: 100% 100%;
}

elementUi 默认主题 css

@charset "utf-8";
/*commom*/
* {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05vh;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-padding-start: 0;
}
img {
  border: none;
}
a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: #fff;
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
}
/* 正在点击的链接*/
a:active {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
i {
  font-style: normal;
}
p,
dl,
dt,
dd,
ul,
ol,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*浮动家族*/
.fl {
  float: left;
}
.fr {
  float: right;
}
/*清除浮动*/
.clear_fix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
/*通用的样式*/
html,
body {
  width: 100%;
  height: 100%;
}
body {
  color: #fff;
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  background: transparent;
  background: url(../assets/img/bg.png) no-repeat;
  background-size: 100% 100%;
}
.indexview {
  width: 100%;
  height: 100%;
  position: relative;
}
img {
  vertical-align: middle;
}

.el-container.is-vertical {
  width: 100%;
  height: 100%;
}
.el-container .el-header.tops {
  padding: 0;
}
.el-container .el-main {
  padding: 0;
  overflow: hidden;
}
/*自定义字体*/
@font-face {
  font-family: "Furore";
  src: url("./fonts/Furore/Furore-webfont.woff2") format("woff2"),
    url("./fonts/Furore/Furore-webfont.woff") format("woff"),
    url("./fonts/Furore/Furore-webfont.ttf") format("truetype"),
    url("./fonts/Furore/Furore-webfont.eot") format("embedded-opentype"),
    url("./fonts/Furore/Furore-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  width: 1em;
  height: 1em;
  font-family: "font_family" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/* 滚动条 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px; /* no */ /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px; /* no */
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px; /* no */
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* no */
  background: rgba(67, 182, 255, 1);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* no */
  border-radius: 10px; /* no */
  background: rgba(67, 182, 255, 0.05);
}
::-webkit-scrollbar-corner {
  /*滚动条里面小格格*/
  background-color: transparent;
}
/* IE 浏览器 */
body {
  /*三角箭头的颜色*/
  scrollbar-arrow-color: #fff;
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: rgba(67, 182, 255, 0.2);
  /*滚动条整体颜色*/
  scrollbar-highlight-color: rgba(0, 0, 0, 0.2);
  /*滚动条阴影*/
  scrollbar-shadow-color: rgba(0, 0, 0, 0.2);
  /*滚动条轨道颜色*/
  scrollbar-track-color: rgba(0, 0, 0, 0.2);
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  /* scrollbar-3dlight-color:#0099dd; */
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  /* scrollbar-darkshadow-color: #0099dd; */
  /*滚动条基准颜色*/
  /* scrollbar-base-color: rgba(67, 182, 255, 0.05); */
}
body::-webkit-scrollbar-track {
  border-radius: 10px; /* no */
}
body::-webkit-scrollbar {
  width: 8px; /* no */
  height: 8px; /* no */
}

/* 描边 */
.stroke {
  box-shadow: 0 0 13px #95bfff; /*no*/
  border: 1px solid #ccffff; /*no*/
  background: rgba(9, 59, 118, 0.95);
}
/* 首页框标题样式 */

.viewboxltit {
  text-align: center;
  margin: 1.85185185185185vh 0 1.66666666666667vh 0;
  font-size: 22px;
}
.viewtitdiv {
  width: 94%;
  margin: 0 auto;
  height: 3.7037037037037vh;
  line-height: 3.7037037037037vh;
  background: rgba(66, 169, 255, 0.12);
  box-shadow: 0px -1px 0px 0px #42a9ff, 0px -1px 0px 0px #42a9ff inset;
}
.viewtitdiv .viewtitdivimg img {
  width: 22px;
  height: 22px;
  margin: 0 10px 0 16px;
}
.viewtitdiv .viewtitdivmsg {
  font-size: 18px;
}
.viewtitdiv .viewtitdivtime {
  font-size: 15px;
  margin-right: 10px;
}

@media only screen and (max-width: 1366px) {
  .viewtitdiv .viewtitdivimg img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 8px;
  }
  .viewtitdiv .viewtitdivmsg {
    font-size: 14px;
  }
}
/* 二级container */
.secondLevel {
  background: #1f5584;
}
.secondLevel .el-main {
  padding: 0 20px;
  background-color: rgba(9, 59, 118, 0.8);
}
.secondLevel .el-footer {
  padding: 0 20px;
  background-color: rgba(9, 59, 118, 0.8);
}
.secondLevel .secondLevelform {
  padding: 0 20px;
  background-color: rgba(9, 59, 118, 0.8);
}
.secondLevel .secondLevelform .demo-form-inline {
  border-bottom: 1px solid rgba(0, 168, 244, 0.4); /*no */
}
.secondLevel .secondLevelrow {
  padding: 14px 20px;
  background-color: rgba(9, 59, 118, 0.8);
}
/* header */
.el-header {
  padding: 0;
}

/* 面包屑 */
.el-breadcrumb {
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background-color: rgba(9, 59, 118, 0.8);
  margin-bottom: 10px;
  padding: 0 20px;
}
.el-breadcrumb .leftbreadcrumb-item {
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: #fff;
}
.el-breadcrumb .el-breadcrumb__inner {
  color: #fff;
}
.el-breadcrumb a {
  color: #fff;
  font-size: 16px;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #fff;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner a {
  color: #fff;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: #fff;
}
.el-breadcrumb .navimg {
  width: 16px;
  margin: 0 9px;
}

/* 表格 */
.el-table,
.el-table__expanded-cell {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.el-table th,
.el-table tr {
  background-color: transparent;
  color: rgba(213, 241, 255, 1);
  font-size: 16px;
}
.el-table thead > tr {
  background-color: rgba(9, 34, 79, 0.3);
}
.el-table thead > tr > th {
  color: #fff;
  font-size: 18px;
}
.el-table td,
.el-table th.is-leaf {
  border-color: transparent;
}
.el-table thead.is-group th {
  background-color: transparent;
}
.el-table--border td,
.el-table--border th.is-leaf,
.el-table--border th,
.el-table__fixed-right-patch {
  border-color: rgba(176, 204, 255, 0.21);
}
.el-table--border th.gutter:last-of-type {
  border-color: transparent;
}
/* 斑马纹 */
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: rgba(0, 168, 244, 0.1);
}
.el-table tbody tr:hover > td {
  background-color: rgba(0, 168, 244, 0.4) !important;
}
@media only screen and (max-width: 1366px) {
  .el-table th,
  .el-table tr {
    font-size: 12px;
  }
  .el-table thead > tr > th {
    font-size: 14px;
  }
}
/* 去掉表格底部白线 */
.el-table::before {
  height: 0px;
}
/* 去掉表格右边白线 */
.el-table--border::after,
.el-table--group::after {
  width: 0;
}

/* form */
.el-form-item {
  padding: 12px 0;
  margin-bottom: 0;
}
.demo-form-inline {
}
.el-form-item__label {
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
}
input.el-input__inner,
textarea.el-textarea__inner {
  height: 34px;
  background-color: rgba(45, 173, 231, 0.2);
  color: #fff;
  font-weight: 200;
  border: 0;
  border-radius: 0;
}
.el-radio__label {
  color: #fff;
}
/* 下拉框 */
.el-select-dropdown {
  /* background-color: rgba(45,173,231,1);
  color: #fff; */
}
.el-input-group__append,
.el-input-group__prepend {
  background-color: transparent;
  border: 0;
  color: #fff;
}

/* 按钮 */
.el-button {
  border-radius: 0;
}
.el-button:focus {
  border-color: transparent;
  background-color: transparent;
}
.el-button--primary,
.el-button--default {
  color: #fff;
  background-color: rgba(45, 173, 231, 0.2);
  border-color: rgba(40, 187, 255, 0.8);
  box-shadow: 0 0 12px 0 rgba(40, 187, 255, 0.8) inset; /*no*/
  padding: 0 18px;
  line-height: 30px;
  font-size: 14px;
}
.el-button--default:hover,
.el-button--default:focus,
.el-button--primary:hover,
.el-button--primary:focus,
.el-button--info:hover,
.el-button--info:focus {
  background-color: rgba(45, 173, 231, 0.6);
  border-color: rgba(40, 187, 255, 0.8);
  color: #fff;
}
.el-button--info {
  color: #fff;
  background-color: rgba(45, 173, 231, 0.2);
  border-color: rgba(40, 187, 255, 0.8);
  border-radius: 5px; /*no*/
  padding: 0 8px;
  line-height: 24px;
  font-size: 14px;
}
.el-button + .el-button {
  margin-left: 6px;
}
.el-button--primary i,
.el-button--default i {
  display: inline-block;
}
.el-button--info i {
  display: inline-block;
}
.el-button .iconadd {
  width: 12px;
  height: 12px;
  background: url(../assets/img/add.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconedit {
  width: 11px;
  height: 12px;
  background: url(../assets/img/edit.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .icondel {
  width: 8px;
  height: 8px;
  background: url(../assets/img/del.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .icondr {
  width: 11px;
  height: 11px;
  background: url(../assets/img/daoru.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .icondc {
  width: 11px;
  height: 11px;
  background: url(../assets/img/daochu.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconss {
  width: 14px;
  height: 14px;
  background: url(../assets/img/icon_search.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconcz {
  width: 13px;
  height: 13px;
  background: url(../assets/img/icon_reset.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconcheck {
  width: 14px;
  height: 14px;
  background: url(../assets/img/icon_check.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconbj {
  width: 13px;
  height: 13px;
  background: url(../assets/img/icon_edit.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconfile {
  width: 14px;
  height: 14px;
  background: url(../assets/img/icon_files.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconloc {
  width: 14px;
  height: 14px;
  background: url(../assets/img/icon_locality.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .icondelete {
  width: 14px;
  height: 14px;
  background: url(../assets/img/icon_delete.png) no-repeat;
  background-size: 100% 100%;
}
.el-button .iconset {
  width: 17px;
  height: 15px;
  background: url(../assets/img/icon_set.png) no-repeat;
  background-size: 100% 100%;
}

/* 分页 */
.table-page {
  text-align: center;
}
.table-page .el-pagination__total {
  color: rgba(213, 241, 255, 1);
  font-size: 14px;
}
.table-page .el-pagination__jump {
  color: rgba(213, 241, 255, 1);
  font-size: 14px;
}

/* 地图 */
#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
/* 去掉百度地图logo */
.anchorBL {
  display: none;
}
/**百度地图弹窗样式清空**/
.BMap_pop .BMap_center,
.BMap_pop .BMap_top,
.BMap_pop .BMap_bottom {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.BMap_pop > div:nth-child(1) > div:nth-child(1),
.BMap_pop > div:nth-child(3) > div:nth-child(1),
.BMap_pop > div:nth-child(5) > div:nth-child(1),
.BMap_pop > div:nth-child(7) > div:nth-child(1) {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.BMap_pop > div:nth-child(8) > img {
  opacity: 0.05 !important;
}
.BMap_pop > img:nth-of-type(1) {
  /* top: 31px !important; */
  display: none !important;
}
.BMap_pop div:first-child div {
  background-color: transparent !important;
  border: 0 !important;
}
.BMap_top + div > div {
  background-color: transparent !important;
  border: 0 !important;
}
.BMap_center + div > div {
  background-color: transparent !important;
  border: 0 !important;
}
.BMap_bottom + div > div {
  background-color: transparent !important;
  border: 0 !important;
}
.BMap_shadow {
  display: none;
}
.BMap_pop div img {
  display: none;
}

/* 弹出框样式 */
.el-dialog {
  background-color: rgba(9, 59, 118, 0.95);
  border: 1px solid rgba(35, 162, 228, 1); /*no*/
}
.el-dialog__header {
  background-color: rgba(45, 173, 231, 0.2);
}
.el-dialog__header .el-dialog__title {
  color: #48fcff;
  font-size: 18px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: rgba(72, 252, 255, 1);
}
.el-dialog__body {
  color: #fff;
}
/* 弹出框标签页下标题样式 */
.real_time_data {
  background-color: rgba(45, 173, 231, 0.2);
  padding: 9px 0;
  color: #fff;
  margin: 10px 0;
}
.real_time_data .real_time_data_name {
  border-left: 1px solid #48fcff;
  padding-left: 11px;
  font-size: 18px;
}

/* tag标签 */
.el-tag {
  border-radius: 0;
  background-color: rgba(31, 179, 255, 0.4);
  font-size: 18px;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.el-tag.active {
  background-color: rgba(72, 252, 255, 0.6);
}

/* 卡片 */
.el-card {
  background-color: rgba(9, 59, 118, 0.95);
  border: 1px solid rgba(35, 162, 228, 1); /*no*/
  border-radius: 0;
  color: #fff;
}
.el-card .el-card__header {
  padding: 14px 19px;
  background-color: rgba(45, 173, 231, 0.2);
  border-bottom: 0;
}
.el-card .el-card__header span {
  color: #48fcff;
  font-size: 18px;
}

/* 日历 */
.wh_container {
  height: 100%;
}
.wh_container .wh_content_all {
  height: 100%;
  background-color: transparent;
}
.wh_top_changge li {
  font-size: 14px !important;
  height: auto !important;
  line-height: 28px !important;
}
.wh_content_item {
  height: auto !important;
}
.wh_top_tag {
  width: auto !important;
  height: auto !important;
  line-height: 27px !important;
}
.wh_content_item .wh_isToday {
  background: transparent;
}

.wh_item_date {
  width: auto !important;
  height: auto !important;
  line-height: 28px !important;
}
.wh_top_changge {
  margin-top: 4px;
}
.wh_content_item .wh_isToday,
.wh_content_item .wh_chose_day {
  border-radius: 0 !important;
  background: rgba(2, 215, 0, 0.8) !important;
}
.wh_content_item .markyou {
  background: rgba(2, 215, 0, 0.8);
}
.wh_content_item .markliang {
  background: rgba(235, 194, 0, 0.8);
}
.wh_content_item .markqing {
  background: rgba(255, 124, 0, 0.8);
}
.wh_content_item .markzhong {
  background: rgba(234, 22, 22, 0.8);
}
.wh_content_item .markzdu {
  background: rgba(185, 0, 89, 0.8);
}
.wh_content_item .markyanz {
  background: rgba(142, 0, 41, 0.8);
}

/* 导航 */
.el-menu {
  background-color: transparent;
}
.el-menu.el-menu--horizontal {
  border-bottom: 0;
}
.el-menu .leftm {
  margin-left: 88px;
}
.el-menu .leftm > li,
.el-menu .rightm > li {
  float: left;
}
.el-submenu__title {
  color: #fff;
}
.el-header .el-menu-item,
.el-submenu__title {
  color: #fff;
  font-size: 24px;
  height: 8.008147vh;
  line-height: 7.548148vh;
  border-bottom: 4px solid rgba(9, 59, 118, 0.95); /*no*/
  box-sizing: border-box;
}
.el-header .el-submenu.is-active .el-submenu__title {
  border-color: rgba(255, 255, 255, 1);
  background: url("../assets/img/hover.png") no-repeat;
  background-size: 100% 100%;
}
.el-header .el-menu-item.is-active {
  color: #fff !important;
  border-color: #fff;
  text-shadow: 0 0 20px#fff;
  background: url("../assets/img/hover.png") no-repeat;
  background-size: 100% 100%;
}
.el-header .el-submenu.is-active  .el-menu-item.is-active {
  border-color: rgba(9, 59, 118, 0.95);
}
.el-header .el-submenu.is-active  .el-submenu.is-active .el-submenu__title {
  border-color: rgba(9, 59, 118, 0.95);
}
.el-header .el-menu-item:hover,
.el-header .el-submenu__title:hover,
.el-header .el-menu-item:focus,
.el-header .el-submenu__title:focus {
  color:#fff !important;
  background-color: transparent;
  text-shadow: 0 0 20px#fff;
  border-bottom: 4px solid #fff; /*no*/
}
.el-menu-item:hover a,
.el-submenu__title:hover a,
.el-menu-item:focus a,
.el-submenu__title:focus a {
  text-shadow: 0 0 20px#fff;
  text-decoration: none;

}
.el-submenu__title .el-icon-arrow-down {
  display: none;
}
.el-menu--horizontal .el-menu--popup {
  background-color: rgba(9, 59, 118, 0.95);
  border-radius: 0;
  border: 1px solid rgba(35, 162, 228, 1); /*no*/
}
.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  background-color: rgba(35, 162, 228, 1);
  color: #fff;
}
.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
  background-color: transparent;
  font-size: 18px;
  color: #fff;
}
.el-menu--horizontal .el-menu .el-menu-item:hover,
.el-menu--horizontal .el-menu .el-submenu__title:hover {
  background-color: rgba(35, 162, 228, 1);
  color: #fff;
  border-bottom: 4px solid rgba(9, 59, 118, 0.95); /*no*/
}
.el-menu--horizontal .el-menu .el-submenu__title .el-submenu__icon-arrow {
  color: #fff;
}
.el-submenu__title * {
  vertical-align: baseline;
}
.el-menu-item * {
  vertical-align: baseline;
}
.bigdata {
  left: -212px !important;
}

/* 提示消息 */
.el-message {
  padding: 15px 15px 15px 20px;
  background-color: rgba(9, 59, 118, 0.95);
  border-color: rgba(35, 162, 228, 1);
}
.el-message > i {
  font-size: 26px;
  color: transparent;
  position: relative;
}
.el-message > i::after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
}
.el-message > .el-icon-warning,
.el-message > .el-icon-success,
.el-message > .el-icon-error {
  color: transparent;
}
.el-message > .el-icon-warning::after {
  background: url(../assets/img/icon_warn.png) no-repeat;
  background-size: 100% 100%;
}
.el-message > .el-icon-success::after {
  background: url(../assets/img/icon_win.png) no-repeat;
  background-size: 100% 100%;
}
.el-message > .el-icon-error::after {
  background: url(../assets/img/icon_lose.png) no-repeat;
  background-size: 100% 100%;
}
.el-message > .el-icon-circle-close {
  color: #48fcff;
}
.el-message--success .el-message__content {
  color: rgba(71, 249, 253, 1);
}
.el-message--warning .el-message__content {
  color: rgba(255, 183, 57, 1);
}
.el-message--error .el-message__content {
  color: rgba(255, 66, 79, 1);
}

/* 确认弹窗 */
.el-message-box {
  background-color: rgba(9, 59, 118, 0.95);
  border: 1px solid rgba(35, 162, 228, 1); /*no*/
}
.el-message-box .el-message-box__content {
  color: #fff;
  font-size: 16px;
}
.el-message-box__headerbtn .el-message-box__close {
  color: #48fcff;
}
.el-message-box .el-message-box__status.el-icon-warning {
  color: transparent;
  font-size: 46px;
  margin-bottom: 14px;
  width: 25px;
  height: 24px;
}
.el-message-box .el-message-box__status.el-icon-warning::after {
  content: "";
  width: 25px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../assets/img/icon_warn2.png) no-repeat;
  background-size: 100% 100%;
}
.el-message-box .el-message-box__btns {
  text-align: right;
}
.el-message-box__title span {
  color: rgba(72, 252, 255, 1);
}

/*日期*/
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: auto;
  border: 0;
  color: #fff;
}

.el-date-editor .el-range-separator {
  color: #fff;
}
.el-input__inner {
  background-color: rgba(45, 173, 231, 0.2);
  border-radius: 0;
  border: 0;
  color: #fff;
}
.el-date-editor .el-range-input {
  color: #fff;
  background-color: transparent;
}

/* 树形控件 */
.el-tree {
  background: transparent;
  color: #fff;
}
.el-tree-node:hover {
  background: transparent;
}
.el-tree-node:focus > .el-tree-node__content {
  background: rgba(45, 173, 231, 0.2);
}
.el-tree-node__content:hover {
  background: rgba(45, 173, 231, 0.2);
}

/* 实时监测控制质量排名表格 */
.airQualitybox .el-table th > .cell,
.airQualitybox .el-table .cell,
.airQualitybox .el-table .cell {
  padding: 0;
}
/* 碧水表格 */
.clearwater .el-table th > .cell,
.clearwater .el-table .cell,
.clearwater .el-table .cell {
  padding: 0;
}

/* 地图收缩小矩形 */
.shrinkage {
  background: rgba(9, 59, 118, 0.95);
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  cursor: pointer;
}
.shrinkage div {
  float: left;
}
.shrinkage .shrinkage_img {
  margin-right: 11px;
  margin-left: 15px;
}
.shrinkage .shrinkage_img img {
  width: 22px;
  height: 22px;
}
.shrinkage .shrinkage_tit {
  font-size: 18px;
}
.shrinkage .shrinkage_icon {
  float: right;
  margin-right: 8px;
}
.shrinkage .shrinkage_icon span {
  color: #48fcff;
}
@media only screen and (max-width: 1600px) {
  .shrinkage .shrinkage_img {
    margin-right: 9px;
    margin-left: 12px;
  }
  .shrinkage .shrinkage_icon {
    margin-right: 6px;
  }
}
/* 图片放大 */
.el-image-viewer__wrapper {
}
/* 折叠面板 */
.el-collapse {
  border: 0;
}
.el-collapse-item__header {
  background-color: rgba(9, 34, 79, 0.5);
  color: #fff;
  border: 0;
  margin-bottom: 2px;
  text-indent: 10px;
}
.el-collapse-item__wrap {
  background-color: rgba(45, 173, 231, 0.25);
  border: 0;
}
.el-collapse-item__content {
  color: #fff;
  text-indent: 30px;
}
.el-collapse-item__header.is-active {
  color: #fff;
}

.el-table th.gutter {
  display: table-cell !important;
}
.el-input.is-disabled .el-input__inner {
  background-color: rgba(45, 173, 231, 0.2);
  border-color: #e4e7ed;
  color: #fff;
}
.el-tooltip__popper {
  max-width: 800px;
}

待更新。。。

策码奔腾---嘚驾~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
字体 & 滚动条 & element 图标 ICON & elemntUi 默认主题

css/*自定义字体*/@font-face { font-family: "Furore"; src: url("./fonts/Furore/Furore-webfont.woff2") format("woff2"), url("./fonts/Furore/Furore-webfont.woff") format("woff"), url("./fonts/Furore/Furore-webfont.ttf") format("truetype"), url(
复制链接

扫一扫