File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/ui/vue3/components/audioplayer/src/audioplayer.css
Back
.ui-vue-audioplayer-container { height: 38px; display: flex; align-items: stretch; } .ui-vue-audioplayer-controls-container { width: 38px; height: 38px; min-width: 38px; max-width: 38px; } .ui-vue-audioplayer-control { height: 38px; width: 38px; display: block; margin: 0; padding: 0; border: none; border-radius: 50%; transition: 250ms linear background-color; background-repeat: no-repeat; background-position: center; -webkit-tap-highlight-color: transparent; outline: none; } .ui-vue-audioplayer-control { background-color: #5DBEEC; } .ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control, .ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:active, .ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:hover { background-color: #5DBEEC!important; } .ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control { background-color: #5cace1; } .ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control, .ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:active, .ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:hover { background-color: #5cace1!important; } .ui-vue-audioplayer-control-play { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.6485373%2C18.2488193%20L16.2539289%2C11.1423292%20C16.0088457%2C10.9724211%2015.6895249%2C10.9531834%2015.4258159%2C11.092439%20C15.1621069%2C11.2316946%2014.9979288%2C11.5062513%2015.0000434%2C11.8044628%20L15.0000434%2C26.0167597%20C14.9969364%2C26.315402%2015.1609667%2C26.5907459%2015.4250644%2C26.7302067%20C15.689162%2C26.8696675%2016.0090495%2C26.8498639%2016.2539289%2C26.6788933%20L26.6485373%2C19.5724031%20C26.8683107%2C19.4238487%2027%2C19.1758823%2027%2C18.9106112%20C27%2C18.6453401%2026.8683107%2C18.3973738%2026.6485373%2C18.2488193%20L26.6485373%2C18.2488193%20Z%22%20transform%3D%22translate%28-15%20-11%29%22/%3E%0A%3C/svg%3E%0A); background-position: calc(50% + 2px) 50%; cursor: pointer; } .ui-vue-audioplayer-control-pause { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2C13%20L24%2C13%20L24%2C25%20L21%2C25%20L21%2C13%20Z%20M14%2C13%20L17%2C13%20L17%2C25%20L14%2C25%20L14%2C13%20Z%22%20transform%3D%22translate%28-14%20-13%29%22/%3E%0A%3C/svg%3E%0A); cursor: pointer; } .ui-vue-audioplayer-control-play:hover, .ui-vue-audioplayer-control-pause:hover { background-color: #3eddff; } .ui-vue-audioplayer-control-play:active, .ui-vue-audioplayer-control-pause:active { background-color: #12b1e3; } .ui-vue-audioplayer-control-loader { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.25347735%2C0.131844352%20L9.25347735%2C1.65344535%20C9.1693359%2C1.65059411%209.08483578%2C1.64915697%209%2C1.64915697%20C4.9402415%2C1.64915697%201.64915697%2C4.9402415%201.64915697%2C9%20C1.64915697%2C13.0597585%204.9402415%2C16.350843%209%2C16.350843%20C13.0597585%2C16.350843%2016.350843%2C13.0597585%2016.350843%2C9%20C16.350843%2C8.91516422%2016.3494059%2C8.8306641%2016.3465546%2C8.74652265%20L17.8681556%2C8.74652265%20C17.870518%2C8.83072687%2017.8717071%2C8.91522457%2017.8717071%2C9%20C17.8717071%2C13.8997085%2013.8997085%2C17.8717071%209%2C17.8717071%20C4.10029146%2C17.8717071%200.128292901%2C13.8997085%200.128292901%2C9%20C0.128292901%2C4.10029146%204.10029146%2C0.128292901%209%2C0.128292901%20C9.08477543%2C0.128292901%209.16927313%2C0.129481974%209.25347735%2C0.131844352%20Z%22%20opacity%3D%22.6%22/%3E%0A%3C/svg%3E%0A); animation: vueAudioPlayerControlLoader 1s infinite linear; cursor: wait; } @keyframes vueAudioPlayerControlLoader { from { transform: rotate(0) } to { transform: rotate(360deg) } } .ui-vue-audioplayer-timeline-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; height: 26px; position: relative; } .ui-vue-audioplayer-track-container { position: absolute; left: 9px; top: 4px; right: 8px; height: 26px; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .ui-vue-audioplayer-track-container > * { cursor: pointer; } .ui-vue-audioplayer-track-mask { height: 26px; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%23A1E9FF%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; color: #88D0F0; } .ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track-mask { background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%2388D0F0%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; } .ui-vue-audioplayer-track { position: absolute; height: 26px; z-index: 2; top: 0; left: 0; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235DBEEC%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; } .ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track { background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235cace1%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; } .ui-vue-audioplayer-track-seek { height: 26px; position: absolute; z-index: 3; top: 0; border: 2px solid transparent; box-sizing: border-box; margin-left: -2.5px; background: #333; background-clip: padding-box; width: 5px; opacity: 0; transition: opacity 0.3s; } .ui-vue-audioplayer-track-container:hover .ui-vue-audioplayer-track-seek { opacity: 1; } .ui-vue-audioplayer-track-event { height: 26px; position: absolute; z-index: 4; top: 0; left: 0; width: 100%; } .ui-vue-audioplayer-timers-container { font: 10px/12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: rgba(130, 139, 149, 0.7); } .ui-vue-audioplayer-time-current { position: absolute; left: 9px; top: 28px; } .ui-vue-audioplayer-time-total { position: absolute; right: 9px; top: 28px; } .ui-vue-audioplayer-source {display: none;}
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.26 |
proxy
|
phpinfo
|
Settings