baelish_pro_theme

泛采系统专业版主题

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

@-moz-document regexp(".*://.*/#/home/.*|.*://.*/#/login") {
    /* ==UserStyle==
    @name         baelish_pro_theme
    @description  泛采系统专业版主题
    @namespace    baelish.data.prod.valuesimplex.tech
    @author       房天生
    @version      0.6.14
    @preprocessor stylus
    ==/UserStyle== */
    /* 导航菜单栏 */
    * {
        -moz-transition: none;
        -webkit-transition: none;
        transition: unset;
    }
    .el-badge__content.is-fixed {
        background-color: #f56c6c00;
        top: 9px;
        right: 0px;
        padding: 0 0px;
        border-radius: 5px;
        line-height: 10px;
    }
    .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: normal;
        /*     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__wrap {
        max-height: 300px;
    }

    /* 下拉选项 */
    .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-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: #bbdefbc4 !important;
    }

    /* 未知部分 */
    .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;
    }
    }