baelish_pro_theme

泛采系统专业版主题

当前为 2021-02-24 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

@-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;
  }
  }