|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /proc/21573/root/home/queenjbs/yuchun_before_X/TotalControl/css/ |
Upload File : |
@charset "UTF-8";
/* CSS Document */
.total-control-player {
width:900px;
padding:0px;
font-family: Helvetica, Arial, sans-serif;
color:white;
font-size:18px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
-ms-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
-o-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.75);
position:relative;
}
.total-control-panel {
background: url(../images/default-control-panel.png) no-repeat;
background-size:910px 72px;
background-repeat:no-repeat;
width:900px;
height:72px;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#000;
position:relative;
}
.total-song-amount {
padding:5px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-shadow: 0 1px #000;
background-image: linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -o-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -moz-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -ms-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, rgb(33,33,33)), color-stop(0.87, rgb(61,61,61)) );
font-size:11px;
border-top:solid;
border-top-width:1px;
border-top-color:#DCDCDC;
position:relative;
}
.total-row-labels {
text-shadow: 0 1px #000;
background-image: linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -o-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -moz-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -ms-linear-gradient(bottom, rgb(33,33,33) 48%, rgb(61,61,61) 87%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, rgb(33,33,33)), color-stop(0.87, rgb(61,61,61)) );
padding:5px;
font-size:15px;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#CACACA;
}
.total-bottom-bar {
padding:5px;
text-align:center;
white-space:nowrap;
overflow:hidden;
;
text-overflow:ellipsis;
text-shadow: 0 1px #FFF;
background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(242,242,242) 100%);
background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(242,242,242) 100%);
background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(242,242,242) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(242,242,242) 100%);
background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(242,242,242) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(230,230,230)), color-stop(1, rgb(242,242,242)) );
}
.total-row {
padding:5px;
padding-bottom:10px;
padding-top:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
cursor:pointer;
font-size:15px;
color:black;
font-weight:100;
}
.total-title {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
float:left;
width:200px;
margin-right:10px;
}
.total-title-label {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
float:left;
width:200px;
margin-right:10px;
}
.total-artist {
float:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:195px;
}
.total-artist-label {
float:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:195px;
}
.total-checked {
float:left;
width:12px;
height:12px;
margin-right:5px;
background: url(../images/default-checked.png) no-repeat;
background-size:12px 12px;
background-repeat:no-repeat;
cursor:pointer;
}
.total-unchecked {
float:left;
width:12px;
height:12px;
margin-right:5px;
background: url(../images/default-unchecked.png) no-repeat;
background-size:12px 12px;
background-repeat:no-repeat;
cursor:pointer;
}
.total-checked-label {
float:left;
width:32px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background: url(../images/default-checkbox-label.png) no-repeat;
background-size:12px 12px;
background-repeat:no-repeat;
height:12px;
}
.total-playing {
float:left;
margin-right:3px;
width:12px;
height:12px;
background: url(../images/default-volume-icon.png) no-repeat;
background-size:12px 12px;
background-repeat:no-repeat;
}
.total-not-playing {
float:left;
margin-right:3px;
width:12px;
height:12px;
}
.total-playlist-songs {
overflow:auto;
width:inherit;
background-color:black;
}
.jspDrag {
background: #333333;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.jspTrack {
background: #CCC;
}
.total-position-scrubber {
height:7px;
width:890px;
margin-left:auto;
margin-right:auto;
background-image: linear-gradient(bottom, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -o-linear-gradient(bottom, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -moz-linear-gradient(bottom, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -webkit-linear-gradient(bottom, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -ms-linear-gradient(bottom, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(66,66,66)), color-stop(0.97, rgb(112,112,112)) );
cursor:pointer;
position:absolute;
left:5px;
bottom:7px;
border-color:#666;
}
.total-position-scrubber>.ui-slider-handle {
width:12px;
height:12px;
background: url(../images/default-scrubber-dragger.png) no-repeat;
background-color:transparent;
background-size:14px 14px;
border:none;
}
.total-volume-slider {
height:5px;
width:81px;
background-image: linear-gradient(top, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -o-linear-gradient(top, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -moz-linear-gradient(top, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -webkit-linear-gradient(top, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -ms-linear-gradient(top, rgb(66,66,66) 0%, rgb(112,112,112) 97%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(66,66,66)), color-stop(0.97, rgb(112,112,112)) );
cursor:pointer;
position:absolute;
right:5px;
top:7px;
border-color:#999;
}
.ui-slider-range-max {
background: #000 url();
}
.total-volume-slider>.ui-slider-handle {
width:12px;
height:12px;
background: url(../images/default-volume-dragger.png) no-repeat;
background-color:transparent;
background-size:11px 11px;
border:none;
}
.total-lcd-screen {
background: url(../images/default-lcd-screen.png) no-repeat;
background-size:120px 50px;
position:absolute;
left:88px;
top:2px;
width:120px;
height:50px;
position:relative;
}
.total-playing-title {
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
color:white;
padding-top:4px;
padding-bottom:1px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:9px;
}
.total-playing-artist {
font-size:9px;
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
color:white;
padding-top:2px;
padding-bottom:2px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.total-song-position {
position:absolute;
width:50px;
left:8px;
bottom:5px;
font-size:9px;
text-align:left;
font-weight:100;
}
.total-song-duration {
position:absolute;
width:50px;
bottom:5px;
right:8px;
font-size:9px;
text-align:right;
font-weight:100;
}
.total-repeat-all {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:6px;
background: url(../images/default-repeat-all.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-repeat-all-active {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:6px;
background: url(../images/default-repeat-all-active.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-repeat-one {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:35px;
background: url(../images/default-repeat-one.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-repeat-one-active {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:35px;
background: url(../images/default-repeat-one-active.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-shuffle {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:64px;
background: url(../images/default-shuffle.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-shuffle-active {
position:absolute;
width:20px;
height:18px;
bottom:25px;
left:64px;
background: url(../images/default-shuffle-active.png) no-repeat;
background-color:transparent;
background-size:20px 18px;
cursor:pointer;
}
.total-artwork {
float:left;
top:5px;
left:50px;
width:50px;
height:50px;
background: url(../images/artwork.png) no-repeat;
background-size:50px 50px;
margin-right:10px;
}
.total-maximize {
position:absolute;
top:3px;
left:5px;
width:19px;
height:15px;
background: url(../images/default-maximize.png) no-repeat;
background-size:18px 15px;
cursor:pointer;
}
.total-play {
position:absolute;
height:30px;
width:30px;
bottom:20px;
right:33px;
background: url(../images/default-play.png) no-repeat;
background-size:30px 30px;
cursor:pointer;
}
.total-pause {
position:absolute;
height:30px;
width:30px;
bottom:20px;
right:33px;
background: url(../images/default-pause.png) no-repeat;
background-size:30px 30px;
cursor:pointer;
}
.total-next {
position:absolute;
height:25px;
width:25px;
bottom:23px;
right:4px;
background: url(../images/default-next.png) no-repeat;
background-size:25px 25px;
cursor:pointer;
}
.total-previous {
position:absolute;
height:25px;
width:25px;
bottom:23px;
right:67px;
background: url(../images/default-previous.png) no-repeat;
background-size:25px 25px;
cursor:pointer;
}
.total-song-tooltip {
width:278px;
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-ms-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-o-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
background-color:white;
position:absolute;
bottom:-75px;
padding:10px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:solid;
border-color:#D7D7D7;
border-width:1px;
}
.total-song-tooltip-top {
width:278px;
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-ms-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
-o-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.50);
background-color:white;
position:absolute;
top:-75px;
padding:10px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:solid;
border-color:#D7D7D7;
border-width:1px;
}
.total-tooltip-title {
padding:3px;
font-size:11px;
font-weight:100px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:black;
}
.total-tooltip-artist {
padding:3px;
font-size:11px;
font-weight:100px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:black;
}
.total-add-song {
position:absolute;
top:3px;
left:30px;
width:21px;
height:15px;
background: url(../images/default-add-button.png) no-repeat;
background-size:20px 15px;
cursor:pointer;
}