baelish_pro_theme

泛采系统专业版主题

目前为 2021-02-24 提交的版本。查看 最新版本

@-moz-document domain("spider.vpc.shangjian.tech"), domain("baelish-zncj.xhszjs.com/"), domain("baelish.zncjtest.xhszjs.cn"), domain("baelish.zncjdev.xhszjs.cn"), domain("spider.vpc.shangjian.tech:8686") {
  /* ==UserStyle==
  @name         baelish_pro_theme
  @description  泛采系统专业版主题
  @namespace    spider.vpc.shangjian.tech
  @author       房天生
  @version      0.6.0
  @preprocessor stylus
  ==/UserStyle== */
  /* 导航菜单栏 */
  * {
      -moz-transition: none;
      -webkit-transition: none;
      transition: unset;
  }
  .login_title .head,
  .home_title .head {
      background-color: #0049b0;
      position: fixed;
      z-index: 999;
      left: 0;
      right: 0;
      top: 0;
      height: 20px;
  }
  .home .home_title {
      height: 20px;
  }
  .head .system_icon_private,
  .head .system_icon {
      height: 16px;
  }
  .head .nav {
      line-height: 20px;
      font-size: 12px;
      margin-left: 0px;
  }
  .head .system_name {
      font-size: 16px;
      display: none;
  }
  /* 页面上移动 */
  .content_body {
      top: -35px;
  }
  /*  */
  .content_body_toolBox {
      height: 16px;
  }
  .content_body_table {
      top: 16px;
  }
  /* 页面靠在左边 */
  .content_body_container {
      left: 0px;
      bottom: 4px;
  }
  /* 右侧标题 */
  .content_body_right_containerBox .content_body_right_titleBox {
      font-size: 15px;
      margin-bottom: 0px;
  }
  /* 遮挡 */
  .el-loading-mask {
      background-color: #ffffffd4;
  }
  .el-loading-spinner {
      top: 35%;
      width: 90%;
      text-align: center;
  }
  .el-loading-spinner .circular {
      height: 250px;
      width: 250px;
  }
  .el-loading-spinner .path {
      stroke-width: 5px;
      stroke: #2196f370;
  }

  /* 左上角搜索 */
  .el-input-group__append,
  .el-input-group__prepend {
      padding: 0px 0px;
      border-radius: 0px;
      border: 0px solid #0065ff;
      /*     font-size: 1px; */
      /*     background-color: #0049B0; */
  }
  /* 搜索框输入框 */
  .el-input--medium .el-input__inner {
      height: 20px !important;
  }
  .el-input__inner {
      padding: 0px 0px;
      border-radius: 0px;
  }
  .el-form-item__label {
      width: 120px;
      font-size: 12px;
  }
  .el-card__body .content_body_left_searchBox {
      margin-bottom: 0px;
  }
  .el-card__body .content_body_left_searchBox > div > input {
      color: #616161;
      font-weight: 500;
  }
  /* 左侧新建项目按钮&批次缓存队列搜索按钮 */
  .el-button--medium {
      border-radius: 0px;
      padding: 0px 5px;
  }
  /* 搜索按钮框(左上角项目搜索) */
  .el-input-group__append,
  .el-input-group__prepend {
      border-radius: 0px;
      padding: 0px 0px;
      background-color: #0065ff;
  }
  .el-input-group__append .el-button {
      margin: 0px 1px;
      background-color: #0049b0;
  }
  .el-button--mini,
  .el-button--small {
      text-shadow: 0 0px 0 rgba(68, 67, 67, 0.08);
      box-shadow: 0 0px 0 #9cb8d8, 1px 2px 10px rgba(0, 0, 0, 0.3);
  }
  /* 左侧导航树 */
  .content_body_container .content_body_left_crawl {
      width: 310px;
      margin-right: -40px;
  }
  .content_body_left_crawl .el-card__body {
      border: 1px solid #000;
  }
  .content_body_left_crawl .el-card__body,
  .content_body_right_crawl .el-card__body {
      padding: 0px 0px;
  }
  .content_body_left_crawl .el-tree-node__content {
      height: 20px;
  }
  .el-tree-node__content > .el-tree-node__expand-icon {
      padding: 0px;
  }
  .el-card__body .content_body_left_treeBox {
      max-height: 94.95% !important;
  }
  .icon-project:before,
  .icon-group:before {
      content: none;
      color: #616161;
      font-size: 12px;
  }
  .icon-page:before,
  .icon-plan:before,
  .icon-storage:before,
  .icon-scan:before,
  .icon-hub:before,
  .icon-account:before {
      font-size: 12px;
  }
  .el-icon-caret-right:before {
      color: #1565c0;
  }
  span.is-leaf:before {
      content: "\E791";
      color: #fff0;
  }
  .el-tree-node__children .el-tree-node__content,
  .el-tree-node__children .el-tree-node__content .el-tree-node__children .el-tree-node__content {
      padding-left: 10px!important;
  }
  /* 左侧栏展开按钮 */
  .content_body_left_crawl .menu_triangle_hover {
      background-color: #fff0;
      z-index: 1;
  }
  .content_body_left_crawl .menu_triangle {
      background-color: #67c23a;
      border: 1px solid #e64d4ae3;
      z-index: 10;
  }

  /* 右侧详情 */
  .content_body_container .content_body_right_crawl {
      margin-right: -20px;
      margin-left: -90px;
  }
  /* 详情划区 */
  .scanDetail_mainBox .collapseFieldset,
  .hubDetail_mainBox .collapseFieldset,
  .storeDetail_mainBox .collapseFieldset,
  .pageDetail_mainBox .collapseFieldset,
  .planDetail_mainBox .collapseFieldset {
      margin-top: 10px!important;
  }
  .scanDetail_mainBox .collapseFieldset_title,
  .hubDetail_mainBox .collapseFieldset_title,
  .storeDetail_mainBox .collapseFieldset_title,
  .pageDetail_mainBox .collapseFieldset_title,
  .planDetail_mainBox .collapseFieldset_title {
      font-size: 12px;
      padding: 1px;
  }
  /* label高度 */
  .el-input--medium .el-input__icon,
  .el-form-item__label,
  .el-form-item__content,
  .el-form-item--medium .el-form-item__content,
  .el-form-item--medium .el-form-item__label {
      line-height: 30px;
  }

  /* 测试种子按钮 */
  .el-button--success {
      background-color: #00875a;
  }
  /* 表格的表头  */
  .planDetail_itemBox_content .el-table__body,
  .planDetail_itemBox_content .el-table__header {
      /*     table-layout: fixed; */
      width: 100%;
      border: 1px solid green;
  }
  .planDetail_itemBox_content .el-table__header {
      display: none;
  }
  .planDetail_itemBox_content .el-table__header colgroup col:nth-child(1) {
      width: 200px;
  }
  .planDetail_itemBox_content .el-table__body colgroup col:nth-child(1) {
      width: 200px;
  }
  .el-table .cell {
      line-height: 18px;
      white-space: nowrap;
      /*     padding-left: 0px;
      padding-right: 0px; */
  }
  .el-table th {
      background: #dee1ec8c;
      color: #626060ed;
      font-size: 10px;
      padding: 5px 0px;
  }
  .el-table td {
      padding: 5px 0px;
  }

  /* 缩小全部字体 */
  * {
      font-size: 12px;
  }
  .cell,
  .el-form-item__label,
  .el-input__inner,
  #app,
  .el-button--mini,
  .el-button--small {
      font-size: 12px;
  }
  .el-select-dropdown__item {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      padding: 0 20px;
  }
  .nav {
      font-size: 12px;
  }
  .system_name {
      font-size: 12px;
  }
  .el-input--medium {
      font-size: 12px;
  }
  .content_body_right_containerBox .content_body_right_titleBox {
      font-size: 12px;
      margin-bottom: 0px;
  }
  .pageDetail_mainBox .collapseFieldset,
  .planDetail_mainBox .collapseFieldset {
      padding: 0px;
      margin-top: 0px;
  }

  /* 控制弹出窗口 */
  .popup_hover .popup_container {
      height: 90% !important;
      width: 85% !important;
      max-height: 1217px !important;
  }
  .flex_column_bottom > div.planDetail_testBox_log {
      height: 90% !important;
  }
  .CodeMirror {
      height: 800px !important;
  }
  /* 缩小导航树图标 */
  .iconfont {
      font-size: 16px;
  }

  /* 不显示提示tip */
  .el-tooltip__popper {
      padding: 2px 5px;
      display: none;
  }
  /* 状态码标签 */
  .el-select__tags {
      transform: translateY(-120%);
      top: 120%;
  }
  .el-tag.el-tag--info .el-tag__close {
      color: #0065ff;
  }
  .el-select .el-tag__close.el-icon-close {
      background-color: #0065ff;
      right: -7px;
      top: 0;
      color: #deebff;
  }
  .el-tag.el-tag--info .el-tag__close:hover {
      /*     color: #fff; */
      background-color: #0065ff;
  }
  /* 单选切换 */
  .el-switch__core {
      height: 12px;
      border-radius: 0px;
  }
  .el-switch__core:after {
      top: 0px;
      border-radius: 0;
      background-color: #fafafa;
      width: 18px;
      height: 10px;
  }
  .el-switch.is-checked .el-switch__core:after {
      margin-left: -18px;
  }
  .el-switch.is-checked .el-switch__core {
      background-color: #0065ff;
  }
  /* 按钮 */
  .el-button--mini,
  .el-button--small {
      border-radius: 1px;
      border: 0px outset #fafafa;
  }
  .el-button--mini:hover,
  .el-button--small:hover {
      border-color: transparent;
      filter: brightness(1.2);
  }
  .el-button--primary {
      background-image: none;
      background-color: #0052cc;
      border-color: transparent;
      color: #fff;
      text-decoration: none;
      font-weight: 600;
  }
  .el-button--primary:hover {
      background-color: #0065ff;
      filter: brightness(1.2);
  }
  /* 操作按钮 */
  .cell .planDetail_icon,
  .cell .crawl_validatorTable_icon,
  .cell .crawl_row_icon,
  .cell .crawl_field_icon,
  .cell .crawl_row_icon,
  .cell .crawl_link_icon {
      margin: 0px 0px;
      outline: none;
      border: 0px outset #fafafa;

      /* 设置文字阴影 */
      text-shadow: 0 1px 0 rgba(68, 67, 67, 0.08);

      /* 设置盒子阴影 */
      box-shadow: 1px 1px 2px 0.5px #9cb8d8, 2px 2px 5px rgba(0, 0, 0, 0.3);
  }
  .cell .planDetail_icon:hover,
  .cell .crawl_validatorTable_icon:hover,
  .cell .crawl_row_icon:hover,
  .cell .crawl_field_icon:hover,
  .cell .crawl_row_icon:hover,
  .cell .crawl_link_icon:hover {
      border-color: #0049b0;
      filter: blur(0.1px) brightness(50%) opacity(0.8);
  }
  .cell .planDetail_icon:active,
  .cell .crawl_validatorTable_icon:active,
  .cell .crawl_row_icon:active,
  .cell .crawl_field_icon:active,
  .cell .crawl_row_icon:active,
  .cell .crawl_link_icon:active {
      border: 0px outset #e6e6e6;
      /* 设置文字阴影 */
      text-shadow: 0 1px 0 rgba(68, 67, 67, 0.08);

      /* 设置盒子阴影 */
      box-shadow: 0px 0px 0px 0px #9cb8d8, 2px 2px 3px rgba(0, 0, 0, 0.3);
  }

  /* 刷新按钮 */
  .el-button--mini,
  .el-button--small {
      outline: none;
      padding: 2px 2px;

      /* 设置文字阴影 */
      text-shadow: 0 1px 0 rgba(68, 67, 67, 0.08);

      /* 设置盒子阴影 */
      box-shadow: 0 1px 0 #9cb8d8, 1px 2px 10px rgba(0, 0, 0, 0.3);
  }
  /* 翻页按钮 */
  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
      border-radius: 0px;
  }
  /* 选项tag */
  .el-tag--small {
      height: 15px;
      padding: 0px 0px 0px 2px;
      line-height: 0px;
      margin: 2px 2px 2px 2px;
  }
  .el-select .el-tag__close.el-icon-close {
      right: 0px;
      top: 0px;
      border: 1px groove #0049b0;
      font-size: 12px;
      line-height: 12px;
      height: 14px;
      width: 14px;
  }
  .el-select__input {
      margin-left: 5px;
      font-size: 12px;
  }
  /* 展开大于号 */
  .el-table__expand-icon > .el-icon {
      margin-top: -5px;
  }
  /* 圈的圆角 */
  .collapseFieldset[data-v-53aba0b5] {
      border-radius: 1px;
  }
  /* 下拉列表 */
  .el-select-dropdown .el-scrollbar .el-scrollbar__wrap,
  .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap,
  div.el-scrollbar > div.el-select-dropdown__wrap.el-scrollbar__wrap {
      height: 100%;
      min-height: 100%;
      margin-bottom: 0px;
  }

  /* 下拉选项 */
  .el-select-dropdown {
      border-radius: 0px;
  }
  .el-select-dropdown__list {
      height: 100%;
      padding: 0px 0;
  }
  /* 编辑文本区 */
  .el-table__row {
      background-color: #fbe7e7;
  }
  /* 隐藏编辑器横向滚动条 */
  .CodeMirror-hscrollbar {
      bottom: 0;
      left: 0;
  }
  /* 文本框 */
  .el-textarea__inner {
      border-radius: 0px;
      height: 40px;
      padding: 0px 0px;
  }
  /* 脚本编辑框 */
  .CodeMirror-code {
      border: 1px groove #0049b0;
  }
  .CodeMirror pre {
      background: #ddeab863;
  }
  .CodeMirror-lines {
      padding: 2px 0;
  }
  .CodeMirror-scroll {
      background-color: #eae9e90f;
      word-break: break-all;
      overflow: hidden;
      word-wrap: normal;
  }

  /* xpath编辑换行 */
  .CodeMirror {
      word-wrap: break-word;
      word-break: break-all;
      overflow: auto;
      border: 2px solid #7f787c;
  }

  /* 日志搜索栏 */
  .el-range-editor--small.el-input__inner {
      height: 23px;
  }
  .el-range-editor.el-input__inner {
      padding: 0px 8px;
  }
  .el-range-editor--small .el-range__icon {
      line-height: 23px;
  }
  .el-input--small .el-input__inner {
      height: 23px;
  }
  .el-tabs--border-card > .el-tabs__content {
      padding: 0;
  }
  .el-tabs__nav-wrap {
      margin-bottom: 0px;
  }
  .el-form-item {
      margin-bottom: 0px;
      /*     line-height: 20; */
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item {
      margin-top: -8px;
      margin-bottom: -8px;
  }

  /* 日志翻页 */
  .el-pagination {
      margin-top: 0px;
  }

  /* 通知 */
  div.el-notification {
      top: 0;
      left: 50%;
  }
  .el-notification.right {
      background-color: #fe0;
      border: 5px solid #f00;
      color: #03ff1c;
  }
  .el-notification__closeBtn {
      color: #000;
  }
  .el-notification__content {
      color: #00875a;
  }
  .el-notification .el-icon-success {
      color: #f00;
  }
  /* 页面下载配置的更多按钮 */
  .download_switch[data-v-53da471f] {
      font-size: 12px;
  }
  /* 测试用例圈起来 */
  .crawl_example_item {
      border: 0.7px solid #8e8e8e;
      background-color: #fff;
      border-radius: 1px;
      margin-top: 2px;
      margin-bottom: 2px;
  }

  /* 隐藏结果校验器上限*/
  .pageDetail_mainBox > fieldset:nth-child(5) .el-form-item__content > div:nth-child(2),
  .pageDetail_mainBox > fieldset:nth-child(5) .el-form-item__content div > div:nth-child(2) {
      display: none;
  }

  /* 未知部分 */
  .el-input__inner {
      padding: 1px 1px;
      border-radius: 1px;
      height: 20px;
  }
  textarea {
      overflow-wrap: break-word;
  }
  .el-input-number__increase,
  .el-input-number__decrease {
      width: 20px;
      height: 18px;
      top: 8px;
      line-height: 20px;
  }
  fieldset {
      border: 2px;
      padding: 0px;
  }
  .CodeMirror {
      border: 2px solid #7f787c;
      overflow: auto;
  }
  .el-textarea__inner {
      padding: 0px 0px;
  }
  .el-button--small,
  .el-button--small.is-circle {
      padding: 2px 2px;
  }
  }