📄 play.css
字号:
.openwin2 .main .nrs .name{
width:60px;
height:30px;
line-height:30px;
}
.openwin2 .main .nrs li{
height:55px;
line-height:normal;
clear:both;
}
.openwin2 .main .nrs li span{
float:left;
display:block;
}
.openwin2 .main .nrs li span img{
vertical-align:bottom;
}
.openwin2 .rbor{
height:389px;
}
.openwin2 .bbor{
width:376px;
}
.openwin2 .main .button{
width:358px;
}
/*添加成功*/
.openwin2 .rbor2{
height:257px;
}
.openwin2 .addcg{
width:300px;
padding-top:3.5em;
}
.openwin2 .addcg .tit{
font-size:16px;
font-weight:bold;
margin-bottom:2em;
}
.openwin2 .addcg img{
vertical-align:middle;
margin-right:10px;
}
.openwin2 .addcg a{
color:#2c90d9;
text-decoration:underline;
}
.openwin2 .main .nr2{
height:180px;
}
.openwin2 .main2{
height:260px;
}
/*播放工具*/
.play_p {
BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; OVERFLOW: hidden; WIDTH: 498px; BORDER-BOTTOM: #bbb 0px solid; HEIGHT: auto; BACKGROUND:#fff; HEIGHT: 600px;
}
.pp_b {
OVERFLOW: hidden; WIDTH: 498px;HEIGHT: 600px;
}
.pp_c{
float:left; height:64px; width:498px;
}
.pp_bt {
DISPLAY: block; MARGIN: 10px 0px 0px; WIDTH: 498px;
}
.pp_bm {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat 0px -50px; WIDTH: 498px; POSITION: relative; HEIGHT: 76px
}
.pp_bm A:hover {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.pla_01 {
DISPLAY: inline; FLOAT: left
}
.pla_02 {
DISPLAY: inline; FLOAT: left
}
.pla_03 {
DISPLAY: inline; FLOAT: left
}
.pla_04 {
DISPLAY: inline; FLOAT: left
}
.pla_01 {
MARGIN: 14px 0px 0px 17px; WIDTH: 45px; HEIGHT: 45px
}
A.pla_01 .pause {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) #000 no-repeat 0px -130px; WIDTH: 100%; CURSOR: pointer; HEIGHT: 100%
}
.pla_02 {
MARGIN: 28px 3px 0px 4px; WIDTH: 31px; HEIGHT: 31px
}
.pla_03 {
MARGIN: 35px 0px 0px 10px; WIDTH: 220px; HEIGHT: 21px
}
.pla_03 A {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -60px -130px; FLOAT: left; WIDTH: 34px; COLOR: #456da8; LINE-HEIGHT: 20px; MARGIN-RIGHT: 2px; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pla_03 A:hover {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -60px -150px; COLOR: #fff
}
.pla_04 {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -170px -130px!important; MARGIN: 35px 0px 0px 3px; WIDTH: 72px; COLOR: #456da8; TEXT-INDENT: 8px; LINE-HEIGHT: 21px; HEIGHT: 20px; TEXT-DECORATION: none
}
.pla_04:hover {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -170px -130px!important; MARGIN: 35px 0px 0px 3px; WIDTH: 72px; COLOR: #456da8; TEXT-INDENT: 8px; LINE-HEIGHT: 21px; HEIGHT: 20px; TEXT-DECORATION: none
}
.pla_05 {
RIGHT: 17px; WIDTH: 78px; POSITION: absolute; TOP: 39px; HEIGHT: 12px
}
.pla_05 A {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -250px -130px; OVERFLOW: hidden; WIDTH: 13px; HEIGHT: 12px
}
.pla_05 A:hover {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -250px -130px; OVERFLOW: hidden; WIDTH: 13px; HEIGHT: 12px
}
.pla_06 {
RIGHT: 105px; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -290px -150px!important; OVERFLOW: hidden; WIDTH: 13px; POSITION: absolute; TOP: 40px; HEIGHT: 11px
}
.pla_06:hover {
RIGHT: 105px; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -290px -150px; OVERFLOW: hidden; WIDTH: 13px; POSITION: absolute; TOP: 40px; HEIGHT: 11px
}
A.novoice {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -290px -130px!important
}
A.novoice:hover {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -290px -130px
}
.pla_07 {
LEFT: 111px; WIDTH: 398px; POSITION: absolute; TOP: 9px; HEIGHT: 12px
}
.pla_07l {
MARGIN-TOP: 3px; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat 0px -180px; FLOAT: left; WIDTH: 0px; HEIGHT: 8px; TEXT-ALIGN: left
}
.pla_07r {
LEFT: 0px; FLOAT: left; POSITION: absolute
}
.pla_07r A {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -270px -130px; OVERFLOW: hidden; WIDTH: 17px; HEIGHT: 12px
}
.pla_07r A:hover {
DISPLAY: block; BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -270px -130px; OVERFLOW: hidden; WIDTH: 17px; HEIGHT: 12px
}
.time {
RIGHT: 0.3em; WIDTH: auto; COLOR: #666; POSITION: absolute; TOP: 8px; HEIGHT: auto
}
.pla_03 A.b1 {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -60px -130px; COLOR: #f80000
}
.pla_03 A.b2 {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -100px -130px; FLOAT: left; WIDTH: 61px; COLOR: #f80000; LINE-HEIGHT: 20px; MARGIN-RIGHT: 2px; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pla_03 A.b2:hover {
BACKGROUND: url(/skins/user/player_bg.gif) no-repeat -100px -150px
}
.bm4{ width:498px; margin:10px auto; overflow:hidden;}
.bm4 li{ float:left; display:inline; width:78px; text-align:center; margin:0 2px;}
.bm4 li span{ display:block; width:78px; height:18px; line-height:18px; overflow:hidden;}
.bm1{ width:480px; HEIGHT: 88px; padding-left:28px; padding-top:8px; border-bottom:1px #ddd dotted; margin:-1px auto 0 auto; background:url(/skins/user/indebg_03.gif) no-repeat 0 8px;}
.bm2{ width:498px; margin:10px auto;}
.l1 a{ color:#396ab3; text-decoration:underline; padding:1px 1px 0 1px;}
.l1 a:hover{ color:#fff; background:#396ab3;text-decoration:none;}
.pp_play{
width:498px;border-bottom:1px solid #aeccf2;
}
.playerdown{clear:both;width:249px; text-align:center;height:78px;float:left;}
.playerdown .freedown{height:25px;padding-top:4px;width:249px;}
.playerdown .freedown b{color:red;font-weight:bold;}
.playerdown iframe{margin:0 auto;width:230px;height:45px;text-align:center;}
.buzhou{width:249px;height:25px;padding:5px 0 0 0;text-align:center;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pingfen{width:249px;}
.playeropen{clear:both;border-bottom:1px solid #aeccf2;background:#edf6ff;text-align:center;margin:0 auto;width:100%;}
.playeropen ul {text-align:center;height:30px;padding:0 10px;}
.playeropen ul li{text-align:left; float:left;background:url(/skins/user/add.gif) no-repeat 8px center;width:58px;height:30px;line-height:30px;padding:2px 0 0 22px;vertical-align:middle;}
.playeropen ul li.down{width:200px;overflow:hidden;white-space:nowrap;padding:2px 0 0 24px;}
.playeropen ul li.down a{color:#fc6226;}
.playernow{text-align:center;width:498px;height:18px;padding:7px 0 0 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.titlebar{background:url(/skins/user/h1.gif) repeat-x;border-bottom:1px solid #aeccf2;height:24px;line-height:24px;text-align:center;}
.titlebar .hc{float:left;width:160px; padding:0 0 0 6px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.titlebar .sogname h1{display:none;}
.titlebar ul{float:right;}
.titlebar ul li{float:left;width:80px;border-left:1px solid #aeccf2;cursor:pointer;}
.titlebar ul li.y{background:url(/skins/user/h1red.gif) repeat-x;color:#cc0000;}
#g2 { text-align:center; width:348px;height:212px;font-size:13px;}
.yes{display:block;}
#Lrcs{display:none;width:100%;text-align:center;}
.no{display:none;}
#lrcollbox td , #lrcollbox font { font-family: 宋体; font-size: 13px; }
#g1 {
width:480px;
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 0px;
OVERFLOW: auto;
LINE-HEIGHT: 22px;
PADDING-TOP: 8px;
HEIGHT: 288px;
TEXT-ALIGN: center;
scrollbar-base-color:#818181;
scrollbar-face-color:#f9f9f9;
scrollbar-track-color:#f7f7f7;
scrollbar-arrow-color:#8a8a8a;
scrollbar-3dlight-color:#f7f7f7;
scrollbar-darkshadow-color:#f7f7f7;
scrollbar-highlight-color:#818181;
scrollbar-shadow-color:#818181;
}
#g1 P{
font-size:14px;
}
#g1 a {
DISPLAY: none
}
.freedown1 {
width:498px;
clear:both;
padding-top:10px;
height:16px;
font-size:14px;
text-align:center;
background:#000;
}
.freedown1 a {
color:#50ac23;
font-weight:bold;
}
.contents {
margin: 0;
padding: 0;
width:537px;
background:#fff;
}
.contents .mmlist{
CLEAR: both;
MARGIN: 10px 0px 0px;
BORDER-BOTTOM: #a4cded 1px solid;
height:20px;
text-align:center;
}
.mu_1 {
CLEAR: both;
margin: 0 auto;
}
.mu_1 UL {
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FLOAT: left;
PADDING-BOTTOM: 0px;
PADDING-TOP: 5px;
margin:0px;
}
.mu_1 UL LI {
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 166px;
PADDING-TOP: 3px;
HEIGHT:25px;
DISPLAY: block;
OVERFLOW: hidden;
WHITE-SPACE: nowrap;
TEXT-OVERFLOW: ellipsis;
}
.bm2t {
width:100%;
height:21px;
text-align:center;
}
.pfgq{
float:right;
width:82px;
line-height:18px;
color:#fff;
text-decoration:none;
margin-right:6px;
background:url(/skins/user/mbg2.gif) no-repeat;
}
.jrlb{
float:right;
width:62px;
line-height:18px;
color:#fff;
text-decoration:none;
margin-right:6px;
background:url(/skins/user/mbg2.gif) no-repeat -82px 0;
}
.pfgq:hover,.jrlb:hover{
color:#fff;
text-decoration:underline;
}
.plnext {
margin:0 auto;
text-align:left;
width:909px;
}
.vcomments{
margin:0 auto;
width:909px;
}
.vcommentsbg{
width:909px;
}
.comments{
width:865px;
padding:6px 5px 0 5px;
background:#fff;
}
.com1{
display:block;
width:100%;
height:25px;
line-height:25px;
margin-bottom:10px;
}
.com1 a{
margin:0 3px;
}
.com1 h3{
float:left;
width:200px;
font-size:14px;
}
.com1 b{
float:left;
font-weight:normal;
}
.com1 b input{
width:110px;
color:#333;
font-size:12px;
padding:2px 2px 1px 2px;
border:1px #ddd solid;
margin:0 5px;
}
.com1 p{
float:right;
}
.text_1{
width:99%;
height:80px;
font-size:12px;
color:#333;
background:#fbfbfb url(/skins/user/plbg.gif) no-repeat center right;
border:1px #ddd solid;
margin-top:-5px;
margin-left:2px;
}
.com2{
display:block;
width:100%;
text-align:center;
height:25px;
padding-bottom:12px;
margin-top:8px;
}
.com2 input{
color:#333;
font-size:12px;
margin:0 3px;
padding:2px 1px 0 1px;
}
.com4 {
height:18px;
}
.com4 a {
color:#396ab3;
text-decoration:underline;
}
.vcomments .vpcircle{
width:909px;
margin-top:10px;
}
.vcomments .vpcircle div,.vcomments .vpcircle span{
float:left;
display:block;
}
.vcomments .vpcircle .mmbg{
width:892px;
background:#191919;
border-left:#6b6b6b 1px solid;
border-right:#6b6b6b 1px solid;
padding:10px 0 15px 15px;
color:#bfbfbf;
}
.vcomments .vpcircle .mmbg .title .name{
width:371px;
background:url(/skins/user/vparrow.gif) no-repeat left 1px;
padding:0 0 10px 18px;
font-size:14px;
font-weight:bold;
}
.vcomments .vpcircle .mmbg .title .other{
width:480px;
text-align:right;
color:#39BC37;
}
.vcomments .vpcircle .mmbg .title .other a{
color:#39BC37;
}
.vcomments .vpcircle .mbg,.vcomments .vpcircle .mbg2{
height:3px;
line-height:3px;
font-size:3px;
_height:3px;
_line-height:3px;
_font-size:2px;
width:901px;
background:#191919;
border-top:#6b6b6b 1px solid;
}
.vcomments .vpcircle .mbg2{
border-bottom:#6b6b6b 1px solid;
border-top:none;
}
.vcomments .vpcircle2,.vcomments .vpcircle2 .mmbg2{
width:875px;
}
.vcomments .vpcircle2 .mmbg2{
background:#ededed;
}
.vcomments .vpcircle2 .mmbg2 .end{
border-bottom:none;
}
.vcomments .vpcircle2 .mmbg2 .pl,.vcomments .vpcircle2 .mmbg2 .moveinfo{
color:#646665;
padding:5px 0 6px 0;
border-bottom:#d0d0d0 1px dashed;
margin:0 0 0 10px;
_margin:0 0 0 5px;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo{
border:none;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo{
float:left;
width:517px;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo li{
float:left;
width:172px;
line-height:20px;
overflow:hidden;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo .bq{
line-height:20px;
height:20px;
overflow:hidden;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo li a{
color:#2c90d9;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo li font{
font-size:12px;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo .names a{
margin-right:3px;
}
.vcomments .vpcircle2 .mmbg2 .moveinfo .ms{
width:517px;
line-height:18px;
margin-top:5px;
word-wrap:break-word;
word-break:break-all;
}
.vcomments .vpcircle2 .mmbg2 .pl ul{
width:466px;
padding:3px 0 0 10px;
float:left;
}
.vcomments .vpcircle2 .mmbg2 .pl li{
float:left;
}
.vcomments .vpcircle2 .mmbg2 .pl .names{
padding:0;
*padding-top:2px;
}
.vcomments .vpcircle2 .mmbg2 .pl .names a{
color:#2c90d9;
}
.vcomments .vpcircle2 .mmbg2 .pl .times{
color:#959595;
margin-left:20px;
}
.vcomments .vpcircle2 .mmbg2 .pl .say{
width:466px;
word-wrap:break-word;
word-break:break-all;
line-height:18px;
margin-top:3px;
}
.vcomments .vpcircle2 .mmbg2 .fb{
margin-top:30px;
}
.vcomments .vpcircle2.mmbg2 .fb span{
width:527px;
padding:5px 0 0 10px;
}
.vcomments .vpcircle2 .mmbg2 .fb .title{
width:527px;
font-weight:bold;
color:#646665;
font-size:14px;
background:url(/skins/user/vpfbbg.gif);
height:33px;
line-height:33px;
padding-top:0;
}
.vcomments .vpcircle2 .mmbg2 .fb .bq a{
background:url(/skins/user/vpfbico.gif) no-repeat left top;
width:56px;
height:18px;
line-height:18px;
padding-left:20px;
display:block;
color:#51ad23;
}
.vcomments .vpcircle2 .mmbg2 .fbnr{
padding:0 0 8px 0;
}
.vcomments .vpcircle2 .mmbg2 .fb textarea{
width:505px;
height:91px;
border:#cacaca 1px solid;
color:#646665;
padding:5px;
overflow-y:auto;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.vcomments .vpcircle2 .mbg3,.vcomments .vpcircle2 .mbg4{
width:867px;
height:4px;
line-height:4px;
font-size:4px;
_height:3px;
_line-height:3px;
_font-size:3px;
background:#ededed;
}
#lrcollbox td , #lrcollbox font { font-family: 宋体; font-size: 13px; }
#lrcoll td { color:#444 }
#lrcbox { color:#FFFFFF }
#lrcbc { color:#ff7d39 ;font-weight:bold}
#lrcxx { color:#FFFF00 }
#lrcwt1,#lrcwt5 { filter: alpha(opacity=100) }
.playright{width:301px;height:600px;background:#fff;}
.button1
{
border: 1px;border:none;background-image: url(/skins/user/join.gif);
width:62px;
height:18px;
}
.button2
{
border: 1px;border:none;background-image: url(/skins/user/selectplay.gif);
width:82px;
height:18px;
}
.button3
{
border: 1px;border:none;background-image: url(/skins/user/fx.gif);
width:62px;
height:18px;
}
.button4
{
border: 1px;border:none;background-image: url(/skins/user/qx.gif);
width:62px;
height:18px;
}
.songname h1{display:none}
.rtop{clear:both;width:301px;border-bottom:1px solid #aeccf2;margin:0px 0 0 0;}
.titlebar1{background: url(/skins/user/loginbg3.gif);border-bottom:1px solid #aeccf2;height:32px;line-height:32px;text-align:center;}
.titlebar1 ul{width:301px;height:32px;line-height:32px;}
.rtop .titlebar1 a {width: 136px;height: 32px;display: block;color: #d5d5d5;float: left;text-decoration: none;text-align: center;line-height: 32px;font-size: 12px;}
.rtop .titlebar1 .y {background: url(/skins/user/tabs.gif);font-weight: bold;}
.rtop .titlebar1 .n {cursor:pointer;}
.rtop .titlebar1 a:hover{background: url(/skins/user/tabs.gif);font-weight: bold;cursor:pointer;}
.rtop .contents{height:286px;}
#rtop_1,#rtop_2{width:300px;}
#rtop_2{display:none;}
#rtop_2 ul{float:left;height:24px;border-bottom:1px solid #e1f2fc;width:150px}
#rtop_2 ul li{float:left;height:18px}
#rtop_2 ul li.m1{width:30px;text-align:center;padding:6px 0 0 0;border-right:1px solid #e1f2fc;color: #484848;}
#rtop_2 ul li.m2{width:30px;text-align:center;padding:2px 0 0 0}
#rtop_2 ul li.m3{width:80px;padding:6px 0 0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #e1f2fc;}
#history { float:left; width:100%; height:210px; text-align:left; overflow:auto;overflow-x: hidden; hiddenscrollbar-base-color:#ff66ff; scrollbar-face-color:#FFE3E3; scrollbar-arrow-color:#EEAAAA; scrollbar-track-color:#FDF6F6; scrollbar-3dlight-color:#FFE3E3;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#FCEBEB;}
#history li{ margin-top:1px; padding-left:10px; height:21px; line-height:21px; border-bottom:1px solid #F2E5E5; overflow:hidden;word-break:break-all;}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -