📄 style.css
字号:
FONT-SIZE: 1px; BACKGROUND: url(cr_mb.gif) 50% top; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: 1px; HEIGHT: 5px
}
.commonr_lb {
FONT-SIZE: 1px; BACKGROUND: url(cr_lb.gif) no-repeat left 50%; FLOAT: left; WIDTH: 5px; LINE-HEIGHT: 1px; HEIGHT: 5px
}
.commonr_rb {
FONT-SIZE: 1px; BACKGROUND: url(cr_rb.gif) no-repeat right 50%; FLOAT: right; WIDTH: 5px; LINE-HEIGHT: 1px; HEIGHT: 5px
}
.c_left {
FLOAT: left
}
.c_right {
FLOAT: right
}
.c_center {
WIDTH: 100%; TEXT-ALIGN: center
}
.c_inline {
DISPLAY: inline
}
#common_vlist {
CLEAR: both; WIDTH: 100%
}
#upload {
CLEAR: both; WIDTH: 100%
}
.common_gray_t {
BACKGROUND: url(gray_middle.gif); WIDTH: 100%; HEIGHT: 24px
}
.common_gray_lt_pic {
BACKGROUND: url(gray_left.gif) left top; FLOAT: left; WIDTH: 4px; HEIGHT: 24px
}
.common_gray_rt_pic {
BACKGROUND: url(gray_right.gif) right top; FLOAT: right; WIDTH: 6px; HEIGHT: 24px
}
.common_gray_lt_txt {
PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; COLOR: #474747; LINE-HEIGHT: 19px; PADDING-TOP: 5px
}
.common_gray_rt_txt {
FLOAT: right; LINE-HEIGHT: 24px
}
.common_title {
BACKGROUND: #efefef; MARGIN: auto; WIDTH: 96%; HEIGHT: 35px
}
.common_titletxt {
DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(alert_titlepic.gif) #fafafa no-repeat left center; WIDTH: 100%; COLOR: #00394e; TEXT-INDENT: 25px; PADDING-TOP: 10px; BORDER-BOTTOM: #d6d6d6 1px solid; HEIGHT: 20px; TEXT-ALIGN: left
}
.common_gray {
BORDER-RIGHT: #e8e8e8 1px solid; BORDER-TOP: #e8e8e8 1px solid; BACKGROUND: #fafafa; BORDER-LEFT: #e8e8e8 1px solid; BORDER-BOTTOM: #e8e8e8 1px solid
}
.common_white {
BORDER-RIGHT: #e8e8e8 1px solid; BORDER-TOP: #e8e8e8 1px solid; BACKGROUND: #fff; BORDER-LEFT: #e8e8e8 1px solid; WIDTH: 100%; BORDER-BOTTOM: #e8e8e8 1px solid
}
.common_blue {
BORDER-RIGHT: #dededd 1px solid; BORDER-TOP: #dededd 1px solid; BACKGROUND: #f1feff; BORDER-LEFT: #dededd 1px solid; BORDER-BOTTOM: #dededd 1px solid
}
.common_graybg {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #f1f1f1; BORDER-LEFT: #fff 1px solid; WIDTH: 100%; COLOR: #666; TEXT-INDENT: 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 28px; TEXT-ALIGN: left
}
.common_v_left {
FLOAT: left
}
.common_v_right {
FLOAT: right
}
.pages {
CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 5px; MARGIN: 3px auto; WIDTH: 680px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.pages .pages_gotxt {
VERTICAL-ALIGN: -3px; COLOR: #666
}
.pages .pinput {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 9px; VERTICAL-ALIGN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 20px; LINE-HEIGHT: 8px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 8px
}
.pages .fontb {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; DISPLAY: inline; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 8px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid
}
.pages A {
BORDER-RIGHT: #b8eaed 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b8eaed 1px solid; DISPLAY: inline; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: #e8fdfd; BORDER-LEFT: #b8eaed 1px solid; COLOR: #1796ef; LINE-HEIGHT: 8px; BORDER-BOTTOM: #b8eaed 1px solid; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pages A:hover {
BACKGROUND: #e2f0fa; COLOR: #ff0000
}
.pages .pics_back {
BORDER-TOP-WIDTH: 0px; DISPLAY: inline-block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(pages_back.gif) no-repeat left center; BORDER-BOTTOM-WIDTH: 0px; MARGIN: auto 8px; WIDTH: 49px; CURSOR: hand; HEIGHT: 15px; BORDER-RIGHT-WIDTH: 0px
}
.pages .pics_next {
BORDER-TOP-WIDTH: 0px; DISPLAY: inline-block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(pages_next.gif) no-repeat left center; BORDER-BOTTOM-WIDTH: 0px; MARGIN: auto 8px; WIDTH: 49px; CURSOR: hand; HEIGHT: 15px; BORDER-RIGHT-WIDTH: 0px
}
.pages .pages_go {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(pages_go.gif) no-repeat left center; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 25px; CURSOR: hand; HEIGHT: 16px; BORDER-RIGHT-WIDTH: 0px
}
.index_t {
BACKGROUND: url(i_mt.png); WIDTH: 100%; HEIGHT: 35px
}
.index_lt_pic {
BACKGROUND: url(i_lt.png) left top; FLOAT: left; WIDTH: 20px; HEIGHT: 35px
}
.index_rt_pic {
BACKGROUND: url(i_rt.png) right top; FLOAT: right; WIDTH: 12px; HEIGHT: 35px
}
.index_lt_txt {
FLOAT: left
}
.index_rt_txt {
FLOAT: right; PADDING-TOP: 13px
}
#index_vlist {
CLEAR: both; MARGIN-TOP: 5px; WIDTH: 100%
}
.index_list {
DISPLAY: inline; FLOAT: left; MARGIN: 9px 1px 0px; WIDTH: 94px; COLOR: #6d6d6d; LINE-HEIGHT: 26px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 26px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.index_active {
DISPLAY: inline; FLOAT: left; MARGIN: 9px 1px 0px; WIDTH: 94px; COLOR: #6d6d6d; LINE-HEIGHT: 26px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 26px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.index_list:hover {
BACKGROUND: url(index_list_hover.png); COLOR: #009799
}
.index_active:hover {
BACKGROUND: url(index_list_hover.png); COLOR: #009799
}
.index_list {
BACKGROUND: url(index_list.png)
}
.index_active {
BACKGROUND: url(index_list_hover.png)
}
#v_list {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; WIDTH: 698px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.video {
DISPLAY: inline-block; FLOAT: left; MARGIN: 0px; WIDTH: 24%; TEXT-ALIGN: left
}
.video UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.video LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 28px; COLOR: #009799; LINE-HEIGHT: 18px; PADDING-TOP: 0px
}
.video A IMG {
BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; MARGIN: 10px 0px 1px; BORDER-LEFT: #ccc 2px solid; WIDTH: 130px; BORDER-BOTTOM: #ccc 2px solid; HEIGHT: 100px
}
.video A:hover IMG {
BORDER-RIGHT: #42a1a7 2px solid; BORDER-TOP: #42a1a7 2px solid; BORDER-LEFT: #42a1a7 2px solid; BORDER-BOTTOM: #42a1a7 2px solid
}
.v_name {
MARGIN: auto; OVERFLOW: hidden; WIDTH: 135px; LINE-HEIGHT: 22px; HEIGHT: 19px; TEXT-ALIGN: center
}
.v_tags {
OVERFLOW: hidden; WIDTH: 135px; HEIGHT: 35px
}
#softdown {
BORDER-RIGHT: #73bfc9 1px solid; BORDER-TOP: #73bfc9 1px solid; BACKGROUND: url(softdown.png); BORDER-LEFT: #73bfc9 1px solid; WIDTH: auto; BORDER-BOTTOM: #73bfc9 1px solid; HEIGHT: 204px
}
#softdown A {
DISPLAY: block; WIDTH: 100%; HEIGHT: 204px
}
#recommend {
MARGIN: 5px; WIDTH: auto; TEXT-ALIGN: left
}
#recommend UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 6px 8px; WIDTH: auto; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#recommend LI {
BACKGROUND: url(recom_libg.gif) repeat-x left bottom
}
#recommend LI A {
DISPLAY: block; PADDING-LEFT: 14px; BACKGROUND: url(recom_ico.gif) no-repeat 4px 10px; FONT: 12px/24px "宋体"; COLOR: #00666a; HEIGHT: 24px; TEXT-DECORATION: none
}
#recommend LI A:hover {
BACKGROUND: url(recom_ico.gif) #d6f9fa no-repeat 4px 10px
}
#login {
MARGIN: 5px; WIDTH: auto
}
.login_txt {
FLOAT: left; WIDTH: 65px; LINE-HEIGHT: 25px; MARGIN-RIGHT: 0px; FONT-FAMILY: 宋体; HEIGHT: 30px; TEXT-ALIGN: right
}
.login_input {
FLOAT: left; WIDTH: 200px; HEIGHT: 30px
}
#name INPUT {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 160px; COLOR: #999; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 18px
}
#password INPUT {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 160px; COLOR: #999; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 18px
}
.but_login {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(but_login.png); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 57px; CURSOR: hand; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
.but_reg {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(but_reg.png); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 57px; CURSOR: hand; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
.logined {
CLEAR: both; FONT-SIZE: 12px; WIDTH: 90%; COLOR: #666; LINE-HEIGHT: 22px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.but_logout {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(but_logout.png); BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px auto; WIDTH: 56px; CURSOR: hand; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
#people_show {
MARGIN: 4px auto; WIDTH: 260px
}
#people_show .tit {
CLEAR: both; WIDTH: 100%
}
#people_show .tit A {
BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #c3c3c3 1px solid; MARGIN-TOP: 4px; DISPLAY: inline; PADDING-LEFT: 6px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #c3c3c3 1px solid; COLOR: #5e5e5e; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c3c3c3 1px solid; POSITION: relative; TOP: 1px; TEXT-DECORATION: none
}
#people_show .tit A.active {
BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #c3c3c3 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 7px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 4px; BORDER-LEFT: #c3c3c3 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #c3c3c3 0px solid; TOP: 2px
}
#people_show .content {
CLEAR: both; BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c3c3 1px solid; PADDING-LEFT: 10px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 10px; BORDER-LEFT: #c3c3c3 1px solid; LINE-HEIGHT: 23px; PADDING-TOP: 10px; BORDER-BOTTOM: #c3c3c3 1px solid; TEXT-ALIGN: left
}
#subscibe {
PADDING-RIGHT: 15px; BACKGROUND: url(sub_bg.gif) no-repeat left top; MARGIN-LEFT: 5px; WIDTH: auto; LINE-HEIGHT: 20px; MARGIN-RIGHT: 5px; PADDING-TOP: 10px; HEIGHT: 80px; TEXT-ALIGN: right
}
#subscibe SPAN {
DISPLAY: block; COLOR: #079dda; PADDING-TOP: 5px
}
#subscibe_input {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 140px; COLOR: #999; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 18px
}
#subscibe_but {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(but_sub.png); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 57px; CURSOR: hand; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
#subject {
MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px; TEXT-ALIGN: center
}
#subject A IMG {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 3px; DISPLAY: inline; MARGIN-LEFT: auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 250px; MARGIN-RIGHT: auto; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 80px
}
#subject A:hover IMG {
BORDER-RIGHT: #42a1a7 1px solid; BORDER-TOP: #42a1a7 1px solid; BORDER-LEFT: #42a1a7 1px solid; BORDER-BOTTOM: #42a1a7 1px solid
}
#tags {
WIDTH: 280px; TEXT-ALIGN: center
}
#tags_in {
MARGIN: 5px auto; WIDTH: 250px; LINE-HEIGHT: 26px; FONT-FAMILY: "宋体"; TEXT-ALIGN: left
}
#alert {
CLEAR: both; MARGIN: auto; WIDTH: 994px
}
#alert_in {
MARGIN: 10px auto; WIDTH: 960px
}
.alert_info {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; COLOR: #00394e; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.alert_pic_error {
BACKGROUND: url(alert_error.png); MARGIN: 3px auto 20px; WIDTH: 115px; HEIGHT: 115px
}
.alert_pic_suc {
BACKGROUND: url(alert_suc.png); MARGIN: 3px auto 20px; WIDTH: 115px; HEIGHT: 115px
}
.alert_infotxt {
LINE-HEIGHT: 50px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.alert_usrguide {
LINE-HEIGHT: 25px
}
.alert_pic_pass {
BACKGROUND: url(vod_password.png); MARGIN: 3px auto 20px; WIDTH: 52px; HEIGHT: 63px
}
.vod_passbox {
BORDER-RIGHT: #afe7eb 1px solid; BORDER-TOP: #afe7eb 1px solid; BACKGROUND: #f4fcfc; MARGIN: 10px auto; BORDER-LEFT: #afe7eb 1px solid; WIDTH: 400px; BORDER-BOTTOM: #afe7eb 1px solid
}
.alert_usrguide INPUT {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #999; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ccc 1px solid
}
.but_vodpass {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(but_vodpass.png); BORDER-BOTTOM-WIDTH: 0px; MARGIN: 20px auto 0px; WIDTH: 57px; CURSOR: hand; HEIGHT: 22px; BORDER-RIGHT-WIDTH: 0px
}
.tages_video {
CLEAR: both; PADDING-BOTTOM: 5px; MARGIN: 5px auto; WIDTH: 96%; HEIGHT: auto; TEXT-ALIGN: left
}
.tages_video UL {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.tages_video .v_img {
FLOAT: left; MARGIN-BOTTOM: 0px; WIDTH: 435px
}
.tages_video LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; COLOR: #009799; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
.tages_video A IMG {
BORDER-RIGHT: #6fd1d9 2px solid; BORDER-TOP: #6fd1d9 2px solid; MARGIN: 6px 5px 0px; BORDER-LEFT: #6fd1d9 2px solid; WIDTH: 130px; BORDER-BOTTOM: #6fd1d9 2px solid; HEIGHT: 100px
}
.tages_video A:hover IMG {
BORDER-RIGHT: #42a1a7 2px solid; BORDER-TOP: #42a1a7 2px solid; BORDER-LEFT: #42a1a7 2px solid; BORDER-BOTTOM: #42a1a7 2px solid
}
.tages_video .v_name {
WIDTH: auto; LINE-HEIGHT: 22px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.tages_video .v_name A {
COLOR: #025879
}
.tages_video .v_info {
OVERFLOW: hidden; WIDTH: 265px; HEIGHT: 20px
}
.tages_video .v_name A:hover {
BACKGROUND: #025879; COLOR: #fff
}
.tages_video .v_tags {
CLEAR: right; WIDTH: auto; HEIGHT: auto
}
#order_input {
CLEAR: both; PADDING-LEFT: 20px; BACKGROUND: url(order_bg.jpg); MARGIN: 8px auto; WIDTH: 656px; PADDING-TOP: 20px; HEIGHT: 69px; TEXT-ALIGN: left
}
.order_input {
CLEAR: both; PADDING-LEFT: 20px; BACKGROUND: url(order_bg.jpg); MARGIN: 8px auto; WIDTH: 656px; PADDING-TOP: 20px; HEIGHT: 69px; TEXT-ALIGN: left
}
#order_new {
MARGIN: 5px auto; WIDTH: 676px
}
#order_new UL {
MARGIN-TOP: 10px
}
#order_new A IMG {
MARGIN: 0px
}
#order_new .v_name {
LINE-HEIGHT: 28px
}
.order_title {
FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(order_title_bg.png); WIDTH: 674px; TEXT-INDENT: 16px; PADDING-TOP: 10px; HEIGHT: 25px; TEXT-ALIGN: left
}
.order_input_info {
DISPLAY: block; FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 10px; COLOR: #00394e; FONT-FAMILY: Arial,sans-serif, Helvetica
}
.order_input_txt {
BORDER-RIGHT: #73ced4 1px solid; BORDER-TOP: #73ced4 1px solid; FONT: bold 14px sans-serif; BORDER-LEFT: #73ced4 1px solid; WIDTH: 361px; COLOR: #11acbc; BORDER-BOTTOM: #73ced4 1px solid; HEIGHT: 20px
}
.order_input_but {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(order_input_but.png) no-repeat left center; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 77px; CURSOR: hand; HEIGHT: 26px; BORDER-RIGHT-WIDTH: 0px
}
.order_infored {
FONT-SIZE: 14px; COLOR: #ff0000; LINE-HEIGHT: 22px
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -