www.gusucode.com > QQ空间互踩整站源码asp网站源码程序 > QQ空间互踩整站源码asp网站源码程序/images/css.css

    
* {margin:0;padding:0;border:0;outline:none;text-align:left;}
body {margin:0 auto;text-align:left;font:normal normal normal 75%/1.5em tahoma,Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;background:#fff url(../img/bg_body.gif) repeat-y 1px top;color:#888;}
a,span,em,strong,li,dd,dt,td,th,h1,h2,h3,h4,h5,h6 {font:normal normal normal 1em/1.5em tahoma,Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;}
h1,h2 {font-size:1.3333em;}
h3 {font-size:1.1666em;}
p {line-height:1em;}
a{font-family:Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;}
a{color:#888;text-decoration:none;cursor:pointer;}
a:hover{color:#888;text-decoration:underline;}
select,input,label,button,textarea {font:normal normal normal 1em/1.2em Tahoma,Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;;vertical-align:middle;}
li{list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
button{cursor:pointer;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
#side{background:#fff url(http://imgcache.qq.com/qqshow/v2_1/inc/img/bg_header.jpg) no-repeat left top;text-align:center;font-size:12px;}
#side h1 a{position:absolute;top:11px;left:49px;display:block;width:90px;height:40px;text-indent:-999em;}
#side #container{width:202px;margin:0 auto;}
#qshowBox{height:466px;margin-top:61px;background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/bg_side.jpg) no-repeat left top;}
#side .nav li{float:left;width:103px;height:30px;text-indent:-999em;}
#side .nav li.fashion{width:98px;margin-left:1px;}
#side .nav li.fashion_2{width:98px;margin-left:1px;}
#side .nav li a{display:block;width:103px;height:30px;}
#side .nav li.fashion a,#side .nav li.fashion_2 a{width:98px;}
#side .nav li a:hover,#side .nav li.classical_2 a,#side .nav li.fashion_2 a{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/bg_nav.jpg) no-repeat left top;}
#side .nav li.fashion a:hover,#side .nav li.fashion_2 a,#side .nav li.fashion_2 a:hover{background-position:-104px top;}
.sex{float:left;width:100%;}
.sex a{float:left;display:inline;width:38px;height:14px;margin-left:27px;margin-top:5px;background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/sex.gif) no-repeat left top;text-indent:-999em;}
.sex a.female,.sex a.female_2{margin-left:58px;background-position:left -40px;}
.sex a:hover,.sex a.male_2,.sex a.male_2:hover{background-position:left -20px;}
.sex a.female:hover,.sex a.female_2,.sex a.female_2:hover{background-position:left -60px;}
#flashShow{position:relative;float:left;display:inline;width:186px;height:300px;margin:8px 0 0 8px;_margin:4px 0 0 8px;clear:both;}
.flash1,.flash1 *{position:absolute;top:50%;left:50%;margin: -150px 0px 0px -93px;width:186px;height:300px;}
.flash2,.flash2 *{position:absolute;top:50%;left:50%;margin: -113px 0px 0px -70px;width:140px;height:226px;}
.sex{float:left;width:100%;}
.sex a{float:left;display:inline;width:38px;height:14px;margin-left:27px;margin-top:5px;background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/sex.gif) no-repeat left top;text-indent:-999em;}
.sex a.female,.sex a.female_2{margin-left:58px;background-position:left -40px;}
.sex a:hover,.sex a.male_2,.sex a.male_2:hover{background-position:left -20px;}
.sex a.female:hover,.sex a.female_2,.sex a.female_2:hover{background-position:left -60px;}
.function{float:left;display:inline;margin-top:4px;margin-left:11px;}
.function a{float:left;width:27px;height:23px;margin-bottom:11px;text-indent:-999em;background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_1.gif) no-repeat left top;}
.function .col,.function .request,.function .send,.function .save,.function .clear,.function .before,.function .items,.function .history{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_2.gif) no-repeat left top;}
.function a:hover{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_1_over.gif) no-repeat left top;}
.function .col:hover,.function .request:hover,.function .send:hover,.function .save:hover,.function .clear:hover,.function .before:hover,.function .items:hover,.function .history:hover,.function .col_2:hover,.function .request_2:hover,.function .send_2:hover,.function .save_2:hover,.function .clear_2:hover,.function .before_2:hover,.function .items_2:hover,.function .history_2:hover{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_2_over.gif) no-repeat left top;}
.function .undo_2,.function .redo_2,.function .zoomIn_2,.function .zoomOut_2,.function .move_2,.function .reset_2{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_1_disable.gif) no-repeat left top;}
.function .col_2,.function .request_2,.function .send_2,.function .save_2,.function .clear_2,.function .before_2,.function .items_2,.function .history_2{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_2_disable.gif) no-repeat left top;}
.function .move_3,.function .move_3:hover{background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/btn_function_1_active.gif) no-repeat left -92px;;}
.function .clear,.function .before,.function .clear_2,.function .before_2{width:23px;height:23px;}
.function .col,.function .request,.function .send,.function .col_2,.function .request_2,.function .send_2{width:36px;height:25px;}
.function .items,.function .history,.function .items_2,.function .history_2{width:64px;height:23px;}
.function .save,.function .save_2{width:66px;height:25px;}
.function .redo{background-position:left -23px;}
.function .zoomIn{background-position:left -46px;}
.function .zoomOut{background-position:left -69px;}
.function .move{background-position:left -92px;}
.function .reset{background-position:left -115px;}
.function .request{background-position:left -25px;}
.function .send{background-position:left -50px;}
.function .save{background-position:left -75px;}
.function .clear{background-position:left -100px;}
.function .before{background-position:left -123px;}
.function .items{background-position:left -146px;}
.function .history{background-position:left -169px;}
.function .redo:hover,.function .redo_2:hover{background-position:left -23px;}
.function .zoomIn:hover,.function .zoomIn_2:hover{background-position:left -46px;}
.function .zoomOut:hover,.function .zoomOut_2:hover{background-position:left -69px;}
.function .move:hover,.function .move_2:hover,.function .move_3:hover{background-position:left -92px;}
.function .reset:hover,.function .reset_2:hover{background-position:left -115px;}
.function .request:hover,.function .request_2:hover{background-position:left -25px;}
.function .send:hover,.function .send_2:hover{background-position:left -50px;}
.function .save:hover,.function .save_2:hover{background-position:left -75px;}
.function .clear:hover,.function .clear_2:hover{background-position:left -100px;}
.function .before:hover,.function .before_2:hover{background-position:left -123px;}
.function .items:hover,.function .items_2:hover{background-position:left -146px;}
.function .history:hover,.function .history_2:hover{background-position:left -169px;}
.function .redo_2{background-position:left -23px;}
.function .zoomIn_2{background-position:left -46px;}
.function .zoomOut_2{background-position:left -69px;}
.function .move_2{background-position:left -92px;}
.function .reset_2{background-position:left -115px;}
.function .request_2{background-position:left -25px;}
.function .send_2{background-position:left -50px;}
.function .save_2{background-position:left -75px;}
.function .clear_2{background-position:left -100px;}
.function .before_2{background-position:left -123px;}
.function .items_2{background-position:left -146px;}
.function .history_2{background-position:left -169px;}
.function .undo,.function .redo,.function .zoomIn,.function .zoomOut,.function .move,.function .reset,.function .save,.function .undo_2,.function .redo_2,.function .zoomIn_2,.function .zoomOut_2,.function .move_2,.function .reset_2,.function .save_2,.function .move_3{float:left;margin-right:4px;}
.function .send,.function .before,.function .clear,.function .col,.function .request,.function .items,.function .history,.function .send_2,.function .before_2,.function .clear_2,.function .col_2,.function .request_2,.function .items_2,.function .history_2{margin-right:2px;}
.tips{position:relative;width:184px;top:-410px;left:8px;border:1px solid #6fcd00;margin-top:1px;background:url(http://imgcache.qq.com/qqshow/v2_1/inc/img/bg_sidebar_alpha.png);*background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://imgcache.qq.com/qqshow/v2_1/inc/img/bg_sidebar_alpha.png', sizingMethod='scale');}
.footer_tips{position:absolute;left:50%;top:378px;margin-left:-93px;}
.tips p{padding:6px 2px 2px 5px;position:relative;color:#2b5000;border:1px solid #fff;}
.tips p a{position:relative;color:#ff8b03;text-decoration:underline;cursor:pointer;}
.tips p a:hover{color:#ff8b03;text-decoration:none;}
.tips p a.close{width:13px;height:13px;vertical-align:middle;margin:0 3px;display:-moz-inline-box;display:inline-block;-moz-box-align:center;-moz-box-pack:center;background:url(../img/icon_close.gif) no-repeat left top;}
.tips p a span{display:none;}
.downClient a{display:block;width:202px;height:28px;position:absolute;top:573px;background:url(../img/bg_downClient.gif) no-repeat left top;text-indent:-999em;}
#buy_token{position:absolute;top:533px;left:50%;width:200px;height:31px;margin-left:-100px;border:1px solid #9bc813;background-color:#f3ffce;}
#buy_token fieldset{position:absolute;top:3px;left:3px;width:192px;height:23px;border:1px solid #ddecb1;background-color:#ffffff;}
#buy_token legend{display:none;}
#buy_token select{margin:2px 0 0 -6px;}
#buy_token label{margin:4px 0 0 6px;}
#buy_token select{border:1px solid #B4E03C;}
.btn_gray_6em_em{position:absolute;right:3px;top:3px;display:block;width:79px;height:17px;padding-top:0;text-align:center;text-decoration:none;line-height:19px;color:#c16642;background:url(../../global/img/btn_item_box_6em_em.gif);}
.btn_gray_6em_em:hover{color:#c16642;}
html,#top,#top #container{margin:0;height:100%;font-size:12px;}
#top{background:url(../img/bg_header_body.jpg) repeat-x left top;}
#top #container{height:114px;overflow:hidden;background:url(../img/bg_header.jpg) no-repeat -214px top;}
#quickLinks{position:relative;width:770px;overflow:hidden;padding-top:3px;text-align:right;}
#quickLinks a{padding:0 11px;margin-right:-1px;color:#677594;text-decoration:underline;}
#quickLinks a:hover{text-decoration:none;}
#quickLinks .btnChange{position:absolute;right:222px;top:3px;display:block;text-indent:-999em;width:111px;height:17px;margin:0;padding:0;background:url(../img/btn_change.gif) no-repeat;}
#b_h_wrap{width:770px;}
#b_wrap{float:right;display:inline;margin-right:10px;*margin-right:0;position:relative;min-width:200px;_width:200px;margin-top:2px;text-align:right;}
.bubble,#b_wrap .l,#b_wrap .r{background:url(../img/bg_bubble.gif) repeat-x left -33px;}
.bubble{position:relative;padding:3px 0 15px;display:inline-block;}
.bubble{display:inline;}
#b_wrap .l{position:absolute;z-index:1;top:0;left:0;width:7px;height:33px;background-position:left top;}
#b_wrap .r{position:absolute;z-index:2;top:0;right:0;*right:-1px;width:63px;height:33px;background-position:right top;}
#b_wrap .b_content{position:relative;z-index:3;margin:8px;_text-indent:8px;white-space:nowrap;}
#b_wrap .b_content span{font-family:verdana;font-size:9px;color:#69930a;}
#b_wrap .b_content span.vip{padding-right:15px;margin-right:3px;font-size:12px;color:#677594;}
#b_wrap .b_content span.normal{font-size:12px;}
#b_wrap .b_content a.msg{padding-left:26px;padding-top:1px;}
#b_wrap .b_content a.cart{padding-left:28px;padding-top:1px;}
#b_wrap .b_content a{color:#677594;text-decoration:underline;}
#b_wrap .b_content a:hover{color:#677594;text-decoration:none;}
#quickLinks a,#b_wrap .b_content span.vip,#b_wrap .b_content a.msg,#b_wrap .b_content a.cart{background:url(../img/icons_bubble.gif) no-repeat right 1px;}
#b_wrap .b_content a.msg{background-position:11px -14px;}
#b_wrap .b_content a.cart{background-position:5px -27px;}
#b_wrap .b_content span.vip{background-position:right -41px!important;}
#hot_icon{position:relative;float:right;width:275px;height:49px;display:inline;margin-top:-10px;margin-right:15px;}
#hot_icon *{position:absolute;top:0;left:0;width:275px;height:49px;}
#nav{position:absolute;left:1px;top:61px;width:100%;clear:both;}
#nav .navFirst{float:left;width:100%;min-width:770px;}
#nav .navFirst ul{width:770px;}
#nav .navFirst li{float:left;width:51px;height:31px;}
#nav .navFirst li a{display:block;height:31px;width:100%;;text-indent:-999em;background:url(../img/bg_navFirst.gif) no-repeat left top;}
#nav .navFirst li.vip,#nav .navFirst li.commend{width:113px;}
#nav .navFirst li.my{width:81px;float:right;}
#nav .navFirst li.park{width:101px;float:right;}
#nav .navFirst li.duds a{background-position:left -31px;}
#nav .navFirst li.head a{background-position:left -62px;}
#nav .navFirst li.adornment a{background-position:left -93px;}
#nav .navFirst li.background a{background-position:left -124px;}
#nav .navFirst li.theme a{background-position:left -155px;}
#nav .navFirst li.brand a{background-position:left -186px;}
#nav .navFirst li.vip a{background-position:left -217px;}
#nav .navFirst li.commend a{background-position:left -310px;}
#nav .navFirst li.my a{background-position:left -248px;}
#nav .navFirst li.park a{background-position:left -279px;}
#nav .navFirst li a:hover,#nav .navFirst li a.selected{background:url(../img/bg_navFirst_over.gif) no-repeat left top;}
#nav .navFirst li.duds a:hover,#nav .navFirst li.duds a.selected{background-position:left -31px;}
#nav .navFirst li.head a:hover,#nav .navFirst li.head a.selected{background-position:left -62px;}
#nav .navFirst li.adornment a:hover,#nav .navFirst li.adornment a.selected{background-position:left -93px;}
#nav .navFirst li.background a:hover,#nav .navFirst li.background a.selected{background-position:left -124px;}
#nav .navFirst li.theme a:hover,#nav .navFirst li.theme a.selected{background-position:left -155px;}
#nav .navFirst li.brand a:hover,#nav .navFirst li.brand a.selected{background-position:left -186px;}
#nav .navFirst li.vip a:hover,#nav .navFirst li.vip a.selected{background-position:left -217px;}
#nav .navFirst li.commend a:hover,#nav .navFirst li.commend a.selected{background-position:left -310px;}
#nav .navFirst li.my a:hover,#nav .navFirst li.my a.selected{background-position:left -248px;}
#nav .navFirst li.park a:hover,#nav .navFirst li.park a.selected{background-position:left -279px;}
#nav .navSecond{float:left;width:100%;height:30px;}
#nav .navSecond ul{float:left;width:100%;display:inline;}
#nav .navSecond ul li{float:left;margin:3px 0 0 6px;padding-right:6px;width:auto;height:30px;}
#nav .navSecond ul li.last{background:none;}
#nav .navSecond a{float:left;padding:2px 4px 1px;line-height:normal;color:#fffffa;text-decoration:underline;}
#nav .navSecond a:hover{text-decoration:none;}
#nav .navSecond ul li.selected a{font-weight:bold;text-decoration:none;color:#639200;background:#fff;}
.u7{padding-left:252px;}
.u8{padding-left:298px;}
.u9{padding-left:250px;}
.u12{padding-left:400px;}
.u10,.u11{width:775px!important;}
.u10 ul,.u11 ul{width:auto!important;float:right!important;background:none!important;}
.u13,.u14{padding-left:0;}
#nav,#nav .navFirst,#nav .navSecond,#nav .navSecond ul,#nav .navSecond ul li{background:url(../img/bg_nav.gif) no-repeat;}
#nav{height:57px;overflow:hidden;background-repeat:repeat-x;background-position:left 31px;}
#nav .navFirst{background-repeat:repeat-x;background-position:left bottom;}
#nav .navSecond{background-position:left -26px;}
#nav .navSecond ul{background-position:right -52px;}
#nav .navSecond ul li{background-position:right -78px;}