![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/gg.corals.io/wp-content/plugins/trx_addons/components/widgets/audio/ |
@import "../../../css/_mixins.scss"; @import "../../../css/_trx_addons.vars.scss"; /* Audio player's styles */ .trx_addons_audio_wrap { position: relative; } .trx_addons_audio_list { position: relative; } .trx_addons_audio_wrap.list .trx_addons_audio_player:not(:first-child) { @include abs-pos(auto, 0, 0, 0, 1); opacity: 0; } .trx_addons_audio_wrap.resized.list .trx_addons_audio_player { @include abs-pos(0, 0, 0, 0, 1); } .trx_addons_audio_wrap.resized.list .trx_addons_audio_player.current { opacity: 1; z-index: 2; } .trx_addons_audio_wrap.resized.list .trx_addons_audio_player_wrap { position: relative; height: 100%; } .trx_addons_audio_wrap.resized.list .audio_frame { bottom: 0; position: absolute; } .trx_addons_audio_player { padding: 1em; position:relative; @include border-box; } .trx_addons_audio_player.with_cover { @include bg-cover; } .trx_addons_audio_player.with_cover:after { content:' '; @include bg-mask(#000, 0.5, 1); } .trx_addons_audio_player.without_cover { border: 1px solid #f0f0f0; background-color:#f7f7f7; } .trx_addons_audio_player .audio_info { position:relative; z-index:2; overflow: hidden; } .trx_addons_audio_player.with_cover .audio_caption, .trx_addons_audio_player.with_cover .audio_description { color: #fff; } .trx_addons_audio_player .audio_author, .trx_addons_audio_player .audio_caption { margin: 0.5em 0 1em; } .trx_addons_audio_player .audio_author + .audio_caption { margin-top: -0.5em; } .trx_addons_audio_player .audio_frame { width:100%; position:relative; z-index:2; } .trx_addons_audio_player .audio_info+.audio_embed, .trx_addons_audio_player .audio_info+.audio_frame { margin-top: 1em; } .widget_subtitle + .trx_addons_audio_wrap { margin-top: 2em; } .trx_addons_audio_player .audio_now_playing { margin-top: 1em; margin-bottom: 1em; } .trx_addons_audio_wrap .trx_addons_audio_navigation, .trx_addons_audio_player .audio_now_playing { @include font(0.9em, 1.4rem, 600); letter-spacing: 1px; text-transform: uppercase; z-index: 2; position: relative; color: #fff; } .trx_addons_audio_wrap .trx_addons_audio_navigation { @include abs-pos(2.55em, 2.5em, auto, auto, 2); } .trx_addons_audio_wrap .trx_addons_audio_navigation > span { padding: 0 5px; cursor: pointer; display: inline-block; @include transition-all; opacity: 0.7; vertical-align: top; } .trx_addons_audio_wrap .trx_addons_audio_navigation > span:hover { opacity: 1; } .trx_addons_audio_wrap .trx_addons_audio_navigation > span span { @include font(1.4rem, 1em, 400); display: inline-block; vertical-align: top; margin-top: -1px; } .trx_addons_audio_wrap.hide_time .mejs-time { display: none !important; } .trx_addons_audio_wrap.hide_scroll .mejs-time-rail { display: none !important; } .trx_addons_audio_wrap.hide_volume .mejs-horizontal-volume-slider { display: none !important; } .hide_scroll .mejs-controls .mejs-duration-container { margin-left: 10px; } .trx_addons_audio_player .mejs-container { min-height: 40px; } @media (max-width: 1439px) { .audio_now_playing { margin-top: 0; } .trx_addons_audio_navigation { @include abs-pos(2em, 2em, auto, auto, 2); } } @media (max-width: 1279px) { .trx_addons_audio_navigation { @include abs-pos(2em, 1.6em, auto, auto, 2); } } @media (max-width: 767px) { .trx_addons_audio_wrap.list .trx_addons_audio_player { padding-top: 5em; } .trx_addons_audio_wrap .mejs-horizontal-volume-slider { display: none !important; } .trx_addons_audio_navigation { @include abs-pos(2.55em, auto, auto, 1.2em, 2); } }