summaryrefslogtreecommitdiff
path: root/source/css/shikwasa.chapter.min.css
diff options
context:
space:
mode:
Diffstat (limited to 'source/css/shikwasa.chapter.min.css')
-rw-r--r--source/css/shikwasa.chapter.min.css1
1 files changed, 1 insertions, 0 deletions
diff --git a/source/css/shikwasa.chapter.min.css b/source/css/shikwasa.chapter.min.css
new file mode 100644
index 0000000..40112f6
--- /dev/null
+++ b/source/css/shikwasa.chapter.min.css
@@ -0,0 +1 @@
+@-webkit-keyframes stretch{0%,to{box-shadow:0 0}50%{box-shadow:0 -5px}}@keyframes stretch{0%,to{box-shadow:0 0}50%{box-shadow:0 -5px}}.shk .shk-controls_extra .shk-btn.shk-btn_chapter{display:none}.shk[data-has-chapter] .shk-controls_extra .shk-btn.shk-btn_chapter{display:inline-block}.shk-chapter{background:var(--color-theme);border:1px solid rgba(0,41,37,.05);border-radius:2px;bottom:0;box-shadow:0 0 10px rgba(0,41,37,.07);box-sizing:border-box;height:0;left:20px;margin:0 auto;opacity:0;overflow:hidden;position:absolute;right:20px;transition:height .2s ease-in-out,bottom .1s ease-in-out,opacity .1s linear,visibility .1s .2s;visibility:hidden;z-index:0}.shk[data-show-chapter] .shk-chapter{bottom:120px;height:340px;opacity:1;transition:height .2s ease-in-out,bottom .1s ease-in-out,opacity .1s linear;visibility:visible}.shk-btn_close{fill:var(--color-primary);font-size:0;position:absolute;right:4px;top:4px}.shk-btn .shk-icon_close{height:16px;width:16px}.shk-chapter_main{box-sizing:border-box;height:calc(100% - 60px);margin:40px 0 20px;-webkit-mask-image:linear-gradient(180deg,transparent,#202124 5%,#202124 95%,transparent);mask-image:linear-gradient(180deg,transparent,#202124 5%,#202124 95%,transparent);overflow-x:hidden;overflow-y:scroll;padding:0 40px;scroll-behavior:smooth}.shk-chapter_list{box-sizing:border-box;list-style:none;margin:10px 0 0;padding:0}.shk-chapter_item{margin:5px 0}.shk-chapter .shk-chapter_btn{align-items:center;box-sizing:border-box;color:var(--color-text);display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;width:100%}.shk-chapter .shk-chapter_btn:after{border-radius:2px}.shk-chapter_btn div{fill:currentColor;color:currentColor}.shk-chapter_item[data-active] .shk-chapter_btn div{color:var(--color-primary);font-weight:600}.shk-icon_chapter{flex-shrink:0;height:12px;width:12px}.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing,.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing:after,.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_playing:before{display:block}.shk-icon_playing,.shk-icon_playing:after,.shk-icon_playing:before{-webkit-animation:stretch 1s ease-in-out infinite;animation:stretch 1s ease-in-out infinite;background:currentColor;color:currentColor;display:none;height:5px;left:4px;top:6px;width:3px}.shk-icon_playing{-webkit-animation-delay:.16s;animation-delay:.16s;position:relative}.shk-icon_playing:after,.shk-icon_playing:before{content:"";position:absolute;top:0}.shk-icon_playing:before{-webkit-animation-delay:-.16s;animation-delay:-.16s;left:-4px}.shk-icon_playing:after{left:4px}.shk-icon_triangle{align-items:flex-start;display:flex;flex-shrink:0}.shk[data-play=playing] .shk-chapter_item[data-active] .shk-icon_triangle{display:none}.shk-icon_triangle svg{fill:currentColor;height:12px;width:12px}.shk-chapter_duration{color:var(--color-secondary);flex-shrink:0;font-weight:200;margin:0 5%;min-width:60px;text-align:left}.shk-chapter_title_wrap{flex-grow:1;overflow:hidden;white-space:nowrap}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow]{-webkit-mask-image:linear-gradient(90deg,transparent,#202124 2%,#202124 98%,transparent);mask-image:linear-gradient(90deg,transparent,#202124 2%,#202124 98%,transparent)}.shk-chapter_title_inner{-webkit-animation-duration:inherit;animation-duration:inherit;display:flex}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner{box-sizing:border-box;padding:0 3%}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner:after{content:attr(data-chapter);display:block}.shk-chapter_title{color:var(--color-text);overflow:hidden;text-align:left;text-overflow:ellipsis}.shk-chapter_item[data-active] .shk-chapter_title{overflow:visible}.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title,.shk-chapter_item[data-active] .shk-chapter_title_wrap[data-overflow] .shk-chapter_title_inner:after{-webkit-animation:marquee linear infinite;animation:marquee linear infinite;-webkit-animation-duration:inherit;animation-duration:inherit;color:currentColor;padding-right:60px}@media (max-width:640px){.shk-chapter{left:10px;right:10px}.shk-chapter_main{padding:0 10px}} \ No newline at end of file