2 lines
2.7 KiB
CSS
2 lines
2.7 KiB
CSS
@charset "UTF-8";.no_resource_preview,.load_file_error,.load_file{text-align:center;line-height:180px;color:#10a6b4;background-color:#fafafa;user-select:none}.load_file_error{color:#f04343}.resource_layout{display:flex;min-width:580px;min-height:150px;align-items:center;justify-content:center;overflow:hidden;position:relative}.resource_layout .actions{padding:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:20px;color:#fff;background-color:#0009;border-radius:88px}.resource_layout .actions i{margin:0 10px;cursor:pointer}.resource_layout .r_t_image img{display:block;width:100%;cursor:move}.resource_layout .r_t_pdf{width:100%;height:70vh}.resource_layout .r_t_pdf iframe{width:100%;height:100%;border:0}.resource_layout.is-full .r_t_pdf{height:100vh}.resource_layout .r_t_mp3{margin:30px 0;display:flex}.resource_layout .r_t_mp3 .left{padding:20px;position:relative;border:2px solid rgba(16,166,180,.6);box-shadow:0 0 6px 1px #10a6b44d;border-radius:6px;background-color:#10a6b41a}.resource_layout .r_t_mp3 .left .icon{margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%;font-size:50px;color:#fff}.resource_layout .r_t_mp3 .left:after{content:"";display:block;width:100px;height:100px;box-shadow:inherit;border-radius:inherit;background-color:#10a6b4}.resource_layout .r_t_mp3 .right{margin-left:24px}.resource_layout .r_t_mp3 .right>p{margin-top:8px;margin-bottom:16px;width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.resource_layout .r_t_mp3 .right>p:before{content:attr(data-label) "\ff1a";color:#aaa}.resource_layout .r_t_mp3 .right .progress{margin-top:20px;margin-bottom:6px;height:8px;border-radius:30px;background-color:#f5f5f5;position:relative;cursor:pointer}.resource_layout .r_t_mp3 .right .progress:before{content:"";position:absolute;top:0;bottom:0;left:0;right:calc(100% - 100% * var(--progress));background-color:#10a6b4;border-radius:inherit}.resource_layout .r_t_mp3 .right .times{display:flex;justify-content:space-between;color:#aaa;position:relative}.resource_layout .r_t_mp3 .right .times:before{content:attr(data-current-time)}.resource_layout .r_t_mp3 .right .times:after{content:attr(data-duration-time)}.resource_layout .r_t_mp3 .right .times .icon{margin-left:-16px;padding:10px;font-size:14px;color:#fff;background-color:#87d2d9;background-image:linear-gradient(260deg,#40b8c3,#78d5de);box-shadow:3px 4px 8px #c0c4cc;border-radius:50%;position:absolute;left:50%;top:6px;cursor:pointer}.resource_layout .r_t_mp4,.resource_layout .r_t_mp4 video{display:block;width:100%;height:100%;max-height:66vh;background-color:#000}.resource_layout .r_t_mp4 video:not(.timeline)::-webkit-media-controls-timeline{display:none}@keyframes rotating{to{transform:rotate(360deg)}}
|