Files
Pichome/static/scss/common.css

1 line
12 KiB
CSS
Raw Normal View History

2024-04-30 22:55:18 +08:00
:root{--el-menu-base-level-padding:12px}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background-color:#d8dadd;border-radius:10px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#c4c6ca}:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1{font-size:2em}.highlight{font-weight:700;color:var(--el-color-primary)}[v-cloak]{display:none}.tipTxt{color:var(--el-color-info);font-size:12px;line-height:20px;margin-top:6px}.tipTxt:hover{color:var(--el-text-color-regular)}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--el-color-primary);margin:0 3px;-webkit-animation:blink 1.4s infinite both;animation:blink 1.4s infinite both}.dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.el-backtop{border-radius:8px}.dzz-menu>li{margin-right:8px !important}.el-menu-item.is-active{font-weight:600}.el-button.is-active{font-weight:600}li{list-style:none}.el-tabs--border-card{background:var(--el-bg-color)}.el-tabs--card>.el-tabs__header{border-color:var(--el-border-color)}.el-tabs--card>.el-tabs__header .el-tabs__nav{border-color:var(--el-border-color)}.el-tabs--card>.el-tabs__header .el-tabs__item{border-color:var(--el-border-color);border-bottom:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background:var(--el-bg-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-bottom-color:var(--el-border-color);border-top-color:var(--el-border-color)}.el-tabs--border-card>.el-tabs__header .el-tabs__item{color:var(--el-text-color-primary)}.el-tabs{--el-tabs-header-height: 50px}.el-tabs__nav-next,.el-tabs__nav-prev{line-height:54px}.el-tabs .el-tabs__header .el-tabs__item{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:216px;min-width:100px}.el-tabs--border-card>.el-tabs__header{height:calc(var(--el-tabs-header-height) - 1px)}.el-collapse{border-top:0;--el-collapse-header-height: 90px;--el-collapse-header-font-size: var(--el-font-size-extra-large)}.el-collapse .el-collapse-item__header{font-weight:700}.tip .el-text{color:var(--el-color-info)}.tip:hover .el-text{color:var(--el-text-color-primary)}html,body,#dzzoffice,.el-container{height:100%;width:100%;overflow:hidden}.menu-hamburger{width:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;background:none;border:none;cursor:pointer;margin-right:.5rem}.menu-hamburger>span{background-color:var(--el-text-color-primary);border-radius:10px;height:2px;margin:2px 0;-webkit-transition:var(--el-transition-all);transition:var(--el-transition-all);width:100%}.menu-hamburger>span.hamburger-1{width:50%}.menu-hamburger>span.hamburger-3{width:75%}.menu-hamburger.active .hamburger-1{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:rotate(45deg) translate(13px);transform:rotate(45deg) translate(13px)}.menu-hamburger.active .hamburger-2{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-hamburger.active .hamburger-3{-webkit-transform-origin:bottom;transform-origin:bottom;width:50%;-webkit-transform:translate(2px, -10px) rotate(45deg);transform:translate(2px, -10px) rotate(45deg)}.hide{display:none !important}.show{display:block !important}.language-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.language-box .lang-btn{padding-left:12px}.adjust-divider{margin:8px 0}.el-backtop{width:45px;height:45px}.el-back