4 lines
17 KiB
CSS
4 lines
17 KiB
CSS
.comment{position:relative;font:14px/1.6 Helvetica Neue,Helvetica,Arial,\\5FAE\8F6F\96C5\9ED1,Microsoft YaHei,sans-serif;color:#2a2e2e;margin:5px auto;word-wrap:break-word;padding:0;box-sizing:border-box}.comment#disqus_thread{display:none}.comment a{text-decoration:none}.comment .icon{max-width:20px}.comment *{margin:0;padding:0;box-sizing:border-box}.comment b,.comment strong{font-weight:700;color:#000}.comment :focus{outline:none}.comment abbr[title]{text-decoration:none}.comment .hide,.comment .loading-bg{display:none}.comment.loading{display:block}.comment.loading>*{display:none}.comment.loading .loading-container{margin:20px auto 40px;color:#9d9ea1;text-align:center;display:block;position:relative;height:100px;line-height:40px;width:250px}.comment.loading .loading-container .loading-bg{display:block;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin:0 auto}.comment.loading .loading-container:after,.comment.loading .loading-container:before{display:block;position:absolute}.comment.loading .loading-container:before{content:attr(data-tip);top:64px;left:0;width:100%;height:30px;line-height:30px}.comment.loading .loading-container:after{content:"";box-sizing:border-box;width:26px;height:26px;top:20px;left:115px;border-width:3px;border-style:solid;border-color:#9d9ea1 transparent;border-radius:13px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-animation:disqus-loader-spinner-animation .7s infinite linear;animation:disqus-loader-spinner-animation .7s infinite linear}.comment-box{display:flex;margin:20px 0}.comment-header{height:36px;line-height:36px;font-weight:700;font-size:15px;display:flex;justify-content:space-between;border-bottom:2px solid #e7e9ee}.comment-header .comment-header-item{color:#656c7a;display:inline-block;border-bottom:2px solid #656c7a;margin-bottom:-2px;padding:0 7px}.comment-header .comment-header-item#comment-link{border-bottom-color:transparent!important}.comment-header .comment-show{position:relative;color:#2a2e2e;cursor:pointer;display:none}.comment-header .comment-header-count,.comment-header .comment-show{width:120px;text-align:center;transition:all .2s ease-in-out;text-transform:capitalize}.comment-header .comment-header-count{display:inline-block}.comment-header .comment-header-count:after{content:" ";display:block;height:2px;position:absolute;bottom:-2px;left:0;right:0;background:#2e9fff}.comment-form{display:flex;flex-direction:column;flex:1}.placeholder{color:#7f919e;line-height:30px;font-size:12px;position:absolute;top:7px;left:10px;right:9px;white-space:nowrap;text-overflow:ellipsis;cursor:text;overflow:hidden}.comment-form-wrapper{display:flex;flex-direction:column;border:2px solid #dbdfe4;border-radius:4px;width:100%}.comment-actions{background:#f6f8f9;border-radius:0 0 2px 2px;display:flex;justify-content:space-between;height:0;transition:opacity .2s linear;opacity:0;filter:alpha(opacity=0);visibility:hidden}.comment-actions .comment-actions-group{display:flex;position:relative}.comment-actions .comment-actions-input{display:none}.comment-actions .comment-actions-input[type=checkbox]:checked+.comment-actions-label .icon{fill:#1d2f3a}.comment-actions .comment-actions-label{display:inline-block;width:34px;height:34px;cursor:pointer}.comment-actions .comment-actions-label .icon{height:18px;margin:8px;display:inline-block;color:#737474;cursor:pointer;fill:#c2c6cc;transition:all .2s}.comment-actions .comment-actions-label:hover .icon{fill:#1d2f3a!important}.comment-actions .exit{display:none}.comment-actions .emojione-list{cursor:default;position:absolute;opacity:0;filter:alpha(opacity=0);visibility:hidden;list-style:none;width:125px;background-color:#fff;padding:5px 0 0 5px;border-radius:2px;border:2px solid #c2c6cc;bottom:100%;left:-2px;margin-left:0;display:flex;flex-wrap:wrap}.comment-actions .emojione-item{position:relative;height:24px;width:24px;margin:0 5px 5px 0}.comment-actions .emojione-item:before{content:"";display:inline-block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:4}.comment-actions .emojione-item-image{height:24px;width:24px;margin:0}.comment-actions .comment-actions-input[type=checkbox]:checked+.emojione:before{position:fixed;top:0;left:0;width:100%;height:100%;content:"";display:block;cursor:default}.comment-actions .comment-actions-input[type=checkbox]:checked+.emojione .emojione-list{opacity:1;filter:alpha(opacity=100);visibility:visible!important}.expanded .comment-image{display:flex}.expanded .comment-image .comment-image-progress{position:relative;height:80px;width:0;background:url("https://a.disquscdn.com/next/embed/assets/img/loader.5cc23909da9c4a9874500d7a85c4125f.gif") 50% no-repeat;margin:0 5px;overflow:hidden}.expanded .comment-image .comment-image-progress:before{position:absolute;content:"";display:block;top:55px;bottom:20px;left:0;right:0;height:5px;width:100%;background-color:#dbdfe4}.expanded .comment-image .comment-image-progress .comment-image-loaded{position:absolute;background-color:#7f919e;top:55px;left:0;right:0;bottom:20px;height:5px;width:0}.expanded .comment-image .comment-image-list{list-style:none;display:flex}.expanded .comment-image .comment-image-item{height:80px;margin-left:5px;position:relative;border-radius:3px;overflow:hidden}.expanded .comment-image .comment-image-item:before{overflow:hidden;line-height:0;height:0;transition:all .3s;content:"\70B9\51FB\79FB\9664";display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;width:100%;font-size:12px;background-color:rgba(0,0,0,.5);line-height:25px;color:#fff}.expanded .comment-image .comment-image-item:hover:before{height:25px}.expanded .comment-image .comment-image-item .comment-image-object{height:100%;border-radius:3px;overflow:hidden}.expanded .comment-image .comment-image-item.loading .comment-image-object{width:20px;margin:0 30px}.expanded .comment-image .comment-image-item.loading:before{display:none}.comment-form-wrapper.editing+.comment-form-user{opacity:1;height:auto;margin-top:10px}.comment-form-wrapper.editing .comment-form-textarea{font:14px/16px Helvetica Neue,Helvetica,Arial,\\5FAE\8F6F\96C5\9ED1,Microsoft YaHei;height:74px}.comment-form-wrapper.editing .comment-image{transition:padding-bottom .15s ease-in-out;background-color:rgba(16,48,68,.03)}.comment-form-wrapper.editing .comment-actions{transition:all .2s ease-in-out;border-top:2px solid #dbdfe4;opacity:1;height:36px;filter:alpha(opacity=100);visibility:visible!important}.comment-form-wrapper.editing .comment-actions-form{transition:all .3s .5s;margin:87px -2px -2px}.comment-form-wrapper.editing .comment-form-submit{opacity:1}.comment-form-wrapper.focus{border:2px solid #c2c6cc}.comment-form-wrapper.focus .comment-actions{border-top:2px solid #c2c6cc}.comment-form-wrapper.focus .comment-actions .comment-actions-label .icon{fill:#656c7a}.comment-form-wrapper.focus.expanded .comment-image{border-top:2px solid #c2c6cc}.comment-form-wrapper.expanded .comment-image{border-top:2px solid #dbdfe4;padding:10px 0 8px}.comment-form-wrapper.logged-in .comment-form-submit{border-radius:0 0 4px;transition:none;opacity:1}.comment-form-wrapper.logged-in .comment-actions-form{margin:0;transition:all .5s}.comment-form-wrapper.logged-in+.comment-form-user{height:0;opacity:0;margin-top:-40px}.comment-form-wrapper.logged-in .exit{display:block}.comment-form-wrapper .comment-form-textarea{width:100%;display:block;border:none;overflow:auto;color:#2a2e2e;cursor:text;resize:none;height:44px;font:18px/30px Helvetica Neue,Helvetica,Arial,\\5FAE\8F6F\96C5\9ED1,Microsoft YaHei;padding:7px;transition:all .2s ease-in-out}.comment-form-wrapper .comment-form-textarea::-webkit-input-placeholder{color:#7f919e}.comment-form-wrapper .comment-form-textarea::-moz-placeholder{color:#7f919e}.comment-form-wrapper .comment-form-alert:not(:empty){background-color:#f05f70;padding:10px;line-height:20px;font-size:13px;font-weight:700;color:#fff;margin:0 -2px;border-top:2px solid #dbdfe4}.comment-actions-form{display:flex}.comment-actions-form .comment-form-cancel{line-height:36px;padding:0 15px;font-size:12px}.comment-actions-form .comment-form-submit{z-index:1;border:none;opacity:0;margin:-2px;white-space:nowrap;border-radius:4px;height:38px;width:80px;display:inline-block;background-color:rgba(29,47,58,.6);cursor:pointer;line-height:38px}.comment-actions-form .comment-form-submit .icon{margin:9px;fill:#fff;cursor:pointer;width:20px;height:20px}.comment-actions-form .comment-form-submit:hover{background-color:rgba(29,47,58,.75)}.comment-form-user{display:flex;opacity:0;transition:all .5s .2s;height:0;margin:-40px -5px 40px;overflow:hidden;line-height:32px}.comment-form-user .comment-form-guest{display:flex;flex-wrap:wrap;flex:1}.comment-form-user .comment-form-auth{height:32px}.comment-form-user .comment-form-login{background-color:transparent;border:none;height:32px;width:32px;margin:0 0 0 5px;cursor:pointer}.comment-thread-form{text-align:center;color:#656c7a;line-height:32px}.comment-thread-form .comment-form-submit{background-color:rgba(29,47,58,.6);border:none;white-space:nowrap;border-radius:4px;height:38px;width:120px;display:inline-block;cursor:pointer;line-height:38px;margin:10px 0;color:#fff;font-size:15px}.comment-thread-form .comment-form-submit:hover{background-color:rgba(29,47,58,.75)}.comment-form-item{display:flex;margin:10px 0}.comment-form-item .comment-form-label{display:block;height:32px;line-height:32px;font-size:14px;color:#656c7a;width:100px;text-align:right;font-weight:700}.comment-form-item .comment-form-textarea{background-color:#fff;border:2px solid #dbdfe4;transition:all .2s linear;padding:2px 10px;border-radius:4px;font-size:14px;height:64px;margin:0 5px;width:30px;line-height:20px;flex:auto}.comment-form-item .comment-form-textarea:focus{border:2px solid #c2c6cc}.comment-form-input{background-color:#fff;border:2px solid #dbdfe4;transition:all .2s linear;padding:0 7px;border-radius:4px;font-size:14px;height:32px;margin:0 5px;width:30px;line-height:32px;flex:auto}.comment-form-input::-webkit-input-placeholder{color:#7f919e}.comment-form-input::-moz-placeholder{color:#7f919e}.comment-form-input:focus{border:2px solid #c2c6cc}.comment-form-input[disabled]{color:#656c7a}.comment-list{font-size:14px}.comment-list:empty:after{content:"\6765\505A\7B2C\4E00\4E2A\7559\8A00\7684\4EBA\5427\FF01";display:block;opacity:.6;line-height:80px;text-align:center}.comment-list p{margin:0}.comment-list a{text-decoration:none;color:#288ce4}.comment-list a[href="javascript:void(0);"]{color:#000;cursor:default}.comment-list pre{overflow:hidden;margin:0 0 15px;border-left:4px solid #7f919e;padding:0 0 0 12px}.comment-list code,.comment-list pre{font-size:12px;font-family:monaco,menlo,monospace;line-height:20px}.comment-list code{padding:0 .3em;display:inline-block;vertical-align:top;margin:2px}.comment-list #comment-preview{opacity:.6}.comment-list .comment-item{padding-top:6px}.comment-list .comment-item-body{display:flex}.comment-list .comment-item-footer,.comment-list .comment-item-header{font-size:13px;line-height:1.2;color:#c2c6cc}.comment-list .comment-item-footer .comment-item-bullet,.comment-list .comment-item-header .comment-item-bullet{padding:0 2px}.comment-list .comment-item-header .comment-item-pname{color:#656c7a}.comment-list .comment-item-header .comment-item-pname .icon{width:12px;height:12px;margin:1px 2px;vertical-align:top;fill:#656c7a}.comment-list .comment-item-header .comment-item-pname:hover{color:#2a2e2e}.comment-list .comment-item-header .comment-item-pname:hover .icon{fill:#656c7a}.comment-list .comment-item-header .comment-item-badge{color:#fff;background:#7f919e;padding:1px 3px;margin:0 2px;font-size:10px;line-height:1.1;font-weight:700;border-radius:3px;display:inline-block}.comment-list .comment-item-header .comment-item-time{font-size:12px;color:#7f919e;word-spacing:-2px;font-weight:400}.comment-list .comment-item-header .comment-item-name{color:#0095dd;font-weight:700}.comment-list .comment-item-header .comment-item-name[href^=javascript]{cursor:text;color:#000}.comment-list .comment-item-footer{padding:5px 0}.comment-list .comment-item-footer .comment-item-delete,.comment-list .comment-item-footer .comment-item-edit,.comment-list .comment-item-footer .comment-item-reply{color:#656c7a;font-weight:500}.comment-list .comment-item-footer .comment-item-delete:hover,.comment-list .comment-item-footer .comment-item-edit:hover,.comment-list .comment-item-footer .comment-item-reply:hover{color:#2a2e2e}.comment-list .comment-item-footer .comment-item-cancel{color:#0095dd;font-weight:700}.comment-list .comment-item-images{display:flex;flex-wrap:wrap}.comment-list .comment-item-images .comment-item-image{height:100px;width:100px;background-size:cover;background-position:50%;background-repeat:no-repeat;margin:0 5px 5px 0}.comment-list .comment-item.transparent{opacity:.4}.comment-list .comment-item-content{padding-top:5px;line-height:24px;font-size:14px}.comment-list .comment-item-content a[data-dsq-mention]:before{content:"@"}.comment-list .comment-item-content .comment-item-content{min-height:20px}.comment-list .comment-item-content img.emojione{vertical-align:top;width:24px;height:24px;margin:0 3px}.comment-list .comment-item-body+.comment-box .comment-avatar,.comment-list .comment-item-body+.comment-box .comment-avatar-image,.comment-list .comment-item-children .comment-box .comment-avatar,.comment-list .comment-item-children .comment-box .comment-avatar-image,.comment-list .comment-item-children .comment-item-avatar,.comment-list .comment-item-children .comment-item-avatar img{width:36px;height:36px;margin-right:6px}.comment-list .comment-form-textarea{height:32px;padding:5px;line-height:22px;font-size:15px}.comment-list .comment-item-main{flex:1}.comment-list .comment-item-main:empty{padding-bottom:5px}.comment-list .comment-item-main:empty:after{content:attr(data-message);line-height:36px;color:#7f919e}.comment-list .comment-box{margin:0}.comment-list .comment-item-body+.comment-box{padding-left:60px;margin-top:6px;margin-bottom:20px}.comment-list .comment-item-children{padding-left:60px}.comment-list .comment-item-children .comment-item-body+.comment-box,.comment-list .comment-item-children .comment-item-children{padding-left:42px}.comment-list .comment-item-children .comment-item-body+.comment-box .comment-item-children .comment-box,.comment-list .comment-item-children .comment-item-body+.comment-box .comment-item-children .comment-item-children,.comment-list .comment-item-children .comment-item-children .comment-item-children .comment-box,.comment-list .comment-item-children .comment-item-children .comment-item-children .comment-item-children{padding-left:0}.comment-loadmore{font-weight:500;display:block;text-align:center;padding:11px 14px;background-color:rgba(29,47,58,.6);color:#fff!important;line-height:1.1;border-radius:3px;transition:background .2s;text-shadow:none}.comment-loadmore:hover{background-color:rgba(29,47,58,.7)}.comment-loadmore.loading{background-color:#edeff2;color:#444!important;cursor:wait}.comment-form-error{position:absolute;background-color:#fff;font-size:14px;padding:10px;line-height:20px;border-radius:3px;box-shadow:0 0 5px 1px rgba(0,0,0,.3);margin-top:40px;margin-left:2px;z-index:10}.comment-form-error:before{width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 0 5px 1px rgba(0,0,0,.3);top:-4px;left:15px}.comment-form-error:after,.comment-form-error:before{content:"";display:block;position:absolute;background-color:#fff}.comment-form-error:after{width:20px;height:12px;top:0;left:10px}.comment-item-children,.comment-list{text-align:left;list-style:none;margin-left:0;line-height:20px}.comment-avatar,.comment-item-avatar{display:block;width:48px;height:48px;margin-right:12px}.comment-avatar img,.comment-item-avatar img{border-radius:3px;width:48px;height:48px}.mention-user{background-color:#fff;border-radius:2px;box-shadow:1px 1px 2px 1px rgba(29,47,58,.2);position:absolute;overflow:hidden}.mention-user .mention-user-list{list-style:none}.mention-user .mention-user-item{height:30px;padding:3px;line-height:24px;font-size:12px;display:flex;cursor:default}.mention-user .mention-user-item.active{background-color:#2e9fff;color:#fff}.mention-user .mention-user-item.active .mention-user-name{color:#fff}.mention-user .mention-user-avatar{width:24px;height:24px;border-radius:3px;display:block}.mention-user .mention-user-username{font-weight:600;padding-left:4px}.mention-user .mention-user-name{color:#656c7a;padding-left:4px}@-webkit-keyframes disqus-loader-spinner-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes disqus-loader-spinner-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:450px){.comment-item .comment-item-children .comment-box,.comment-item .comment-item-children .comment-item-children{padding-left:0!important}.comment-item .at,.comment-item .comment-avatar,.comment-item .comment-item-children .comment-item-avatar{display:none}.comment-form-user{line-height:42px}.comment-form-user .comment-form-auth{margin:5px}.comment-form-user .comment-form-input{margin:5px;width:100%}.comment-form-wrapper.editing .comment-actions-form{margin:180px 0 0}.comment-form-wrapper.logged-in .comment-actions-form{margin:0}}
|
|
|
|
/*# sourceMappingURL=iDisqus.min.css.map*/
|