/*------------------------------ 888 888 88e 888 ,"Y88b Y8b Y888P ,e e, 888,8, 888 888b 888 "8" 888 Y8b Y8P d88 88b 888 " 888 888P 888 ,ee 888 Y8b Y 888 , 888 888 88" 888 "88 888 888 "YeeP" 888 888 888 888 888 ------------------------------*/ /*------------------------------ #player ------------------------------*/ #player { clear: both; display:block; width: 100%; margin-top: 20px; padding-top: 20px; } /*------------------------------ #tabs ------------------------------*/ #playertabs { width: 100%; display: block; float: left; position: relative; top: 2px; } #playertabs ul { vertical-align:middle; display:block; margin: 0px; list-style: none; } #playertabs ul li { float: left; margin: 0; padding: 0; } #playertabs ul li.active { background-color: #000; } #playertabs ul li a { background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#3f3f3f)); background: -moz-linear-gradient(top, #676767, #3f3f3f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#3f3f3f'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#3f3f3f'); /* ie8 */ color: #fff; display: block; margin-left: 0px; margin-right: 3px; font-size: 10px; text-align: center; text-decoration: none; padding: 4px 3px 3px 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 11px; line-height: 12px; border-color: #30302e; position: relative; top: -2px; } #playertabs ul li a:hover { color: #dacfe6; } #playertabs ul li.selected a{ background: #000; color: #fff; } /*------------------------------ #playing ------------------------------*/ #playing { clear: both; background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#181818)); background: -moz-linear-gradient(top, #3f3f3f, #181818); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#181818'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#181818'); /* ie8 */ color: #fff; border-top: 1px solid #606060; } #playing #controls{ margin: 0 0 0 10px; padding: 0px; } #playing #controls ul{ width: 100%; margin: 10px 0 0px 0px ; padding: 0px; } #playing #controls li{ display: inline; list-style-type: none; margin: 0; padding: 0 1px 0 0; float: left; margin-top: 7px; } #playing #controls li a.play { background: url('../images/player/icons/main_play.png') no-repeat left; width: 23px; height: 20px; display: block; } #playing #controls li a.pause { background: url('../images/player/icons/main_pauze.png') no-repeat left; width: 23px; height: 20px; display: block; } #playing #controls li #container-bar{ margin-top: 7px; margin-left: 8px; list-style-type: none; width: 100px; height: 8px; background-color: #000; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-radius: 3px; } #playing #controls li #container-bar #progress-bar{ margin-top: 1px; margin-left: 2px; width: 0px; height: 6px; background-color: #b21022; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-radius: 2px; } #playing #controls li #time{ margin-top: 5px; margin-left: 8px; list-style-type: none; color: #CCC; } /*------------------------------ #tabs ------------------------------*/ #tracklisting { width: 100%; display: block; float: left; color: #616161; } #tracklisting ul { margin: 0px; list-style: none; } #tracklisting ul li { width:100%; height: 20px; float: left; margin: 0px; background: url('../images/player/icons/list_unselected.png') no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#FFFFFF)); background: url('../images/player/icons/list_unselected.png') no-repeat left, -moz-linear-gradient(top, #f1f1f1, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#FFFFFF'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#FFFFFF'); /* ie8 */ border-top: 1px solid #FFF; border-bottom: 1px solid #c9c9c9; } #tracklisting ul li.active { background: url('../images/player/icons/list_selected.png') no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#cac5be), to(#d6d2cd)); background: url('../images/player/icons/list_selected.png') no-repeat left, -moz-linear-gradient(top, #cac5be, #d6d2cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac5be', endColorstr='#d6d2cd'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac5be', endColorstr='#d6d2cd'); /* ie8 */ } #tracklisting ul li.playing { background: url('../images/player/icons/list_selected_pause.png') no-repeat left, -webkit-gradient(linear, left top, left bottom, from(#cac5be), to(#d6d2cd)); background: url('../images/player/icons/list_selected_pause.png') no-repeat left, -moz-linear-gradient(top, #cac5be, #d6d2cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac5be', endColorstr='#d6d2cd'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac5be', endColorstr='#d6d2cd'); /* ie8 */ } #tracklisting ul li.paused { background: #d6d2cd; } #tracklisting ul li a.play{ display:block; width: 100%; color:#000; line-height:21px; text-indent:25px; text-decoration: none; } #tracklisting ul li a.play:hover{ background: #d6d2cd; } #tracklisting ul li.active a.play{ color: #b21022; } #tracklisting ul li.playing a.play:hover { background: #d6d2cd; } #tracklisting .tracklength { color:#a5a3a3; } #tracklisting a.button { position: relative; margin-right: 5px; margin-top: -20px; float: right; z-index: 2; font-size: 9px; font-weight: normal; padding-left: 20px; } #tracklisting .trackprice { position: relative; color: #000; text-decoration: underline; float: right; right: 72px; z-index: 4; }