This repository has been archived on 2022-06-23. You can view files and clone it, but cannot push or open issues or pull requests.
divi/includes/builder/feature/dynamic-assets/assets/css/audio_player_cpt.css

1 line
11 KiB
CSS

.et-db #et-boc .et-l .et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et-db #et-boc .et-l .et_audio_container .mejs-container{width:auto!important;min-width:unset!important;height:auto!important}.et-db #et-boc .et-l .et_audio_container .mejs-container,.et-db #et-boc .et-l .et_audio_container .mejs-container .mejs-controls,.et-db #et-boc .et-l .et_audio_container .mejs-embed,.et-db #et-boc .et-l .et_audio_container .mejs-embed body{background:none;height:auto}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-loaded,.et-db #et-boc .et-l .et_audio_container .mejs-time.mejs-currenttime-container{display:none!important}.et-db #et-boc .et-l .et_audio_container .mejs-time{display:block!important;padding:0;margin-left:10px;margin-right:90px;line-height:inherit}.et-db #et-boc .et-l .et_audio_container .mejs-android .mejs-time,.et-db #et-boc .et-l .et_audio_container .mejs-ios .mejs-time,.et-db #et-boc .et-l .et_audio_container .mejs-ipad .mejs-time,.et-db #et-boc .et-l .et_audio_container .mejs-iphone .mejs-time{margin-right:0}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5);border-radius:5px;height:4px;margin:8px 0 0;top:0;right:0;left:auto}.et-db #et-boc .et-l .et_audio_container .mejs-controls>div{height:20px!important}.et-db #et-boc .et-l .et_audio_container .mejs-controls div.mejs-time-rail{padding-top:0;position:relative;display:block!important;margin-left:42px;margin-right:0}.et-db #et-boc .et-l .et_audio_container span.mejs-time-total.mejs-time-slider{display:block!important;position:relative!important;max-width:100%;min-width:unset!important}.et-db #et-boc .et-l .et_audio_container .mejs-button.mejs-volume-button{width:auto;height:auto;margin-left:auto;position:absolute;right:59px;bottom:-2px}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;height:4px;border-radius:5px}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle{display:block;border:none;width:10px}.et-db #et-boc .et-l .et_audio_container .mejs-time-rail .mejs-time-handle-content{border-radius:100%;transform:scale(1)}.et-db #et-boc .et-l .et_audio_container .mejs-time-rail .mejs-time-hovered{height:4px}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{background:#fff;border-radius:5px;height:10px;position:absolute;top:-3px}.et-db #et-boc .et-l .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et-db #et-boc .et-l .et_audio_container .mejs-controls a.mejs-horizontal-volume-slider{display:block!important;height:19px;margin-left:5px;position:absolute;right:0;bottom:0}.et-db #et-boc .et-l .et_audio_container .mejs-controls div.mejs-horizontal-volume-slider{height:4px}.et-db #et-boc .et-l .et_audio_container .mejs-playpause-button button,.et-db #et-boc .et-l .et_audio_container .mejs-volume-button button{background:none!important;margin:0!important;width:auto!important;height:auto!important;position:relative!important;z-index:99}.et-db #et-boc .et-l .et_audio_container .mejs-playpause-button button:before{content:"E"!important;font-size:32px;left:0;top:-8px}.et-db #et-boc .et-l .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_audio_container .mejs-volume-button button:before{color:#fff}.et-db #et-boc .et-l .et_audio_container .mejs-playpause-button{margin-top:-7px!important;width:auto!important;height:auto!important;position:absolute}.et-db #et-boc .et-l .et_audio_container .mejs-controls .mejs-button button:focus{outline:none}.et-db #et-boc .et-l .et_audio_container .mejs-playpause-button.mejs-pause button:before{content:"`"!important}.et-db #et-boc .et-l .et_audio_container .mejs-volume-button button:before{content:"\E068";font-size:18px}.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-volume-button button:before{color:#666}.et-db #et-boc .et-l .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_pb_text_color_dark .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et-db #et-boc .et-l .et_pb_text_color_dark .mejs-container .mejs-controls .mejs-time span{color:#999}.et-db #et-boc .et-l .et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et-db #et-boc .et-l .et_audio_container .mejs-container .mejs-controls{padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:unset!important;position:relative}@media (max-width:980px){.et-db #et-boc .et-l .et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et-db #et-boc .et-l .et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#fff}.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#666}.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et-db #et-boc .et-l .et_pb_text_color_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#999}}@media (max-width:767px){.et-db #et-boc .et-l .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px!important}.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-volume-button button:before{color:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et-db #et-boc .et-l .et_pb_bg_layout_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#fff}.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-playpause-button button:before,.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-volume-button button:before{color:#666}.et-db #et-boc .et-l .et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et-db #et-boc .et-l .et_pb_text_color_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et-db #et-boc .et-l .et_pb_text_color_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#999}}