baelish_pro_theme

泛采系统专业版主题

目前為 2021-02-24 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 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;
  }
  }