CorePressWPTheme/static/css/post-content.css

1 line
6.2 KiB
CSS

.title-plane{background:#e2edfa;color:#414c59;border:2px dashed #007aff;border-radius:4px;padding:2px;margin-bottom:10px}.title-plane>p{background:#007aff;color:#fff;border-radius:4px;display:inline-block;font-size:14px;padding:0 20px}.title-plane>div{padding:10px 20px}.start-plane{margin:10px 0;color:#856404;background:#fff3cd;padding:10px;border-radius:2px}.start-plane[type='1']{color:#856404;background:#fff3cd}.start-plane[type='2']{color:#004085!important;background:#cce5ff!important}.start-plane[type='3']{color:#721c24!important;background:#f8d7da!important}.start-plane[type='4']{color:#383d41!important;background:#e2e3e5!important}.start-plane>div:before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f005";margin-right:4px;margin-left:4px;display:inline-block}.icon-url:after{font-family:"Font Awesome 5 Pro";content:"\f360";margin-left:4px}.icon-url{background:#ededed;color:#464646!important;padding:0 4px;border-radius:4px;margin-bottom:3px;display:inline-block;font-size:14px;margin-right:2px}.zd-plane{border:1px solid #f0f0f0;padding:8px;margin:10px 0}.zd-plane-title{cursor:pointer}.zd-plane-title:before{font-family:"Font Awesome 5 Pro";content:"\f067";font-weight:900;display:inline-block;transition:transform .3s;margin-right:10px;color:var(--Maincolor)}.zd-plane-title-zk:before{transform:rotate(45deg)}.zd-plane-content{display:none;padding:10px}.loginshow{background:#f7f7f7;border-radius:4px;padding:10px;margin-bottom:10px}.clickshow{border:2px dashed #4e5358;display:inline-block;border-radius:4px;padding:2px;margin-bottom:2px;background-image:repeating-linear-gradient(-45deg,#fff,#f7f9fa 2px,#fff 0,#fff 6px);color:#fff;user-select:none;cursor:pointer;transition:all .3s}.clickshow-show{color:unset!important}.clickshow-block{display:block!important}.c-alert{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);color:#8a8a8a;border-color:#1e1e1e;border-radius:4px;font-size:16px;padding:10px;position:relative;transition:.3s cubic-bezier(.25,.8,.5,1);background:#f4f4f5;border-left:8px solid #8a8a8a;margin-bottom:6px}.c-alert>i{margin-right:10px}.c-alert-success{color:#4caf50;background:#eaf6ea;border-left-color:#4caf50}.c-alert-warning{color:#fb8c00;background:#fff1e1;border-left-color:#fed7a7}.c-alert-error{color:#ff3d1d;background:#fef0f0;border-left-color:#ff3d1d}.c-downbtn{display:flex;justify-content:center}.c-downbtn-item{border:1px solid hsla(210,8%,51%,.09);border-radius:4px;font-size:16px;padding:10px;position:relative;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;transition:transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;width:80%}.c-downbtn-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(84,81,81,.1)}.c-downbtn i{font-size:20px}.c-downbtn-pwd{color:#8a8a8a}.c-downbtn-btn{border:0;background:var(--Maincolor);color:#fff;padding:10px 16px;border-radius:4px}.c-downbtn-btn a{color:#fff;white-space:nowrap}.c-downbtn-btn i{font-size:14px}.c-downbtn-describe{display:flex;align-items:center;flex-shrink:0}.c-downbtn-icon{box-shadow:none!important;width:36px;border-radius:0!important}.c-downbtn-text{font-size:14px;margin-left:10px}.c-downbtn-text-title{font-size:16px}.c-downbtn-pwd i{font-size:14px}.c-downbtn-btn-plane{text-align:right}.btn-copy-pwd{cursor:pointer}.relevant-plane{background:#fff;margin-bottom:10px;box-shadow:0 0 2px 0 rgba(98,124,153,.1);border-radius:4px}.relevant-list{padding:20px 30px;list-style:none}.relevant-list li{line-height:1.6}.relevant-list li:before{left:-10px;width:6px;height:6px;border-radius:50%;background:#ccc;content:"";display:inline-block;position:relative;top:-2px}.relevant-list li a{vertical-align:top;color:#333;transition:all .3s}.relevant-list li a:hover{color:var(--MaincolorHover)}#post-catalog{position:fixed;top:20%;visibility:hidden;opacity:0;color:#18191a;font-size:14px;display:flex;flex-direction:column;background:#fff;padding:6px;max-height:65%}.post-catalog-hide{display:none!important}.post-catalog-title-list{flex:1;display:flex;flex-direction:column}.post-catalog-main-hide{height:0;opacity:0;width:0;visibility:hidden}#post-catalog-list{width:150px;position:relative;overflow:auto;flex:1}#post-catalog-list::before{content:"";position:absolute;top:0;left:4px;bottom:0;width:2px;background-color:#ebedef;opacity:.5}#post-catalog p[catalogtagName=h3]{padding-left:20px}#post-catalog p{list-style:none;transition:color .2s;vertical-align:middle;margin-bottom:6px}#post-catalog-list>p{padding-left:6px}#post-catalog p[catalogtagName=h2]:before{position:relative;content:"●";display:inline-block;color:#000;font-size:14px;line-height:10px;margin-right:2px;bottom:3px;left:-6px;vertical-align:middle}.catalog-hover{color:var(--MaincolorHover);background-color:#f7f9fa;border-radius:4px}.catalog-hover:before{color:var(--MaincolorHover)}.catalog-item{white-space:nowrap;cursor:pointer}.catalog-item:hover{background-color:#f7f9fa;border-radius:4px}.catalog-title{border-bottom:1px solid #f5f6f7;line-height:22px;padding:6px 0;position:relative}.catalog-title:before{content:"\f02e";font-family:"Font Awesome 5 Pro";font-weight:900;display:inline-block;color:#000;font-size:10px;margin-right:10px;position:relative;left:6px}.catalog-close{line-height:22px;padding:6px 0;text-align:center;cursor:pointer;background:#fff}.catalog-close:before{content:"\f410";font-family:"Font Awesome 5 Pro";font-weight:900;display:inline-block;color:#000;font-size:10px;margin-right:10px;position:relative;left:6px}#post-catalog-closebtn{color:#999;cursor:pointer;width:36px;height:36px;border-radius:50%;box-shadow:0 0 2px 0 rgba(98,124,153,.1);background:#fff;text-align:center;line-height:36px;font-size:16px;position:absolute;left:80px}.post-catalog-closebtn-hide{width:0;opacity:0;visibility:hidden}.catalog-btn-show{left:20px!important}.pwd-show{min-height:100px;padding:10px;border:1px dashed #ccc;background-color:#fafafa;margin-bottom:10px}.pwd-show i{color:#999;margin-right:10px}.pwd-show-btn{border:0;background:var(--Maincolor);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer}.pwd-show-note{font-size:14px}.pwd-show-main{text-align:center}.pwd-show-input{height:34px;font-size:14px;border-radius:4px;outline:0;padding-left:6px;border:1px solid #ccc;margin-bottom:10px}