/** * @package Audio Merchant * @version 5.0.4 * @author Audio Merchant * @copyright (C) Copyright 2015 Audio Merchant, MyAudioMerchant.com. All rights reserved. * @license GNU/GPL http://www.gnu.org/licenses/gpl-3.0.txt This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . */ html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .ui-tooltip, .duration_tooltip { font-size: 90%; max-width: 300px; } .audio_merchant_player { width: 100%; height: 100%; overflow: hidden; background-color: #7F7E7A; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 5px solid #BFBCB8; } .audio_merchant_player_inner { width: 100%; height: 100%; overflow: hidden; } .audio_cover_photo { width: 1px; // Initial value, adjusted dynamically height: 1px; // Initial value, adjusted dynamically display: inline-block; overflow: hidden; background-color: #E5E5E5; border-right: 1px solid #CFCFCF; border-bottom: 1px solid #6F6F6F; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .audio_title { display: inline-block; float: right; width: 70%; height: 50%; text-align: right; margin: 2% 2% 0 0; font-size: 85%; font-weight: 800; overflow: hidden; } .player_controls { width: 1px; // Initial value, adjusted dynamically height: 1px; // Initial value, adjusted dynamically display: inline-block; background-color: #F2F2F2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float: left; border-bottom: 1px solid #6F6F6F; } .player_buttons { width: 20%; min-width: 30px; margin: 0.5% 0 0 2%; display: inline-block; float: left; text-align: center; } .previous_button, .next_button { width: 30%; max-width: 50px; min-width: 10px; position: relative; top: 0px; } .previous_button { float: left; left: 2%; } .next_button { float: right; right: 2%; } .clr { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; float: none; } ol { list-style-type: none; padding: 0; margin: 0; font-size: 90%; color: black; width: 99.9%; vertical-align: middle; } ol li { list-style-type: none; padding: 1% 1%; margin: 0; border-bottom: 1px solid #5C5C5C; font-weight: 500; cursor: pointer; } ol li a { color: black; } ol li:nth-child(even) { background-color: white; } ol li, ol li * { vertical-align: middle; } .track_list { overflow-x: hidden; overflow-y: scroll; } .track_list li span { display: inline-block; } .track_list li .left_container { float: left; width: 60%; } .track_list li .right_container { float: right; width: 40%; text-align: right; color: white; line-height: 1.2em; } .track_list li .right_container a { color: white; } ol li:nth-child(even) .right_container, ol li:nth-child(even) .right_container a { color: black; } .cart_add_btn { width: 1.2em; min-width: 15px; } .track_list li .action_icon { width: 1.2em; } .play_button_small { width: 3%; min-width: 15px; max-width: 30px; margin: 0 2px 0 0; } .play_button { width: 100%; max-width: 100px; min-width: 30px; } a { text-decoration: none; } a:hover { text-decoration: underline; } div.time_slider { margin: 0; width: 70%; position: absolute; top: 10%; right: 6%; } .ui-slider .ui-slider-handle { width: 0.6em; } .receipt_wrapper { padding: 10px; } .receipt_wrapper * { vertical-align: middle; } .receipt_wrapper h1 { padding: 0; margin: 0 0 5px 0; } .receipt_wrapper label { font-weight: bold; display: inline-block; margin: 0 0 5px 0; } .receipt_wrapper a.light_blue { color: #40CBD3; } .receipt_wrapper .blink { color: red; } body .ui-tooltip img { max-width: 200px; max-height: 200px; } .sold_audio_item .right_container { color: #590202 !important; text-decoration: line-through; } .current_audio_file_playing { background-color: #2565C7 !important; } .current_audio_file_playing, .current_audio_file_playing a { color: white !important; } .small_print_link { display: inline-block; margin: 0 0 0 100px; font-size: 0.9em; }