2 lines
9.9 KiB
CSS
2 lines
9.9 KiB
CSS
html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit;outline:none}:focus{outline:0}body{background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Emoji","Segoe UI",Ubuntu,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#24292e;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:none;color:#24292e}p,time{color:#24292e}b{font-weight:700;color:#373D49}input,textarea,button{font-family:inherit;border:0}.modal-body label{font-size:.875em}::placeholder{color:#888;opacity:1}:-ms-input-placeholder{color:#888}::-ms-input-placeholder{color:#888}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#c3c3c3;border-radius:3px}::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}textarea::-webkit-scrollbar-track{background:transparent}::selection{background:#b5d5ff}::-moz-selection{background:#b5d5ff}.navbar{height:40px;line-height:40px;background:#0280cf;padding-right:1rem}.navbar a{text-decoration:none;color:#fff}.brand{text-transform:uppercase;font-size:1em;position:relative;display:inline-block;color:#fff;padding:0 .4rem}.brand h1{font-weight:400;font-size:1em;letter-spacing:.02rem;margin:0}.navbar .right{padding:0 8px}#nav-btn{font-size:1.5em;float:left;padding:0 .8rem;margin-top:1px}.container{position:absolute;top:40px;left:0;right:0;bottom:0;background:#fff;overflow:hidden}.sidebar,.editor,.adbox{position:absolute;top:0;bottom:0}.sidebar{left:0;width:256px;background:#fff;border-right:1px solid #e4e7e9;will-change:transform;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;transition:transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s}.editor{left:0;margin-left:256px;right:320px;border:1px solid #e4e7e9;border-left:0;border-top:0;will-change:margin-left;-webkit-transition:margin-left .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s;transition:margin-left .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s}.adbox{right:0;width:320px;background:#f6f9fa}.create{height:67px;text-align:center;padding:0 1rem;padding-top:14px;border-bottom:1px solid #dfe4e2}.search{position:relative;width:100%;border-bottom:1px solid #dfe4e2}.search i{color:#888;position:absolute;top:.92rem;right:.7rem;z-index:1}.search input{border:0;padding:.8rem;background:#fff;font-size:1em;padding-right:2rem}.settings{height:30px;line-height:29px;background:#f6f9fa;font-size:1em;border-bottom:1px solid #dfe4e2}.saved-notes{position:absolute;width:100%;top:145px;bottom:0;overflow-y:auto;overflow-x:hidden}.notes{list-style:none;padding:0;margin:0}.notes li{padding:.8rem;background:#fff;border-bottom:1px solid #e4e7e9}.notes li:hover{cursor:pointer}.notes .active{background:#f1f1f1}.notes>li{position:relative}.notes li>b{font-size:.9375em}.notes li>p{font-size:.875em;height:21px}.notes li>b,.notes li>p{width:100%;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes li>time{display:block;font-size:.75em}.notes>span{padding:1rem;display:block}.compact-view .notes li{padding:.5rem 1rem}.compact-view .notes>li>p,.compact-view .notes>li>time{display:none}.editor-menu{height:36px;line-height:36px;background:#f6f9fa;border-bottom:1px solid #e4e7e9;padding:0 .5rem}.menu{font-size:.875em;list-style:none;padding:0;margin:0}.menu>li{display:inline-block;position:relative}.menu>li>a{padding:0 1rem}.menu>li>a.active{background:#f1f1f1}.menu li a{display:block}.menu>li>ul{display:none;top:35px;left:0;position:absolute;z-index:1;background:#fff;width:170px;border:1px solid #ddd;box-shadow:0 0 6px #f1f1f1;padding:0}.settings>.right>li>ul{left:auto;right:1px}.more{font-size:1em}.more>li>ul{font-size:.875em;line-height:30px;top:30px;left:1px}.more>li>a{padding:0 .5rem}.menu>li>ul>li{vertical-align:0;display:block;line-height:36px}.menu>li>ul>li>a,.menu>li>ul>li>label{vertical-align:0;padding:0 1rem;display:block}.menu>li>ul>li>a:hover,.menu>li>ul>li>label:hover{cursor:pointer;background:#f1f1f1}.menu>li>ul i{vertical-align:middle;width:18px;height:18px;text-align:center;display:inline-block;margin-right:8px}.menu>li>ul hr{height:1px;margin:0;border:0;background:#ddd}.editor-head{height:50px;line-height:50px;border-bottom:1px solid #e4e7e9}.editor-head input{width:75%;width:calc(100% - 80px);font-size:1.375rem;height:49px;padding:0 1.5rem}.editor-head a{float:right;text-align:center;width:80px;height:100%;font-size:1.5em;border-left:1px solid #e4e7e9}.editor-body{position:absolute;top:86px;bottom:30px;width:100%}.editor-body textarea{width:100%;height:100%;resize:none;overflow:auto;padding:1.5rem;font-size:11pt;line-height:1.8}.editor-body iframe{width:100%;height:100%;border:0}.editor-footer{position:absolute;bottom:0;height:30px;line-height:29px;width:100%;font-size:.875em;background:#f6f9fa;border-top:1px solid #e4e7e9;padding:0 1rem}.no-statusbar .editor-footer{display:none}.no-statusbar .editor-body{bottom:0}#hide-sky{display:block;float:left;height:100%;width:10px;color:#373D49}#hide-sky:hover{background:#f1f1f1}#hide-sky>i{position:absolute;top:50%;left:-3px}#sky{float:right;display:block;width:310px;padding:10px 0}.no-ad .adbox{width:10px}.no-ad #sky{display:none}.no-ad #hide-sky>i{transform:rotate(180deg)}.no-ad .editor{right:10px}.fullscreen{position:absolute;top:0;bottom:0}.fullscreen .editor{right:0}.fullscreen .adbox{display:none}.pulled .sidebar{-webkit-transform:translateX(-256px);transform:translateX(-256px);-webkit-transition:transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s;transition:transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s;visibility:hidden}.pulled .editor{margin-left:0}.input,.select{font-family:inherit;font-size:1rem;font-weight:inherit;color:#111;border:1px solid #d6d6d6;background:#fff;line-height:1.5;vertical-align:middle;display:block;padding:.25rem .5rem;font-size:.875rem;margin:0;white-space:nowrap;-moz-appearance:none;-webkit-appearance:none}.select{padding:0;overflow:auto}select::-ms-expand{display:none}.form-group label{display:inline-block;vertical-align:middle}.form-group input,.form-group .select{display:inline-block;vertical-align:middle}.checkbox{height:18px;line-height:18px}.checkbox input{display:none}.checkbox input + label{position:relative;padding-left:2rem;cursor:pointer}.checkbox input+label:before{content:'';position:absolute;left:0;width:18px;height:18px;border:1px solid #d6d6d6}.checkbox input+label:after{font-family:icons;content:"\e5ca";text-align:center;line-height:18px;width:18px;height:18px;position:absolute;left:0;background:#0280cf;color:#FFF;font-size:.9rem}.checkbox input:not(:checked) + label:after{opacity:0}.checkbox input:checked + label:after{opacity:1}.btn{font-family:inherit;color:#fff;background:#0280cf;border:1px solid #0280cf;display:inline-block;font-weight:400;padding:.25rem .5rem;font-size:.875rem;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border-radius:3px}.btn-lg{width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5}.btn.min-wid{min-width:88px}.btn:active{background:#3288f0;border-color:#3288f0}.btn:disabled{opacity:.5;cursor:default}.toast{display:none;position:fixed;right:24px;bottom:56px;z-index:999}.toast-content{background:#323232;box-shadow:0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);border-radius:2px;color:#fff;font-size:.875em;min-width:240px;max-width:568px;padding:16px 24px}.mask{z-index:999}.mob-mask{z-index:998}.mask,.mob-mask{display:none;position:fixed;top:40px;left:0;width:100%;height:100%;background:#000;opacity:.5}.modal{display:none;position:absolute;top:25%;left:50%;z-index:1000;width:470px;margin:0 0 0 -235px;background:#fff;border-radius:3px}.modal-head{font-size:1.25em;line-height:30px;padding:.5rem 1rem}.modal-body{padding:1rem;border:1px solid #e4e7e9;border-left:0;border-right:0}.modal-foot{padding:.75rem 1rem}.modal-x{position:absolute;top:0;right:0;text-align:center;width:46px;height:46px;line-height:46px;font-size:1.375em;cursor:pointer}.mask.open,.mob-mask.open,.modal.open{display:block}.charlist{list-style:none;padding:0;margin:0;text-align:center}.charlist li{border-radius:3px;border:2px solid #fff;display:inline-block;text-align:center;width:24px;height:24px;line-height:24px}.charlist li:hover,.charlist li.chosen{cursor:pointer;background:#b5d5ff}.font-12{font-size:.75em}.font-14{font-size:.875em}.w-100{width:100%}.w-50{width:50%}.w-70{width:70%}.w-33{width:33.333%}.w-30{width:30%}.spacer-s{margin-bottom:1rem}.spacer-l{padding-left:.25rem}.spacer-r{padding-right:.25rem}.left{float:left}.right{float:right}.wrap-off{white-space:nowrap}.none{display:none}.centered{text-align:center}.clear{overflow:visible}.clear::after{content:"";clear:both;display:block}@media print{.container,.navbar{display:none}#print{display:block;background:#fff}}@media (max-width: 1365px){.adbox{width:180px}#sky{width:170px}.editor{right:180px}}@media (max-width: 992px){.navbar{text-align:center;padding-right:48px}.brand{margin:0 auto}.mob-mask{height:calc(100% - 140px);bottom:100px}.sidebar{display:block;position:fixed;z-index:999;top:40px;left:0;bottom:100px;overflow:hidden}.editor{margin-left:0;right:0;bottom:100px}.editor-body{top:50px}.adbox{top:auto;left:0;right:0;bottom:0;width:100%;height:100px}#sky{display:block;padding:0;float:none;text-align:center;width:auto;margin:0 auto}#hide-sky{display:none}.toast{left:0;right:0;bottom:100px;width:100%}.toast-content{background:rgba(0,0,0,.5);padding:8px;text-align:center;max-width:100%;border-radius:0;box-shadow:none}.editor-menu,.editor-footer{display:none}}@media (max-width: 580px){.m-none{display:none!important}}@media (max-width: 470px){.modal{border-radius:0;width:100%;left:0;margin:0;top:20%}}@media (max-width: 380px){.modal-body{max-height:282px;overflow-y:auto}}
|