-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.css
1 lines (1 loc) · 15.7 KB
/
app.css
1
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:100%;-o-font-feature-settings:"pkna" 1,"kern" 1;font-feature-settings:"pkna" 1,"kern" 1;-webkit-font-kerning:normal;font-kerning:normal;color:#111;background-color:#f4f4f4cf;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.dark{color:#eee;background-color:#111}html,body,main{height:100%;display:flex;flex-direction:column;position:relative}body,main{flex:1 0 auto;width:100%}.app-content{flex:1 0 auto;margin:auto;padding-top:60px;padding-bottom:32px;display:flex;max-width:1024px;width:100%}@media screen and (max-width: 1024px){.app-content{margin-bottom:64px}}button{border:0;background:0;cursor:pointer;padding:0;color:currentcolor}button:active{opacity:.6}a{text-decoration:none}:focus{outline:none}[disabled]{opacity:.5}.wrapper{max-width:1024px;padding-left:5px;padding-right:5px}.extra_button_group{position:fixed;right:16px;bottom:48px;z-index:100}@media screen and (max-width: 1024px){.extra_button_group{bottom:80px}}.iconbutton{color:#eee;margin:5px;overflow:visible;line-height:3.6rem;border:solid 0 #ff4081;width:4rem;height:4rem;font-size:2.4rem;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);cursor:pointer;background-color:#ff4081}.iconbutton svg{display:inline-block}.iconbutton:hover{box-shadow:0 3px 10px -1px rgba(0,0,0,.5),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.iconbutton.locked{color:#111;background-color:#eee;border:solid 1px #ff4081}button.iconbutton::before,button.iconbutton::after{content:"";flex:1 0 auto}svg{fill:currentColor}@media screen and (max-width: 414px){.option{display:none}}.app-header{position:fixed;top:0;display:flex;width:100%;height:60px;background:rgba(40,40,40,.85);border-bottom:1px solid #ed8e92;color:#fff;z-index:233;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-header .app-title{font-size:1.5rem}.app-header .app-nav a{border:solid 2px transparent;border-radius:2px;color:#fff;padding:.5rem;display:inline-flex;align-items:center}.app-header .app-nav a svg{margin:0 4px}.app-header .app-nav a.active{border-bottom-color:#ff4081}.app-header .app-nav:hover a{border-bottom-color:transparent}.app-header .app-nav:hover a:hover{border-bottom-color:#ff4081}.app-header .wrapper{flex:1 0 auto;display:flex;justify-content:space-between;align-items:center;margin:auto;width:100%}.showtip::before{position:absolute;left:0;content:"";border:solid;border-color:rgba(40,40,40,.85) transparent;border-width:0 .5rem .5rem .5rem;top:calc(100% - 0.5rem);left:inherit;z-index:233;transform:translate3d(1rem, 1rem, 0)}.showtip::after{position:absolute;left:0;content:attr(title);background:rgba(40,40,40,.85);padding:.5rem;top:100%;left:inherit;z-index:233;transform:translateY(1rem)}@media all and (-ms-high-contrast: none){.showtip::before,.showtip::after{display:none}}.app-footer{position:fixed;width:100%;bottom:0}.app-footer button{padding:0 .5rem}.space_button{width:100%;height:48px;text-align:center;background:rgba(40,40,40,.8);border:dashed 1px #fff;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.space_button:hover{color:#ed8e92}.space_button:active{background:rgba(40,40,40,.9);border:solid 1px #fff}audio{width:100%;height:32px;background-color:rgba(32,32,32,.8)}audio::-webkit-media-controls-enclosure{border-radius:0}.app-audio{font-family:Roboto,sans-serif;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:space-between;background:rgba(40,40,40,.85);color:#eee}.app-audio button{color:#eee}.app-audio section{margin:0 5px}.app-audio .slider{margin:0 5px}.app-audio .time-line-section{flex:9 0 auto;display:inline-flex;align-items:center}.app-audio .time-line-section .time-line-slider{flex:1 0 auto;min-width:40vw}.app-audio .audio-extra-section{display:inline-flex;align-items:center;flex:1 1 auto;width:auto}.app-audio .audio-extra-section .slider{flex:1 0 auto}.slider{min-width:100px;height:32px}input[type=range]{height:32px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:32px;cursor:pointer;background:transparent;border:0}input[type=range]::-moz-range-track{height:32px;cursor:pointer;background:transparent;border:0}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;top:-6px}input[type=range]::-webkit-slider-thumb{border:1px solid #eee;height:16px;width:16px;border-radius:8px;background:#ed8e92;cursor:pointer;-webkit-appearance:none;margin-top:8px;z-index:10;transition:box-shadow 500ms ease}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 4px #eee,0 0 0 #eee}input[type=range]::-moz-range-thumb{border:1px solid #eee;height:16px;width:16px;border-radius:8px;background:#ed8e92;cursor:pointer;-webkit-appearance:none;margin-top:8px;z-index:10;transition:box-shadow 500ms ease}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 4px #eee,0 0 0 #eee}input[type=range]::-ms-fill-lower{background:transparent}input[type=range]::-ms-fill-upper{background:transparent}input[type=range]::-ms-thumb{margin-top:-1px;height:16px;width:16px;border-radius:8px;background:#ed8e92;border:1px solid #eee}input[type=range]::-ms-thumb:active{border:1px solid #eee}input[type=range]::-ms-tooltip{display:none}.slider{position:relative}.slider>progress,.slider>input{position:absolute;width:100%}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;margin:14px 0;height:4px;box-sizing:border-box;display:inline-block;background:#eee;vertical-align:0;transition:box-shadow 500ms ease;color:#ed8e92}.slider:hover progress{box-shadow:0 0 4px #eee,0 0 0 #eee}progress::-moz-progress-bar{background-color:#ed8e92;border-radius:2px;background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 62.5%, rgba(255, 255, 255, 0) 75%);background-size:35px 20px,100% 100%,100% 100%}progress::-webkit-progress-bar{background-color:#eee;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.25) inset}progress::-webkit-progress-value{border-radius:2px;background-size:40px 40px,100% 100%,100% 100%;background-color:#ed8e92;background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.75) 62.5%, rgba(255, 255, 255, 0) 75%);background-repeat:repeat-x}.playing input[type=range]::-webkit-slider-thumb,.slider:active input[type=range]::-webkit-slider-thumb{animation:slider-thumb 1s linear infinite}.playing progress::-webkit-progress-value,.slider:active progress::-webkit-progress-value{animation:progress .75s linear infinite}@keyframes progress{0%{background-position:0 0}100%{background-position:40px 0}}@keyframes slider-thumb{0%{box-shadow:0}50%{box-shadow:0 0 4px #eee,0 0 0 #eee}}.synchronizer{width:100%;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;margin-bottom:48px}.lyric-list{margin:0;padding:0;transition:transform 500ms ease,padding 500ms ease}.lyric-line{position:relative;list-style:none;font-size:1.2rem;border:solid 1px transparent;display:flex;flex-direction:row;align-items:baseline}@media screen and (max-width: 768px){.lyric-line{font-size:1rem;padding:0}}.lyric-line .lyric-text::after{content:"";position:relative;display:inline-block}.lyric-line:nth-child(2n+1){background-color:rgba(232,232,232,.5)}.lyric-line.select{border-bottom-color:#ff4081}.lyric-line.highlight{color:#ff4081}.lyric{pointer-events:none;margin:.5rem 0;word-break:break-all;padding:2px;padding-left:8rem;white-space:pre-wrap}@media screen and (max-width: 768px){.lyric{padding-left:6rem}}.error .lyric-time{color:red}.current-time-tag{margin:.5rem 0;position:absolute;top:0;padding:2px;align-self:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.editor{display:flex;flex-direction:column;flex:1 1 auto;width:100%;margin-bottom:1rem}input[type=file]{display:none}.editor-tool-bar,.lrc-info-section{display:flex;margin:.5rem}.editor-button{cursor:default;flex:1 1 33%;justify-content:center;border:0;display:flex;align-items:center;padding:.5rem 1.2rem;border-radius:.2rem}.editor-button svg{margin-right:.5rem}.editor-button:hover,.editor-button:focus{color:#ff4081}.editor-button:active{transform:translateY(5px)}.lrc-info-input-section{flex:1 1 33%;display:flex;align-items:center;margin:0 .5rem}.lrc-info-input-section:first-child{margin-left:-0.5rem}.lrc-info-input-section:last-child{margin-right:-0.5rem}@media screen and (max-width: 768px){.lrc-info-input-section{margin:5px 0 !important}}.lrc-info-input-section input{padding:4px;flex:1 1 auto;margin-left:.5rem;border-radius:.25rem;border:1px solid #ed8e92;transition:box-shadow 250ms ease-in-out}.lrc-info-input-section input:hover,.lrc-info-input-section input:focus{box-shadow:0 0 10px #ed8e92}@media screen and (max-width: 768px){.lrc-info-section{display:none}}.lrc-textarea-section{flex:1 1 auto;border-radius:.25rem;border:1px solid #ed8e92;background-color:#fff;transition:box-shadow 250ms ease-in-out;display:flex}.lrc-textarea-section:hover,.lrc-textarea-section:focus{box-shadow:0 0 10px #ed8e92}.app-textarea{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;margin:1px;padding:.5rem;resize:none;font-size:1.2rem;width:100%;border:0}::-moz-selection{background:#ed8e9366}::selection{background:#ed8e9366}.preferences{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 768px){.preferences{padding:0}}.preferences section{padding:1rem}.preferences section:nth-child(2n+1){background-color:rgba(255,255,255,.5)}.preferences .section-group{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:768px;margin:auto;word-break:break-all}.preferences .section-group a,.preferences .section-group a:visited{color:#ff4081}.preferences .label-switch{border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;width:60px}.preferences .label-switch input[type=checkbox]{display:none}.preferences .label-switch input[type=checkbox]+.checkbox{background:#e8e8e8;border:0;border-radius:24px;cursor:pointer;height:24px;margin:0;padding:0;position:relative;transition:all .3s ease;width:60px;z-index:0}.preferences .label-switch input[type=checkbox]+.checkbox::before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:24px;content:"";transform:scale(1);transition:all .3s ease;z-index:1}.preferences .label-switch input[type=checkbox]+.checkbox::after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;height:32px;width:32px;background:#fff;border-radius:32px;box-shadow:0 2px 5px rgba(0,0,0,.4);content:"";transition:all .3s ease;z-index:2}.preferences .label-switch input[type=checkbox]:checked+.checkbox{background:#ff4081}.preferences .label-switch input[type=checkbox]:checked+.checkbox::before{transform:scale(0)}.preferences .label-switch input[type=checkbox]:checked+.checkbox::after{left:32px}.preferences .stepper{display:flex;height:24px}.preferences .stepper input{width:30px;text-align:center;border:1px solid #d7dbdd;border-radius:0;box-shadow:none;pointer-events:none}.preferences .stepper button{cursor:pointer;width:30px;color:#fff;background-color:#ff4081;font-size:12px;border:1px solid #ed8e92;border-radius:4px}.preferences .stepper .addOnLeft{border-top-right-radius:0;border-bottom-right-radius:0}.preferences .stepper .addOnRight{border-top-left-radius:0;border-bottom-left-radius:0}.preferences input[type=number]{color:inherit;width:4rem;height:30px;text-align:right;background:0;border:0;border-bottom:1px solid #ed8e92}.preferences .lang-select>select{padding-right:1rem;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;outline:0}.preferences .lang-select>select::-ms-expand{display:none}.preferences .lang-select{position:relative}.preferences .lang-select::after{position:absolute;right:0;color:#ff4081;content:"▼";z-index:1;pointer-events:none}.preferences .select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.loading-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:10px;width:100%;height:100%}.loading-page p{font-size:2rem}.loading{height:100px;width:100px;position:relative}.loading::before,.loading::after{content:" ";width:100px;height:100px;border-radius:50%;position:absolute;background:#ed8e92;opacity:.5}.loading::before{animation:loading 2s 0s infinite ease-in-out}.loading::after{animation:loading 2s -1s infinite ease-in-out}@keyframes loading{0%{transform:scale(1);opacity:.5}50%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:.5}}.dot{display:inline-block;height:1em;line-height:1;text-align:left;vertical-align:-0.25em;overflow:hidden}.dot::before{display:block;content:"...\a..\a.";white-space:pre-wrap;animation:dot 3s infinite step-start both}@keyframes dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}.not_found{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.not_found header{font-size:3rem;color:gray}.not_found header,.not_found p{opacity:.5;transition:opacity .5s ease;margin:1rem 0;cursor:default;animation:not_found 10s ease-in-out infinite}@keyframes not_found{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}/*# sourceMappingURL=app.css.map */