📄 css.css
字号:
/* CSS Document */
body{ margin:0 auto; padding:0; background:url(http://mat1.qq.com/ent/star2008/1215/bg-.jpg) #570211 repeat-x}
body,td{ font-size:12px}
p,h1,form,ul,li{ margin:0; padding:0}
ul{ list-style:none}
img,a img{ border:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.dis{ display:block}
.undis{ display:none}
.cb{ clear:both}
.warper{ width:100%; background:url(http://mat1.qq.com/ent/star2008/1215/hbg.jpg) center top no-repeat}
.bgnr{ background-repeat:no-repeat}
.bgrx{ background-repeat:repeat-x}
.dot1{ background:url(http://mat1.qq.com/ent/star2008/1215/dot1.gif) left center repeat-x}
.imgborder1{ border:1px solid #FDED95}
.imgborder2{ border:1px solid #D0AB2A}
.mt7{ margin-top:7px}
.mt11{ margin-top:11px}
.mt14{ margin-top:14px}
.mt17{ margin-top:17px}
.mt20{ margin-top:20px}
.mtl10{ margin:10px 0 0 10px}
.mtr33{ margin:33px 20px 0 0}
.mtr11{ margin:33px 11px 0 0}
.ml12{ margin-left:12px}
.mb4{ margin-bottom:4px}
.ptb11{ padding:11px 0}
.pt14{ padding-top:14px}
.plr8{ padding:0 8px}
.plr10{ padding:0 10px}
.plr18{ padding-left:18px; padding-right:18px}
.plr25{ padding-left:25px; padding-right:25px}
.p10{ padding:10px}
.fht{ font-family:"黑体"; font-size:22px}
.tc{ text-align:center}
.tl{ text-align:left}
.fonti2{ text-align:left; text-indent:2em}
.f14{ font-size:14px}
.fb{ font-weight:bold}
.f14b{ font-size:14px; font-weight:bold}
.l18{ line-height:18px}
.l20{ line-height:20px}
.l22{ line-height:22px}
.l24{ line-height:24px}
.l26{ line-height:26px}
.l28,.lh28{ line-height:28px}
.red1,.red1 a{ color:#933308}
.red2,.red2 a,.font5701,.font5701 a{ color:#570112}
.red3,.red3 a{ color:#EB6301}
.red4,.red4 a{ color:#FF1F26}
.white1,.white1 a{ color:#ffffff}
.white2{ color:#FCF6E5}
.gray1,.gray1 a{ color:#959393}
.yellow1,.yellow1 a,.fontFCED,.fontFCED a{ color:#FCEDAB}
.yellow2,.yellow2 a{ color:#C58728}
.yellow3,.yellow3 a{ color:#FCBE00}
.yellow4,.yellow4 a{ color:#FEFBC4}
.yellow5,.yellow5 a{ color:#F5D980}
.yellow6{ color:#F8D090}
.black1,.black1 a{ color:#333333}
.red1 a:hover,.red2 a:hover,.red3 a:hover,.white1 a:hover,.gray1 a:hover,.yellow1 a:hover,.yellow2 a:hover,.yellow3 a:hover,.font5701 a:hover,.fontFCED a:hover,.yellow4 a:hover,.yellow5 a:hover,.red4 a:hover,.black1 a:hover{ color:#ff0000}
/* 导航 */
#nav{ width:950px; height:41px; margin:0 auto; background:url(http://mat1.qq.com/ent/star2008/1215/navbg.jpg) no-repeat}
#nav a{ display:block; height:25px; background-position:top; background-repeat:no-repeat}
#nav a:hover{ height:25px; background-position:bottom}
#nav .btn1 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_01.gif)}
#nav .btn2 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_02.gif)}
#nav .btn3 a{ width:47px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_03.gif)}
#nav .btn4 a{ width:46px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_04.gif)}
#nav .btn5 a{ width:47px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_05.gif)}
#nav .btn6 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_06.gif)}
#nav .btn7 a{ width:66px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_07.gif)}
#nav .btn8 a{ width:75px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_08.gif)}
#nav .btn9 a{ width:67px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_09.gif)}
#nav .btn10 a{ width:67px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_10.gif)}
#nav .btn11 a{ width:66px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav_11.gif)}
#nav1{ width:950px; height:41px; margin:0 auto; background:url(http://mat1.qq.com/ent/star2008/1215/navbg1.jpg) no-repeat}
#nav1 a{ display:block; height:25px; background-position:top; background-repeat:no-repeat}
#nav1 a:hover{ height:25px; background-position:bottom}
#nav1 .btn1_1 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_01.gif)}
#nav1 .btn1_2 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_02.gif)}
#nav1 .btn1_3 a{ width:40px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_03.gif)}
#nav1 .btn1_4 a{ width:44px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_04.gif)}
#nav1 .btn1_5 a{ width:67px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_05.gif)}
#nav1 .btn1_6 a{ width:43px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_06.gif)}
#nav1 .btn1_7 a{ width:46px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_07.gif)}
#nav1 .btn1_8 a{ width:74px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_08.gif)}
#nav1 .btn1_9 a{ width:67px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_09.gif)}
#nav1 .btn1_10 a{ width:65px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_10.gif)}
#nav1 .btn1_11 a{ width:65px; background-image:url(http://mat1.qq.com/ent/star2008/1215/nav1_11.gif)}
/* 合作伙伴 */
.hzhb{ text-align:center; border:1px solid #FDF5A0; background:#6C0113}
.hzhb span{ padding:0 13px}
/* footer */
.copyright,.copyright a{ color:#C58728; line-height:38px}
.copyright a:hover{ color:#FF0000}
.copyright span{ margin:0 10px}
/* 文字底层1 */
.wz_box{ width:950px; margin:0 auto; padding-bottom:10px; background:url(http://mat1.qq.com/ent/star2008/1215/bg1.gif) repeat-y}
.wz1_lbox{ float:left; width:651px; background:url(http://mat1.qq.com/ent/star2008/1215/wz1_lbg.jpg) repeat-x}
.wz1_rbox{ float:right; width:299px; background:url(http://mat1.qq.com/ent/star2008/1215/wz1_rbg.jpg) #52010D repeat-x}
/* 2级 服饰页 */
.fs_box{ width:950px; margin:0 auto; padding-bottom:10px; background:url(http://mat1.qq.com/ent/star2008/1215/fs_bg.jpg) #2D0609 no-repeat}
.fs_bg1{ width:933px; margin:0 auto; background:url(http://mat1.qq.com/ent/star2008/1215/fs_bg1.gif) repeat-y}
.fs_txt1{ width:132px; margin:0 auto; padding:6px 0; line-height:18px; text-align:center; background:url(http://mat1.qq.com/ent/star2008/1215/fs_bg3.jpg) #3B0006 repeat-x}
/* 2级 视频页 */
.sp_box{ width:950px; margin:0 auto; padding-bottom:10px; background:url(http://mat1.qq.com/ent/star2008/1215/sp_bg.jpg) #2D0609 no-repeat}
.sp_tv{ width:510px; height:429px; border:1px solid #FDEF95}
.sp_intro{ line-height:24px; text-align:left; background:url(http://mat1.qq.com/ent/star2008/1215/sp_bg1.jpg) no-repeat}
.sp_intro h1{ padding:16px 0 10px 0; font-family:"黑体"; font-size:20px; color:#FFFFFF; text-align:center; font-weight:normal}
.sp_intro h1 a{ color:#FFFFFF}
.sp_intro h1 a:hover{ color:#FF0000}
/* 3级 视频页 */
.sp3_box{ width:950px; margin:0 auto; background:#2D0609}
.sp3_cbox{ width:929px; margin:0 auto; padding-bottom:22px; border:1px solid #FDED95; border-top:0; background:url(http://mat1.qq.com/ent/star2008/1215/sp3_bg1.jpg) center top #570112 no-repeat}
.sp3_imgbox{ border:1px solid #FDED95; background:#FCF6E5; line-height:18px; text-align:center}
/* 2级 获奖名单 */
.hjmd_box{ width:950px; margin:0 auto; padding-bottom:10px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_bg.jpg) #2D0609 no-repeat}
.hjmd_bg1{ width:933px; margin:0 auto; padding-top:28px; background:url(http://mat1.qq.com/ent/star2008/1215/fs_hbg.jpg) no-repeat}
.hjmd_bg2{ background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_bg1.gif) left center #780E04 repeat-x}
.hjmd_lbg{ background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_lbg.gif) repeat-y}
.hjmd_rbg{ background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_rbg.gif) right top repeat-y}
.hjmd_md td{ padding-top:20px; padding-bottom:20px; line-height:18px; border-bottom:1px solid #F8D090; vertical-align:top}
.hjmd_img{ width:130px; height:160px; border:1px solid #FDED95}
#menu1 div{ float:left; width:216px; height:42px; cursor:pointer}
#menu1 .cur0{ background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn1.jpg) left bottom no-repeat}
#menu1 .normal0{ background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn1.jpg) left top no-repeat}
#menu1 .cur1{ margin-left:4px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn2.jpg) left bottom no-repeat}
#menu1 .normal1{ margin-left:4px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn2.jpg) left top no-repeat}
#menu1 .cur2{ margin-left:5px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn3.jpg) left bottom no-repeat}
#menu1 .normal2{ margin-left:5px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn3.jpg) left top no-repeat}
#menu1 .cur3{ margin-left:4px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn4.jpg) left bottom no-repeat}
#menu1 .normal3{ margin-left:4px; background:url(http://mat1.qq.com/ent/star2008/1215/hjmd_btn4.jpg) left top no-repeat}
.scroll{ width:731px; padding:28px 0 16px 0; overflow:hidden}
.scroll1 td,.scroll2 td{ text-align:left; padding-right:18px}
.curp{ cursor:pointer}
/* 2级 获奖艺人 */
.hjyr_cbox1{ width:929px; margin:0 auto; padding-bottom:10px; border:1px solid #FDED95; background:url(http://mat1.qq.com/ent/star2008/1215/hjyr_bg1.jpg) center top #570112 no-repeat}
.hjyr_bg1{ background:url(http://mat1.qq.com/ent/star2008/1215/hjyr_bg2.jpg) left 28px repeat-x}
.hjyr_bg1 h1{ font-family:"黑体"; font-size:18px; color:#FDEF95; line-height:24px; text-align:center; font-weight:normal}
.hjyr_bg1 h1 a,.tyellow1,.tyellow1 a{ color:#FDEF95}
.hjyr_bg1 h1 a:hover,.tyellow1 a:hover{ color:#ff0000}
.hjyr_ftxt a{ display:block; width:245px; height:22px; padding:180px 0 0 7px; color:#FFFFFF; font-weight:bold; text-decoration:none}
.hjyr_ftxt a:hover{ color:#FFFFFF; text-decoration:none}
.hjyr_cbg{ background:url(http://mat1.qq.com/ent/star2008/1215/hjyr_tit1.jpg) #FCF6E5 no-repeat}
.hjyr_cbox2{ width:929px; margin:0 auto; padding-bottom:14px; border:1px solid #FDED95; border-top:0; background:url(http://mat1.qq.com/ent/star2008/1215/hjyr_bg7.jpg) center top #570112 no-repeat}
.hjyr_bg2{ border-top:1px solid #F8D090;border-bottom:1px solid #F8D090; background:#ffffff}
.hjyr_type{ padding-bottom:6px}
.hjyr_type td{ padding-left:10px; line-height:25px; vertical-align:bottom;}
/* 3级 图片页 */
.tp3_cbox1{ width:929px; margin:0 auto; padding-bottom:22px; border:1px solid #FDED95; border-top:0; background:url(http://mat1.qq.com/ent/star2008/1215/tp3_bg1.jpg) center top #570112 no-repeat}
.tp3_cbox2{ width:929px; margin:0 auto; padding-bottom:22px; border:1px solid #FDED95; border-top:0; background:url(http://mat1.qq.com/ent/star2008/1215/tp3_bg2.jpg) center top #570112 no-repeat}
.tp3_cbox3{ width:929px; margin:0 auto; padding-bottom:22px; border:1px solid #FDED95; border-top:0; background:url(http://mat1.qq.com/ent/star2008/1215/tp3_bg3.jpg) center top #570112 no-repeat}
.tp3_sep{ background:url(http://mat1.qq.com/ent/star2008/1215/tp3_sep.gif) center center no-repeat}
/* 底层右边共用部分 */
.bd1{ border:1px solid #F0B217}
.shipin{margin:17px auto 0px;width:281px;height:263px;background:url(http://mat1.qq.com/ent/xgdd1203/shipin_bg.jpg) no-repeat}
.huojiang{width:282px;margin:4px auto 0px}
.piclist{margin-top:9px}
.dxc{width:282px;margin:13px auto 0px}
.piclist2 img{border:1px solid #F0B217;margin-top:5px}
/* |xGv00|e5cd5924b19699cf25b5fb3fcac8194e */
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -