Файл: css/al/pads.css
Строк: 930
#pads_css {
display: none;
}
#pad_rows {
overflow:
hidden;
}
.pad_no_fixed {
position: absolute;
}
#pad_wrap {
z-index:
400;
-webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
box-shadow: 0px 1px 6px
rgba(0, 0, 0, 0.35);
}
#pad_cont {
background: #FFF;
overflow: hidden;
position: relative;
}
#pad_cont.pad_loading {
background: #FFF
url(/images/upload.gif) no-repeat center center;
height: 100px;
border:
1px solid #ADBAC7;
}
#pad_title_wrap {
background-color: #597DA3;
border: 1px solid;
border-color: #45688E #43658A;
padding: 0px;
color: #FFF;
font-size: 1.18em;
font-weight: bold;
}
#pad_title {
border-top: 1px solid #648CB7;
padding: 6px 10px 8px
10px;
}
#pad_title_right {
font-size: 0.847em;
color: #FFF;
font-weight: normal;
line-height: 13px;
padding: 9px 10px;
color:
#C7D7E9;
-webkit-transition: color 100ms linear;
-moz-transition: color
100ms linear;
-o-transition: color 100ms linear;
transition: color
100ms linear;
}
#pad_title_right:hover {
color: #FFF;
text-decoration:
none;
}
#pad_content {
position: relative;
overflow: hidden;
border:
1px solid #ADBAC7;
border-width: 0px 1px;
}
#pad_controls {
border: 1px
solid #ADBAC7;
border-width: 1px 1px 0px;
}
#pad_footer_wrap {
border:
1px solid #999;
border-top: 0px;
}
#pad_footer_wrap.music {
border-color: #ADBAC7;
}
#pad_footer {
padding: 8px 5px 7px;
height:
30px;
background-color: #F2F2F2;
border-top: 1px solid
#DAE1E8;
}
#pad_footer_text {
padding: 8px 8px 0px;
}
.pad_close_btn {
margin: 2px 5px;
}
.pad_none {
color: #777;
font-size: 12px;
text-align: center;
line-height: 160%;
padding: 30px 0px;
border: 1px
solid #ADBAC7;
}
div.pad_btn_prg {
background: url(/images/upload.gif)
no-repeat center center;
cursor: default;
}
div.pad_btn_prg .button {
visibility: hidden;
}
#pad_layer_bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
opacity: 0.2;
filter: alpha(opacity=20);
z-index: 350;
}
@-moz-document url-prefix() {
#pad_layer_bg {
background: url(/images/layer_bg_lite.png);
opacity: 1 !important;
}
}
#pad_arrow {
position: absolute;
left:
-10px;
top: 43px;
z-index: 410;
width: 12px;
height: 17px;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEBSURBVHjaYvj//z8DNgwETEDMDKVZ1+46/h8EAAIIxCEEmJE5AAHEgk0FIyMjzHQ2IAZZxwiTAwggdGeAFLECMTsQcwCxIBALrdt75j8MAAQQupthirlBCoFYAlkxCAAEELIGdMVS6IpBACCAkBWzElIMAgABhKyBC4gFgFgSl2IQAAggZA0g04XxKQYBgABCDhmwBiCWw6cJIIAwbABiWSBWwaUJIICQbYD7AYgVgFgdmyaAAEKOMA6kUJIGYkVsNgEEEAMWW5A1yaH7CSCAcCULLlhMA7E4EIvAUitAALEgpam/QOovMOGBNP1DS49wPkAAYUutMMmfKKkUCgACDAApwDnZIBTuSQAAAABJRU5ErkJggg==)
no-repeat;
}
#pad_arrow.head {
width: 17px;
height: 12px;
left:
auto;
right: 124px;
top: -10px;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsUlEQVR42pWRUQrCMAyGy8rY6F5mFeYURUHw8HoAwee9eJreoEskKSG0uhU+ysqfjywxJn+sulcdS9QFFgkw2AIO6AROiKpfkloU98BW0NN7Qzlb6qChoAdG4AScn+9PpG+vRFmJo+ARuAA3FIQQIokOSlRpiRRcgTsLGCVqxXy+Mv6FPbYvO9CQCHMbquNtJsnAM8gJlMiLjaVOcPq7fwIl6tLaH68pMksEjKwzawpLzG2yBJvr9mIGAAAAAElFTkSuQmCC)
no-repeat;
}
#pad_arrow.head.no_data {
width: 17px;
height: 12px;
left: auto;
right: 124px;
top: -10px;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsElEQVR42pWR0QrCMAxFy8rY6F5mFeYURUHw4/UDBJ/34j+VLpGkhNDqVjiUlZtDlhiTP1bdq44l6gKLBBhsAQd0AidE1S9JLYp7YCvo6b2hnC110FDQAyNwAs7P9yfSt1eirMRR8AhcgBsKQgiRRAclqrRECq7AnQWMErViPl8Z/8Ie25cdaEiEuQ3V8TaTZOAZ5ARK5MXGUic4/d0/gRJ1ae2P1xSZJQJG1pk1hSVmRScMrgyoQyAAAAAASUVORK5CYII%3D)
no-repeat;
}
#pad_arrow.right {
width: 12px;
height: 17px;
left:
auto;
right: -10px;
top: 17px;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAArUlEQVR42pWSTQrCQAyFQ4eh4mz8A6uiKAgeXg8guHbjaeYGbQYivkkTxcK3e9880oRyzv31/uyJKAEBqD8QZsxCmDJRcIUVs2Y6kFqRQiUUbo9XkQ7CTqQEbaESQDozJyVNTAGkC3NkNjLbp0ULqmnPLKUlmg3GTCgEVwDprwY9A32bYQt/KbqCEW6rjRvhzgg33qZLcC6LGp+FuqX3GaTRq44Q4UU7bAjNL2EAU9kEmwVnt3EAAAAASUVORK5CYII%3D)
no-repeat;
}
#pad_arrow.left {
width: 12px;
height: 17px;
left:
-10px;
right: auto;
top: auto;
bottom: 15px;
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAr0lEQVR42pWSTQoCMQxGS0NROpuxCv7hoCB4eD2A4NqNp+kNZr5KAyHYMA48uvleMmnqXPvzgOoZ7s/3mHMe3QwhzBF8DXYglrMlcMUFWIIVSI/X5xvWghfhUjmBnQxrQYcPOiyFIP65GdZCGa4H+1ZYC6X62gqzQFIAw18dwAlcrRlIzwDO4GbdEtVF8S0dweVXJ73hqKRBz9R6FpE3DbZgYz2+ILqlSm8JJOgYFiaDlASbG44/fAAAAABJRU5ErkJggg%3D%3D)
no-repeat;
}
#pad_arrow.blue {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNqMksEJwkAQAC/nqecVIAr+BC3EAqwiFdiFYAVWYTkKPnwZfPg8TxKNu7ILS8hqAvO6mWyySWb0qwcMCbPKt/fxZGqcImcU9Cmo+cApsqUzlAfASwtYxjt7wq03+0sI/itYRQ6EB/nMsgza5ADyUcocdJblBF7hCNFkOYHXiC940mQOagJXVx12+SLG9DMwJD+BBwLRUot4whsogchoEU/oHMkP1xYliOYyso2JMkoELmJ2K67qz8dRRYuw//5WI9ZcNp/iI8AAlvJWguL+p+oAAAAASUVORK5CYII=);
}
/*
scrollbars */
.pad_scrollbar_cont {
width: 9px;
height: 100%;
margin-top: 0px;
position: absolute;
background: rgba(200, 200, 200,
0);
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms
linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
z-index: 500;
cursor: pointer;
}
.pad_scrollbar_cont.scrollbar_c_overed
{
background: rgba(235, 235, 245, 0.4);
width:
11px;
}
.pad_scrollbar_inner {
background: #DAE1E8;
width: 6px;
height: 26px;
margin-left: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
-webkit-transition: width 150ms linear, background-color 200ms linear;
-moz-transition: width 150ms linear, background-color 200ms linear;
-o-transition: width 150ms linear, background-color 200ms linear;
transition: width 150ms linear, background-color 200ms
linear;
}
.scrollbar_c_overed .pad_scrollbar_inner {
width: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:
4px;
}
.pad_scrollbar_inner:hover,
.pad_scrollbar_hovered {
background:
#BEC8D3;
}
.pad_scrollbar_top {
position: absolute;
height: 3px;
margin-top: -1px;
background: #555555;
opacity: 0.12;
filter:
alpha(opacity=12);
display: none;
z-index: 20;
}
.pad_scrollbar_bottom
{
position: absolute;
height: 3px;
margin-top: -2px;
background:
#555555;
opacity: 0.12;
filter: alpha(opacity=12);
z-index:
20;
}
#pad_more {
background: #EFF1F3;
display: block;
text-align:
center;
color: #738392;
padding: 8px;
margin: 0 10px
10px;
}
#pad_more:hover {
text-decoration: none;
background:
#E9EDF1;
}
.pad_more_arrow {
width: 10px;
height: 10px;
padding: 2px
0px 0px 4px;
background: url('/images/icons/wall_fixed_more_arrows.gif')
1px 2px no-repeat;
}
.pad_error {
color: #800;
}
.pad_decl {
margin-left: 10px;
}
.pad_mini_friend {
width:
32px;
}
.pad_fr_rows,
.pad_ph_rows,
.pad_vid_rows {
width:
376px;
}
.pad_fr_addinfo,
.pad_gr_addinfo,
.pad_ap_addinfo {
padding-top:
7px;
color: #777;
}
.pad_fr_done {
padding-top:
9px;
}
.add_fr_one,
.add_ap_one {
padding-bottom:
5px;
}
.pad_fr_img,
.pad_ap_img {
width: 75px;
}
.pad_ap_list_img {
width: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pad_fr_msg,
.pad_ap_msg {
padding-top: 5px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow:
ellipsis;
}
.pad_ap_msg {
padding: 7px 0px
5px;
}
.pad_fr_common,
.pad_gr_friends,
.pad_ap_friends {
padding-top:
8px;
height: 32px;
overflow: hidden;
}
.pad_fr,
.pad_gr,
.pad_ap {
padding: 10px 0px;
margin: 0px 12px;
border-bottom: 1px solid
#E4E8ED;
}
.pad_fr:last-child,
.pad_gr:last-child,
.pad_ap:last-child {
border-bottom: 0px;
}
.pad_fr_phwrap,
.pad_gr_phwrap,
.pad_ap_phwrap {
height: 75px;
overflow: hidden;
position:
relative;
}
.pad_ap_list_phwrap {
height: 50px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:
5px;
}
.pad_gr_phwrap {
height: 100px;
}
.pad_fr_info,
.pad_ap_info {
margin-left: 85px;
width: 265px;
}
.pad_ap_list_info {
margin-left:
60px;
width: 265px;
color: #777777;
}
.pad_gr_info {
margin-left:
110px;
width: 335px;
}
.pad_fr_name,
.pad_ap_name {
padding-top:
2px;
}
.pad_ap_list_name {
padding: 2px 0px
4px;
}
.pad_fr_lnk,
.pad_gr_lnk,
.pad_ap_lnk {
font-weight: bold;
color: #45688E;
}
.pad_fr_phbig {
position: absolute;
color: #FFF;
margin-top: 75px;
background: #333;
background: rgba(0, 0, 0, 0.5);
width: 75px;
height: 15px;
line-height: 15px;
padding: 4px 0px 6px
0px;
text-align: center;
filter: alpha(opacity=75);
}
@media all and
(min-width:0) { /* IE9-10 */
.pad_fr_phbig { filter: none;
}
}
.pad_fr_phbig:hover {
text-decoration: none;
}
.pad_fr_phlabel {
opacity: 0.75;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-o-transition: opacity 100ms
linear;
transition: opacity 100ms linear;
padding: 0px 0px
1px;
}
.pad_fr_phbig:hover .pad_fr_phlabel {
opacity: 1;
}
.pad_fr_tip {
line-height: 160%;
width:
200px;
}
.pad_fr_btns,
.pad_gr_btns,
.pad_ap_btns {
padding-top:
10px;
}
.pad_fr_result,
.pad_gr_result,
.pad_ap_result {
width: 230px;
color: #777;
height: 30px;
padding-top: 5px;
line-height:
160%;
}
.pad_ap_result {
width: 260px;
}
.pad_fr_online {
color: #BBB;
padding: 0px 10px;
padding-top: 5px;
}
b.pad_fr_mob_onl {
background-position: -1px 0px;
*background-position: -1px
-1px;
}
.pad_ph,
.pad_vid {
padding: 10px 0px;
margin: 0px 12px;
border-bottom: 1px solid #E4E8ED;
}
.pad_ph:last-child,
.pad_vid:last-child
{
border-bottom: 0px;
}
.pad_ph_info,
.pad_vid_info {
margin-left:
60px;
height: 50px;
}
.pad_ph_about,
.pad_vid_about {
width: 290px;
padding-top: 2px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color:
#777;
}
.pad_ph_lnk,
.pad_vid_wrap {
display: block;
overflow: hidden;
padding-top: 10px;
text-align: center;
}
.pad_ph_tagger,
.pad_vid_tagger
{
font-weight: bold;
}
.pad_ph_img {
max-width: 320px;
*width:
320px;
vertical-align: top;
}
.pad_ph_btns,
.pad_vid_btns {
padding-top: 10px;
}
.pad_ph_result,
.pad_vid_result {
color: #777;
height: 21px;
padding-top: 14px;
line-height: 160%;
width: 320px;
margin: 0px auto;
}
.pad_vid_img {
width: 320px;
height:
240px;
}
.pad_vid_desc {
padding-top: 10px;
font-weight: bold;
width:
320px;
margin: 0px auto;
}
.pad_vid_name {
color:
#45688E;
}
.pad_vid_name:hover {
text-decoration:
none;
}
.pad_vid_title:hover {
text-decoration:
underline;
}
.pad_vid_icon {
width: 15px;
height: 11px;
margin-top:
3px;
background: url(/images/icons/mono_iconset.gif?8) no-repeat 0px
-75px;
}
.pad_vid_dur {
color: #000;
}
.pad_vid_wrap {
width: 320px;
margin: 0px auto;
max-height: 240px;
}
.pad_vid_lnk {
position:
relative;
display: block;
}
.pad_vid_play {
left: 137px;
top: 97px;
position: absolute;
z-index: 410;
background:
url(/images/inline_video_play.png) no-repeat;
width: 46px;
height:
46px;
}
.pad_gr_result {
width: 275px;
padding-top: 14px;
height:
21px;
}
.pad_msg_rows,
.pad_nws_rows,
.pad_gr_rows {
width:
468px;
}
.pad_msg_name,
.pad_nws_name {
width: 320px;
overflow:
hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color:
#777;
}
.pad_msg,
.pad_nws {
padding: 0px 12px;
cursor:
pointer;
}
.pad_msg_wrap,
.pad_nws_wrap {
border-bottom: 1px solid
#E4E8ED;
padding: 10px 0px;
}
.pad_msg:last-child
.pad_msg_wrap,
.pad_nws:last-child .pad_nws_wrap {
border-bottom:
0px;
}
.pad_msg_data {
margin-left:
60px;
}
.pad_msg_photo,
.pad_nws_photo {
width: 50px;
height: 50px;
overflow: hidden;
}
.pad_msg_img {
width:
50px;
}
.pad_msg_text,
.pad_nws_text {
padding: 2px 0 4px 4px;
margin-left: -4px;
line-height: 160%;
overflow: hidden;
width:
320px;
}
.pad_nws_text.wall_module .post_media {
width: 320px;
}
.is_rtl1
.pad_msg_text,
.is_rtl1 .pad_nws_text {
padding: 2px 4px 4px 0;
margin-left: 0px;
margin-right: -4px;
}
.pad_msg_name,
.pad_msg_text {
width: 380px;
}
.pad_msg_text .wall_reply_text,
.pad_nws_text
.wall_reply_text,
.pad_msg_text .wall_post_text,
.pad_nws_text
.wall_post_text {
line-height: 160%;
}
.pad_msg_date,
.pad_nws_date {
color: #777;
}
.pad_msga,
.pad_nwsa {
border: 1px solid #D5DEE7;
background: #EDF1F5;
margin: 10px 0 0;
width:
440px;
}
.pad_msga_wrap,
.pad_nwsa_wrap {
padding: 8px 10px
6px;
}
.pad_msga_arrow_wrap,
.pad_nwsa_arrow_wrap {
position:
relative;
}
.pad_msga_arrow,
.pad_nwsa_arrow {
background:
url(/images/icons/feedback_iconset.gif?4) no-repeat 0 -127px;
width:
15px;
height: 9px;
position: absolute;
left: 20px;
top:
-7px;
}
.pad_msga_data,
.pad_nwsa_data {
margin-left:
49px;
}
.pad_msga_photo,
.pad_nwsa_photo {
width: 39px;
height: 39px;
overflow: hidden;
}
.pad_msga_img,
.pad_nwsa_img {
width:
39px;
}
.pad_msga_date,
.pad_nwsa_date {
color: #879BB0;
}
.pad_msg_subj
{
margin: 2px 0px 4px;
font-weight: bold;
}
div.pad_msg_text
div.im_fwd_log_wrap {
min-width:
100px;
}
#pad_msg_reply_tpl,
#pad_nws_reply_tpl,
#pad_nws_dis_tpl {
display: none;
}
.pad_nwsa_dld {
color: #879BB0;
padding: 1px 49px
3px;
}
.pad_msg_field,
.pad_nws_field {
vertical-align: top;
width:
363px;
}
.pad_msg_reply .pad_msgr,
.pad_nws_reply .pad_nwsr {
cursor:
default;
margin-top: 15px;
}
.pad_msg_btns,
.pad_nws_btns {
margin-top:
8px;
}
.pad_msg_rcpts {
padding: 6px
10px;
}
.pad_msg_error,
.pad_nws_error {
margin-bottom: 8px;
line-height: 160%;
}
.pad_nws_data {
margin: 0px 60px;
width:
320px;
}
.pad_nws_img {
max-width: 50px;
}
.pad_nws_cont {
width:
440px;
}
.pad_submit_hint_title {
color: #45688E;
font-weight: bold;
padding-bottom: 2px;
}
.pad_submit_hint_wrap {
width: 210px;
height:
110px;
padding: 8px 5px 8px;
}
#pad_submit_hint_opts .pad_submit_hint_rb
{
color: black;
padding-top: 10px;
padding-bottom: 5px;
line-height: 160%;
}
#pad_submit_hint_opts .pad_submit_hint_rb .rb {
margin: 2px 5px 6px 0;
}
.pad_submit_hint_el {
position: absolute;
width: 1px;
height: 1px;
margin-top: 13px;
}
.pad_ap_rows {
width:
376px;
}
.pad_ap_right {
width: 50px;
height: 50px;
overflow:
hidden;
margin: 0px 0px 10px 10px;
}
.pad_ap_right_img {
width: 50px;
vertical-align: top;
}
.pad_mus_rows {
padding: 15px;
}
#pad_more_audio
{
background: #EFF1F3;
display: block;
text-align: center;
color:
#738392;
padding: 8px;
margin: 0 15px 15px;
}
#pad_more_audio:hover {
text-decoration: none;
background:
#E9EDF1;
}
.pad_audio_status,
.pad_no_audios {
color: #777;
font-size:
12px;
text-align: center;
line-height: 160%;
padding: 30px
0px;
}
#pad_audio_search {
margin-bottom: 9px;
margin-right:
-1px;
}
#pad_audio_search input.pad_search {
height: 13px;
padding: 5px
20px;
width: 325px;
background: #FFF url(/images/magglass.png)
no-repeat 5px 6px;
outline: none;
}
.font_medium #pad_audio_search
input.pad_search {
width: 310px;
}
#pad_audio_search div.abutton_wrap {
position: relative;
left: -1px;
}
#pad_audio_search div.abutton_wrap
button {
width: 120px;
height: 23px;
line-height: 6px;
}
.font_medium
#pad_audio_search div.abutton_wrap button {
width:
135px;
}
#pad_audio_search div.abutton_wrap img {
position: relative;
top: -1px;
left: 4px;
}
#pad_audio_search .pad_reset {
cursor:
pointer;
display: none;
background: transparent
url(/images/icons/input_clear.gif) 6px 6px no-repeat;
padding: 2px;
width: 19px;
height: 19px;
margin-left: -24px;
margin-top: 1px;
opacity: 0.6;
filter: alpha(opacity=60);
position: relative;
z-index:
100;
}
#pad_audio_search .pad_progress {
background:
url("/images/upload.gif") no-repeat scroll center center
transparent;
display: none;
height: 23px;
margin-left: -41px;
margin-top: 1px;
position: relative;
width: 32px;
z-index:
95;
}
#pad_audio_search.loading .pad_progress,
#pad_audio_search
.pad_reset.shown {
display: block;
}
#pad_audio_search.loading
.pad_reset.shown {
display: none;
}
#pad_audio_search div.abutton_wrap
.button_blue {
-webkit-border-radius: 0 2px 2px 0;
-khtml-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
#pad_playlist .audio .area {
cursor:
pointer;
position: relative;
width: 488px;
margin:
0px;
}
#pad_playlist .audio.over .area {
background-color:
#EDF1F5;
}
#pad_playlist .audio.tab_current .area,
#pad_playlist
.audio.tab_current.tt_shown .area,
#pad_playlist .audio.tab_current.over
.area,
#pad_playlist .audio.rec_source .area,
#pad_playlist
.audio.rec_source.tt_shown .area,
#pad_playlist .audio.rec_source.over
.area {
background-color: #E3E8EC;
}
#pad_playlist .audio.tab_current
.area .duration,
#pad_playlist .audio.rec_source .area .duration {
color:
#738191;
}
#pad_playlist .audio.current .area,
#pad_playlist
.audio.current.tt_shown .area,
#pad_playlist .audio.current.over .area {
background-color: #5f7fa2 !important;
}
#pad_playlist .audio.current
.title_wrap,
#pad_playlist .audio.current .title_wrap a {
color: #fff
!important;
}
#pad_playlist .audio .area .actions {
right:
-2px;
}
#pad_playlist .audio_add_wrap {
margin: 7px 7px 7px 0;
padding:
4px;
opacity: 0.4;
filter: alpha(opacity=40);
}
#pad_playlist
.audio_add {
background: url(/images/icons/audio_icons.png?4) -79px -51px
no-repeat;
position: relative;
width: 13px;
height: 12px;
margin:
0px;
cursor: pointer;
overflow: hidden;
}
#pad_playlist .audio_rec_wrap
{
margin: 7px 7px 7px 0;
padding: 4px;
opacity: 0.4;
filter:
alpha(opacity=40);
}
#pad_playlist .rec_source .audio_rec_wrap {
opacity:
1;
filter: alpha(opacity=100);
}
#pad_playlist .audio.current .audio_add
{
background-position: -93px -51px;
}
#pad_playlist .audio_rec {
background: url(/images/icons/audio_icons.png?4) -202px -51px no-repeat;
position: relative;
width: 12px;
height: 12px;
margin: 0px;
cursor:
pointer;
overflow: hidden;
visibility: hidden;
}
#pad_playlist
.audio.rec_source .audio_rec,
#pad_playlist .audio.over .audio_rec {
visibility: visible;
}
#pad_playlist .audio.current .audio_rec {
background-position: -218px -51px;
}
#pad_playlist .audio_add_wrap.added {
opacity: 1;
filter: alpha(opacity=100);
}
#pad_playlist
.audio_add_wrap.anim {
opacity: 1;
filter: alpha(opacity=100);
display: none;
}
#pad_playlist .audio.rec_source
.audio_add_wrap.anim,
#pad_playlist .audio.over
.audio_add_wrap.anim,
#pad_playlist .audio.tt_shown .audio_add_wrap.anim {
display: block;
}
#pad_playlist .audio_add_anim_wrap {
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
position:
relative;
}
#pad_playlist .audio_add_anim {
width: 28px;
height: 12px;
position: absolute;
top: 0px;
left: 0px;
}
#audio.new .audio_add_anim
.audio_add.done {
opacity: 0;
filter: alpha(opacity=0);
}
#pad_playlist
.audio_add_wrap.added .audio_add,
#pad_playlist .audio_add_wrap
.audio_add.done {
background-position: -166px -51px;
width:
15px;
}
#pad_playlist .audio.current .audio_add_wrap.added
.audio_add,
#pad_playlist .audio.current .audio_add_wrap .audio_add.done {
background-position: -184px -51px;
}
#pad_playlist .duration {
padding:
10px 9px 9px;
cursor: pointer;
max-width: 35px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.font_medium
#pad_playlist .duration {
max-width: 40px;
}
#pad_playlist .audio.over
.duration {
color: #8795A5;
}
#pad_playlist .audio.over.current
.duration,
#pad_playlist .audio.current .duration {
color: #b1bfcf
!important;
}
#pad_playlist .audio.over .duration,
#pad_playlist
.audio.rec_source .duration,
#pad_playlist .audio.tt_shown .duration {
display: none;
}
#pad_playlist .audio.rec_source.no_actions
.duration,
#pad_playlist .audio.tt_shown.no_actions
.duration,
#pad_playlist .audio.over.no_actions .duration {
display:
block;
}
#pad_playlist .audio .play_btn_wrap {
padding:
9px;
}
#pad_playlist .audio .play_new {
width: 16px;
margin:
0px;
}
#pad_playlist .audio.current .play_new {
background:url(/images/icons/audio_icons.png?4) -147px -28px
no-repeat;
}
#pad_playlist .audio.current .play_new.playing {
background-position: -165px -28px;
}
#pad_playlist .audio .info {
width:
452px;
}
#pad_playlist .audio .title_wrap {
width: 398px;
padding: 10px
0 9px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
#pad_playlist .audio
.title_wrap b {
max-width: 210px;
}
.font_medium #pad_playlist .audio
.title_wrap {
width: 393px;
}
#pad_playlist .audio .lyrics {
display:
none;
}
.dd_menu_stype_act.pad {
margin-left:
1px;
}
.dd_menu_stype_act.pad .dd_menu_header div {
width:
90px;
}
.font_medium .dd_menu_stype_act.pad .dd_menu_header div {
width:
105px;
}
#pd {
background: #F0F1F2;
}
#pd_controls {
padding: 12px
0px;
}
#pd_play {
background: url(/images/icons/audio_icons.png?4)
no-repeat scroll 0 -25px transparent;
margin: 0px 4px 0px 2px;
padding:
0px;
width: 22px;
height: 22px;
cursor: pointer;
}
#pd_play.playing
{
background-position: -72px -25px;
}
#pd_play.over {
background-position: -24px -25px;
}
#pd_play.over.playing {
background-position: -96px -25px;
}
#pd_play.down,
#pd_play.over.down {
background-position: -48px
-25px;
}
#pd_play.down.playing,
#pd_play.over.down.playing {
background-position: -120px -25px;
}
#pd .ctrl_wrap {
cursor: pointer;
padding: 4px 3px;
-webkit-border-radius: 2px;
-khtml-border-radius:
2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 2px 1px
1px;
opacity: 0.70;
filter: alpha(opacity=70);
-webkit-transition:
background-color 100ms ease-out;
-moz-transition: background-color 100ms
ease-out;
-o-transition: background-color 100ms ease-out;
transition:
background-color 100ms ease-out;
-webkit-transition: opacity 100ms
ease-out;
-moz-transition: opacity 100ms ease-out;
-o-transition:
opacity 100ms ease-out;
transition: opacity 100ms ease-out;
}
#pd
#pd_repeat.ctrl_wrap {
padding: 2px 3px 3px 4px;
}
#pd
#pd_prev.ctrl_wrap,
#pd #pd_next.ctrl_wrap {
opacity: 0.83;
filter:
alpha(opacity=83);
}
#pd .ctrl_wrap.on {
opacity: 1 !important;
filter:
alpha(opacity=100) !important;
}
#pd #pd_prev.ctrl_wrap.over,
#pd
#pd_next.ctrl_wrap.over {
opacity: 1;
filter: alpha(opacity=100);
background: none;
}
#pd .ctrl_wrap.added.over {
opacity: 0.70
!important;
filter: alpha(opacity=70) !important;
cursor: auto;
}
#pd
.ctrl {
background: url(/images/icons/audio_icons.png?4) no-repeat scroll
0 0 transparent;
height: 11px;
width: 13px;
margin: 0;
float:
left;
}
#pd.no_rec #pd_rec {
display: none;
}
#pd
#pd_shuffle.ctrl_wrap,
#pd #pd_rec.ctrl_wrap {
padding: 3px 4px 4px
3px;
}
#pd #pd_status.ctrl_wrap {
padding-top: 3px;
padding-bottom:
5px;
}
#pd .ctrl.shuffle {
height: 12px;
}
#pd .next_prev div.ctrl_wrap
{
float: left;
}
#pd .ctrl.prev {
background-position: -3px
-52px;
}
#pd .ctrl.next {
background-position: -18px -52px;
}
#pd
.extra_ctrls {
padding: 12px 0px;
}
#pd .ctrl.repeat {
background-position: -32px -49px;
height: 14px;
}
#pd .ctrl.repeat.on {
opacity: 1;
filter: alpha(opacity=100);
}
#pd .ctrl.shuffle {
background-position: -50px -51px;
}
#pd .ctrl.status {
background-position: -66px -51px;
}
#pd .ctrl.rec {
background-position:
-202px -51px;
height: 12px;
width: 12px;
}
#pd_add {
display:
none;
}
#pd .ctrl.add {
background-position: -80px -52px;
}
#pd
.ctrl_wrap.added {
padding: 3px 2px 4px;
}
#pd .ctrl_wrap.added .ctrl.add
{
background-position: -166px -51px;
width: 15px;
height: 12px;
}
#pd
.info {
width: 326px;
margin-left: 10px;
}
#pd.no_rec .info {
width:
345px;
}
#pd.add .info {
width: 307px;
}
#pd.no_rec.add .info {
width:
326px;
}
#pd.add #pd_add {
display: block;
}
#pd_vol {
margin-left:
11px;
}
#pd_vol .audio_volume_line {
top: -8px;
}
#pd .title_wrap {
padding-top: 11px;
line-height: 13px;
}
#pd .ac_name {
white-space:
nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow:
ellipsis;
max-width: 221px;
}
#pd.no_rec .ac_name {
max-width:
240px;
}
.font_medium #pd.add .ac_name {
max-width: 196px;
}
.font_medium
#pd.no_rec.add .ac_name {
max-width: 215px;
}
#pd.add .ac_name {
max-width: 201px;
}
#pd.no_rec.add .ac_name {
max-width: 220px;
}
#pd
.performer {
font-weight: bold;
color: #2B587A;
}
#pd .title {
color:
#627A94;
}
#pd .duration {
display: inline-block;
margin: 0px 66px 0
0;
padding: 0px !important;
color: #627a94;
font-size: 0.9em;
margin-top: 1px;
cursor: pointer;
max-width: 40px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
#pd .shadow div
{
background: #000;
height: 1px;
opacity: 0.15;
filter:
alpha(opacity=15);
position: absolute;
z-index: 1050;
overflow:
hidden;
width: 627px;
}
#pd .shadow .sh0 {
background: #FFFFFF;
}
#pd
.shadow .sh1 {
opacity: 0.15;
filter: alpha(opacity=15);
margin-top:
0px;
/* background: #ADBAC7;*/
}
#pd .shadow .sh2 {
opacity: 0.09;
filter: alpha(opacity=9);
margin-top: 1px;
}
#pd .shadow .sh3 {
opacity: 0.04;
filter: alpha(opacity=4);
margin-top: 2px;
}
#pd .shadow
.sh4 {
opacity: 0.01;
filter: alpha(opacity=1);
margin-top:
3px;
}
#pd_vol.over .ac_slider,
#pd_vol.down .ac_slider,
#pd_pr.down
.ac_slider {
display: block;
}
#pd_vol_back_line.ac_load_line {
width:
100%;
top: -15px;
}
#pd_vol_line.ac_progress_line {
top: -7px;
width:
50%;
}
.pd_apps_recent {
height: 65px;
padding: 10px 0px 10px 12px;
position: relative;
}
.pd_apps_wrap {
height: 65px;
padding: 4px 0px
0px 12px;
position: relative;
}
.pd_apps_row {
width: 50px;
vertical-align: top;
-webkit-border-radius: 5px;
-moz-border-radius:
5px;
border-radius: 5px;
}
.pd_apps_row_cont {
overflow: hidden;
padding: 6px 0px 6px 0px;
margin-right: 12px;
position: absolute;
height: 50px;
}
.pd_apps_row_img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 50px;
height:
50px;
overflow: hidden;
}
.pd_apps_cont #pad_content {
border: none;
padding: 0px;
max-height: 400px;
}
.pd_apps_cont {
border: 1px solid
#ADBAC7;
}
.pd_apps_footer {
background: #F0F1F2;
padding: 8px 5px
7px;
height: 30px;
}
.pd_apps_name {
font-weight: bold;
color:
#47688D;
padding-bottom: 3px;
white-space: nowrap;
-o-text-overflow:
ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.pd_apps_info {
position: absolute;
padding: 0px 5px 0px 60px;
color: #777777;
width: 114px;
}
#pd_apps_search {
height: 13px;
padding: 5px 40px 5px
20px;
background: #FFFFFF url(/images/magglass.png) no-repeat 5px 6px;
outline: none;
width: 140px;
border: 1px solid
#CFDAE5;
}
.pd_apps_row_href {
display: block;
overflow: hidden;
width: 100%;
}
.pd_apps_row_href:active {
padding-top: 1px;
display:
block;
height: 49px;
}
.pd_apps_animation1 {
-o-transition:all 400ms
cubic-bezier(0.2,0.2,0.2,0.95);
-moz-transition:all 400ms
cubic-bezier(0.2,0.2,0.2,0.95);
-webkit-transition:all 400ms
cubic-bezier(0.2,0.2,0.2,0.95);
transition:all 400ms
cubic-bezier(0.2,0.2,0.2,0.95);
}
.pd_apps_recent_vis {
margin-left:
420px;
opacity: 1;
}
.pd_apps_recent_right {
position: absolute;
border-right: 1px solid #ADBAC7;
right: -1px;
padding: 10px 0px;
top:
6px;
z-index: 10;
cursor: pointer;
}
.pd_apps_recent_bg_right {
background: url('/images/pd_apps_sh.png') 0px 0px no-repeat;
width:
19px;
height: 50px;
}
.pd_apps_recent_left {
position: absolute;
border-left: 1px solid #ADBAC7;
left: -1px;
padding: 10px 0px;
top:
6px;
z-index: 10;
cursor: pointer;
}
.pd_apps_recent_bg_left {
background: url('/images/pd_apps_sh.png') 0px -50px no-repeat;
width:
19px;
height: 50px;
}
.pd_apps_cont_right {
position: absolute;
border-right: 1px solid #ADBAC7;
padding: 10px 0px;
right: -1px;
top:
0px;
z-index: 10;
cursor: pointer;
}
.pd_apps_cont_bg_right {
background: url('/images/pd_apps_sh.png?2') 0px -100px no-repeat;
width:
19px;
height: 50px;
}
.pd_apps_cont_left {
position: absolute;
border-left: 1px solid #ADBAC7;
left: -1px;
padding: 10px 0px;
top:
0px;
z-index: 10;
cursor: pointer;
}
.pd_apps_cont_bg_left {
background: url('/images/pd_apps_sh.png?2') 0px -150px no-repeat;
width:
19px;
height: 50px;
}
.pd_apps_ca_more {
position: absolute;
margin-left: 450px;
width: 500px;
}
.pd_apps_ca_slice {
position:
absolute;
width: 500px;
}
.pd_apps_ca_prev {
position: absolute;
width: 500px;
}
.pd_apps_summary {
display: block;
background:
#F0F1F2;
color: #505050;
font-weight: bold;
padding: 8px 0px 8px
10px;
margin-top: 1px;
}
.pd_apps_summary:hover {
text-decoration:
none;
}
.pd_apps_header {
background: #F0F1F2;
color: #505050;
padding: 4px 0px 6px 0px;
height: 29px;
}
.pd_apps_search_wrap {
margin: 3px 7px 0px 0px;
}
#pd_apps_search_cont {
display: none;
padding: 10px 0px;
}
.pd_game_search_img {
width: 40px;
height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:
3px;
}
.pd_game_search_photo {
position: absolute;
}
.pd_game_search_row
{
display: block;
padding: 5px 10px;
}
.pd_game_search_row:hover {
text-decoration: none;
background: #EDF1F5;
}
.pd_game_search_row:active
{
padding: 6px 10px 4px;
}
.pd_game_search_info {
padding-left: 50px;
height: 38px;
padding-top: 2px;
}
.pd_game_search_info_str {
color:
#777;
padding: 5px 0px 0px 0px;
}
#pd_apps_search_progress {
background: url("/images/upload.gif") no-repeat;
display:
none;
height: 23px;
margin-left: 411px;
margin-top: 12px;
position:
absolute;
width: 32px;
z-index: 95;
}
#pd_apps_search_close {
cursor:
pointer;
display: none;
background: transparent
url(/images/icons/input_clear.gif) 6px 6px no-repeat;
padding: 2px;
width: 19px;
height: 19px;
margin-left: 424px;
margin-top: 4px;
opacity: 0.6;
filter: alpha(opacity=60);
position: absolute;
z-index:
100;
}
.pd_apps_empty {
color: #777;
font-size: 1.09em;
line-height:
200%;
margin: 20px 20px 15px;
padding: 50px 0;
text-align: center;
word-wrap: break-word;
}
.pd_game_search_name {
color:
#2B587A;
}
#pd_apps_top_summary {
position: absolute;
width: 180px;
background: none;
}
#pd_apps_search_summary {
position: absolute;
width: 180px;
opacity: 0;
filter: alpha(opacity=60);
margin-top:
-15px;
background: none;
}
.pads_apps_recent_empty {
text-align:
center;
color: #777;
font-size: 1.09em;
line-height: 200%;
padding:
22px 0px;
}