📄 common.css
字号:
#playtrack {
BACKGROUND-COLOR: #242628
}
#musicbox_div {
FONT-SIZE: 12px
}
#musicbox_div {
TEXT-ALIGN: left
}
#music_albumlist {
TEXT-ALIGN: left
}
#musicbox_div IMG {
VERTICAL-ALIGN: middle; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#music_albumlist IMG {
VERTICAL-ALIGN: middle; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#musicbox_div TABLE {
WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; BORDER-BOTTOM-STYLE: none
}
#music_albumlist TABLE {
WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; BORDER-BOTTOM-STYLE: none
}
#musicbox_div TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#music_albumlist TD {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#musicbox_div .blank1 {
FONT-SIZE: 1px
}
#musicbox_div .music_data {
FONT-SIZE: 12px
}
#musicbox_div .list_data {
FONT-SIZE: 12px; LINE-HEIGHT: 18px
}
#music_albumlist .list_data {
FONT-SIZE: 12px; LINE-HEIGHT: 18px
}
#musicbox_div .list_data TD {
PADDING-LEFT: 3px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
#musicbox_div .list_focus {
}
#music_albumlist .list_focus {
}
#musicbox_div .list_over {
}
#music_albumlist .list_over {
}
#music_albumlist {
PADDING-RIGHT: 2px; OVERFLOW-Y: auto; DISPLAY: none; PADDING-LEFT: 2px; FONT-SIZE: 12px; Z-INDEX: 1; OVERFLOW-X: hidden; PADDING-BOTTOM: 2px; WIDTH: 120px; PADDING-TOP: 2px; POSITION: absolute; HEIGHT: 200px
}
#musicbox_body {
FLOAT: left; WIDTH: 100%
}
#musicbox_div .music_tab {
FONT-SIZE: 12px; BORDER-BOTTOM: 1px solid
}
#musicbox_div .music_tab .tab {
BORDER-RIGHT: 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: 1px solid; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 3px 0px 3px 10px; BORDER-LEFT: 1px solid; CURSOR: pointer; PADDING-TOP: 3px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center
}
#musicbox_div .e {
DISPLAY: block
}
#musicbox_div .d {
DISPLAY: none
}
#musicbox_div .show_lrc .e {
DISPLAY: none
}
#musicbox_div .show_lrc .d {
DISPLAY: block
}
.img {
CURSOR: pointer
}
.bt_play_down {
BACKGROUND-POSITION: 0px -299px; WIDTH: 29px; HEIGHT: 29px
}
.bt_play {
BACKGROUND-POSITION: 0px -270px; WIDTH: 29px; HEIGHT: 29px
}
.bt_play_on {
BACKGROUND-POSITION: 0px -328px; WIDTH: 29px; HEIGHT: 29px
}
.bt_pause_down {
BACKGROUND-POSITION: 0px -212px; WIDTH: 29px; HEIGHT: 29px
}
.bt_pause {
BACKGROUND-POSITION: 0px -183px; WIDTH: 29px; HEIGHT: 29px
}
.bt_pause_on {
BACKGROUND-POSITION: 0px -241px; WIDTH: 29px; HEIGHT: 29px
}
.bt_stop_down {
BACKGROUND-POSITION: 0px -501px; WIDTH: 21px; HEIGHT: 21px
}
.bt_stop {
BACKGROUND-POSITION: 0px -480px; WIDTH: 21px; HEIGHT: 21px
}
.bt_stop_on {
BACKGROUND-POSITION: 0px -522px; WIDTH: 21px; HEIGHT: 21px
}
.bt_pre_down {
BACKGROUND-POSITION: 0px -378px; WIDTH: 21px; HEIGHT: 21px
}
.bt_pre {
BACKGROUND-POSITION: 0px -357px; WIDTH: 21px; HEIGHT: 21px
}
.bt_pre_on {
BACKGROUND-POSITION: 0px -399px; WIDTH: 21px; HEIGHT: 21px
}
.bt_next_down {
BACKGROUND-POSITION: 0px -81px; WIDTH: 21px; HEIGHT: 21px
}
.bt_next {
BACKGROUND-POSITION: 0px -60px; WIDTH: 21px; HEIGHT: 21px
}
.bt_next_on {
BACKGROUND-POSITION: 0px -102px; WIDTH: 21px; HEIGHT: 21px
}
.bt_open_down {
BACKGROUND-POSITION: 0px -143px; FLOAT: right; WIDTH: 19px; HEIGHT: 20px
}
.bt_open {
BACKGROUND-POSITION: 0px -123px; FLOAT: right; WIDTH: 19px; HEIGHT: 20px
}
.bt_open_on {
BACKGROUND-POSITION: 0px -163px; FLOAT: right; WIDTH: 19px; HEIGHT: 20px
}
.bt_set_down {
BACKGROUND-POSITION: 0px -440px; FLOAT: right; WIDTH: 20px; HEIGHT: 20px
}
.bt_set {
BACKGROUND-POSITION: 0px -420px; FLOAT: right; WIDTH: 20px; HEIGHT: 20px
}
.bt_set_on {
BACKGROUND-POSITION: 0px -460px; FLOAT: right; WIDTH: 20px; HEIGHT: 20px
}
.random_bt_off {
BACKGROUND-POSITION: 0px -1010px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.random_bt_off_on {
BACKGROUND-POSITION: 0px -1029px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.random_bt_on {
BACKGROUND-POSITION: 0px -1048px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.random_bt_on_on {
BACKGROUND-POSITION: 0px -1067px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.repeat_bt_off {
BACKGROUND-POSITION: 0px -1086px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.repeat_bt_off_on {
BACKGROUND-POSITION: 0px -1105px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.repeat_bt_on {
BACKGROUND-POSITION: 0px -1124px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.repeat_bt_on_on {
BACKGROUND-POSITION: 0px -1143px; FLOAT: right; WIDTH: 23px; HEIGHT: 19px
}
.timeline_bt {
BACKGROUND-POSITION: 0px -1185px; WIDTH: 17px; HEIGHT: 15px
}
.timeline_bt_on {
BACKGROUND-POSITION: 0px -1200px; WIDTH: 17px; HEIGHT: 15px
}
.volume_bt {
BACKGROUND-POSITION: 0px -1212px; WIDTH: 7px; HEIGHT: 13px
}
.volume_bt_on {
BACKGROUND-POSITION: 0px -1225px; WIDTH: 7px; HEIGHT: 13px
}
.albumlist_bt_off {
BACKGROUND-POSITION: 0px 0px; FLOAT: right; WIDTH: 59px; HEIGHT: 20px
}
.albumlist_bt_off_on {
BACKGROUND-POSITION: 0px -20px; FLOAT: right; WIDTH: 59px; HEIGHT: 20px
}
#tr01 {
WIDTH: auto; POSITION: relative; HEIGHT: 13px
}
#td01 {
BACKGROUND-POSITION: 0px -576px; LEFT: 0px; WIDTH: 108px; POSITION: absolute; HEIGHT: 13px
}
#td02 {
BACKGROUND-POSITION: 0px -602px; RIGHT: 0px; WIDTH: 11px; POSITION: absolute; HEIGHT: 13px
}
#td02a {
MARGIN: 0px 11px 0px 108px; HEIGHT: 13px
}
#tr02 {
WIDTH: auto; POSITION: relative; HEIGHT: 25px
}
#td03 {
BACKGROUND-POSITION: 0px -615px; LEFT: 0px; WIDTH: 98px; POSITION: absolute; HEIGHT: 25px
}
#td04 {
MARGIN: 0px 15px 0px 98px; HEIGHT: 25px
}
#albumlist_bt_on {
FLOAT: right; WIDTH: 59px; HEIGHT: 20px
}
#td05 {
BACKGROUND-POSITION: 0px -665px; RIGHT: 0px; WIDTH: 15px; POSITION: absolute; HEIGHT: 25px
}
#td06 {
WIDTH: 100%; POSITION: relative
}
#td07 {
MARGIN: 0px 16px; WIDTH: auto
}
#td08 {
BACKGROUND-POSITION: 0px -690px; LEFT: 0px; WIDTH: 16px; POSITION: absolute; TOP: 0px; HEIGHT: 23px
}
#td09 {
BACKGROUND-POSITION: 0px -713px; RIGHT: 0px; WIDTH: 16px; POSITION: absolute; TOP: 0px; HEIGHT: 23px
}
#playlist {
OVERFLOW: hidden; WORD-BREAK: break-all; HEIGHT: 200px; TEXT-OVERFLOW: ellipsis
}
#lrc_zone {
OVERFLOW: hidden; WORD-BREAK: break-all; HEIGHT: 200px; TEXT-OVERFLOW: ellipsis
}
#playlisthandle {
CURSOR: pointer
}
#lrchandle {
CURSOR: pointer
}
#tr04 {
BACKGROUND-POSITION: 0px -754px; WIDTH: 100%; HEIGHT: 20px
}
#td04 IMG {
CURSOR: pointer
}
#td10 {
WIDTH: 100%; POSITION: relative; HEIGHT: 20px
}
#rightpadding1 {
BACKGROUND-POSITION: 0px -774px; RIGHT: 0px; FLOAT: right; WIDTH: 16px; POSITION: absolute; HEIGHT: 20px
}
#td11 {
FONT-SIZE: 12px; MARGIN: 0px 16px; OVERFLOW: hidden; HEIGHT: 20px
}
#td17 {
FLOAT: left; WIDTH: 25px; HEIGHT: 20px
}
#playlisttrack {
CURSOR: pointer; HEIGHT: 200px
}
#lrctrack {
CURSOR: pointer; HEIGHT: 200px
}
#playtrack {
MARGIN: 0px 16px; CURSOR: pointer; POSITION: relative; HEIGHT: 15px
}
#timeline_1 {
FLOAT: left; CURSOR: pointer; HEIGHT: 15px
}
#st_pause {
BACKGROUND-POSITION: 0px -556px; WIDTH: 25px; HEIGHT: 20px
}
#st_stop {
BACKGROUND-POSITION: 0px -1162px; WIDTH: 25px; HEIGHT: 20px
}
#musicstatus_div {
MARGIN: 3px 2px 0px 5px; OVERFLOW: hidden; HEIGHT: 16px
}
#timedisplay {
MARGIN-TOP: 3px; FLOAT: right; WIDTH: 70px
}
#musicstatus_div DIV {
FLOAT: left
}
#musicstatus_div #statusstring {
OVERFLOW: hidden; WIDTH: 70px; MARGIN-RIGHT: 5px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
#tr05 {
BACKGROUND-POSITION: 4px -794px; WIDTH: 100%; HEIGHT: 15px
}
#td12 {
WIDTH: 100%; POSITION: relative; HEIGHT: 15px
}
#rightpadding2 {
BACKGROUND-POSITION: 0px -809px; RIGHT: 0px; WIDTH: 33px; POSITION: absolute; HEIGHT: 15px
}
#playhandle {
WIDTH: 17px; CURSOR: pointer; POSITION: absolute; TOP: 3px; HEIGHT: 15px
}
#tr06 {
WIDTH: 100%; POSITION: relative; HEIGHT: 62px
}
#td14 {
CLEAR: none; BACKGROUND-POSITION: 0px -824px; LEFT: 0px; WIDTH: 168px; POSITION: absolute; HEIGHT: 62px
}
#td14 IMG {
VERTICAL-ALIGN: top! important
}
#bt_play {
LEFT: 16px; WIDTH: 29px; POSITION: absolute; TOP: 10px; HEIGHT: 29px
}
#bt_stop {
LEFT: 49px; WIDTH: 21px; POSITION: absolute; TOP: 15px; HEIGHT: 21px
}
#bt_pre {
LEFT: 82px; WIDTH: 21px; POSITION: absolute; TOP: 15px; HEIGHT: 21px
}
#bt_next {
LEFT: 107px; WIDTH: 21px; POSITION: absolute; TOP: 15px; HEIGHT: 21px
}
#td15a {
PADDING-BOTTOM: 62px; MARGIN: auto 7px -62px 168px; ZOOM: 1; POSITION: relative
}
#td15b {
BACKGROUND-POSITION: 0px -948px; LEFT: 0px; WIDTH: 40px; POSITION: absolute; TOP: 0px; HEIGHT: 36px
}
#td15 {
RIGHT: 0px; WIDTH: 53px; POSITION: absolute; TOP: 0px
}
#soundtrack {
BACKGROUND-POSITION: 0px -1253px; WIDTH: 53px; CURSOR: pointer; POSITION: relative; HEIGHT: 15px
}
#soundtrack2 {
BACKGROUND-POSITION: 0px -1238px; FLOAT: right; WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px
}
#soundhandle {
CURSOR: pointer; POSITION: absolute; HEIGHT: 16px
}
#mode {
HEIGHT: 19px
}
#mode IMG {
CURSOR: pointer
}
#td16 {
BACKGROUND-POSITION: 0px -886px; RIGHT: 0px; WIDTH: 7px; POSITION: absolute; HEIGHT: 62px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -