baelish_pro_theme

泛采系统专业版主题

当前为 2021-01-05 提交的版本,查看 最新版本

/* ==UserStyle==
@name         baelish_pro_theme
@description  泛采系统专业版主题
@namespace    spider.vpc.shangjian.tech
@author       房天生
@version      0.5.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;
}