chat.css 11 KB

1
  1. body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,textarea,form,select,fieldset,table,td,div,input{margin:0;padding:0;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}body>div{margin:0 auto}div{text-align:left}a img{border:0}body{color:#333;text-align:center;font:12px "宋体"}ul,ol,li{list-style-type:none;vertical-align:0}a{outline-style:none;color:#535353;text-decoration:none}a:hover{color:#d40000;text-decoration:none}.button{display:inline-block;zoom:1;*display:inline;vertical-align:baseline;margin:0 2px;outline:0;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:.25em .6em .3em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.red{color:#faddde;border:solid 1px #980c10;background:#d81b21;background:-webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#a51715));background:-moz-linear-gradient(top,#ed1c24,#a51715);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317')}.red:hover{background:#b61318;background:-webkit-gradient(linear,left top,left bottom,from(#c9151b),to(#a11115));background:-moz-linear-gradient(top,#c9151b,#a11115);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b',endColorstr='#a11115');color:#fff}.red:active{color:#de898c;background:-webkit-gradient(linear,left top,left bottom,from(#aa1317),to(#ed1c24));background:-moz-linear-gradient(top,#aa1317,#ed1c24);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317',endColorstr='#ed1c24')}.cor_bs,.cor_bs:hover{color:#fff}.keBody{background:url(bodyBg.jpg) repeat #333}.keTitle{height:100px;line-height:100px;font-size:30px;font-family:'微软雅黑';color:#FFF;text-align:center;background:url(bodyBg3.jpg) repeat-x bottom left;font-weight:normal}.kePublic{background:#FFF;padding:50px}.keBottom{color:#FFF;padding-top:25px;line-height:28px;text-align:center;font-family:'微软雅黑';background:url(bodyBg2.jpg) repeat-x top left;padding-bottom:25px}.keTxtP{font-size:16px;color:#fff}.keUrl{color:#FFF;font-size:30px}.keUrl:hover{text-decoration:underline;color:#FFF}.mKeBanner,.mKeBanner div{text-align:center}.content{width:1000px;height:auto;margin:0 auto;text-align:center}.chatBox{width:730px;border:1px #666 solid;height:auto;margin:0 auto;position:relative}.chatLeft{border-right:1px #bebebe solid;width:562px;height:auto;float:left}.chatRight{width:166px;height:auto;float:right}.chat01_title,.chat03_title{background:url('title_bg.jpg') repeat-x 0 0;height:30px;position:relative}.talkTo li{background:url('title-bg.png') no-repeat 0 -1px;_background-position:0 0;line-height:17px;float:left;padding-left:6px;margin:5px 20px;_margin-left:9px}.talkTo li a{background:url('title-bg.png') no-repeat bottom right;padding:4px 11px 4px 7px;_padding-top:0;_padding-bottom:0;height:19px;font-size:12px;font-weight:bold;color:#333;text-decoration:none}.close_btn{background:url('icon.png') no-repeat 0 0;position:absolute;cursor:pointer;top:10px;right:8px;display:block;width:15px;height:15px}.chat02_title{background:url('chat_title_bg.jpg') repeat-x 0 0;height:25px;position:relative}.chat02_bar{background:url('chat_bar_bg.jpg') repeat-x 0 0;height:35px;position:relative}.chat02_bar li{position:absolute}.chat03_title_t{background:url('icon.png') no-repeat 0 -368px;position:absolute;padding-left:25px;top:6px;left:20px;display:block;width:auto;font-size:12px;font-weight:bold}.chat01_content{height:220px;overflow-x:none;overflow-y:auto;resize:vertical}.chat02_content{height:auto}.chat03_content{text-align:left;font-size:12px;color:#333;margin:8px 0;height:370px;overflow-y:auto;resize:vertical}.chat02_content textarea{border:medium none;display:block;width:552px;height:96px;overflow-y:auto;padding:5px;resize:vertical}.wl_faces_box2 textarea{border:medium none;display:block;width:485px;height:165px;overflow-y:auto;padding:5px;resize:vertical}.wl_faces_box3 textarea{border:medium none;display:block;width:457px;height:165px;overflow-y:auto;padding:5px;resize:vertical}.chat03_name{font-weight:bold;position:absolute;top:9px;left:40px;display:block}.chat03_content ul li{position:relative;padding:3px 6px;height:31px;_padding-bottom:0}.chat03_content ul li.hover{background:#d9d9d9}.chat03_content ul li.choosed{background:#d9d9d9}.chat03_content ul img{width:30px;height:30px}.chat02_title_btn{background:url('icon.png') no-repeat 0 0;cursor:pointer;float:left;display:block;width:17px;height:16px;margin:4px 6px}.cancel_title_btn{background:url('icon.png') no-repeat 0 0;cursor:pointer;float:right;display:block;width:15px;height:15px;margin:0 6px}.ctb00{background-position:0 -89px;margin-left:68px}.ctb01{background-position:0 -395px;margin-left:68px}.ctb02{background-position:0 -427px}.ctb03{background-position:0 -457px}.ctb04{background-position:0 -118px}.ctb05{background-position:0 -337px}.ctb06{background-position:0 -184px}.ctb07{background-position:0 -246px}.ctb08{background-position:0 -308px}.ctb09{background-position:0 -215px}.ctb10{background-position:0 -278px}.ctb11{background-position:0 -152px}.cancel_btn{background-position:0 -64px}.chat02_title_l{background:url('icon.png') no-repeat 0 -544px;position:absolute;cursor:pointer;padding-left:15px;top:6px;right:20px;display:block;width:auto;height:15px}.chat02_title_t{background:url('icon.png') no-repeat 0 -516px;position:absolute;cursor:pointer;padding-left:15px;top:8px;right:20px;display:block;width:auto;height:15px}.chat002_title_t{background:url('icon.png') no-repeat 0 -487px;position:absolute;cursor:pointer;padding-left:15px;top:8px;right:20px;display:block;width:auto;height:15px}input.f1,input.f2{display:none}.message_box{display:block;_width:550px}.message{border-bottom:1px solid #EEE;clear:both;padding:10px 10px 15px 0;position:relative;margin:0 10px}.message .user-logo{float:left;width:50px;height:50px;resize:none}.message .wrap-text{float:left;margin-left:10px;display:inline;width:360px;overflow:hidden;resize:none}.message h5{font-weight:bold}.message .wrap-text div{margin:5px 0;border-radius:15px;word-break:break-all;word-wrap:break-word;height:auto;padding:5px;overflow:hidden}.message .wrap-text div img{max-width:350px}.message .wrap-ri{float:right;width:110px;overflow:hidden;resize:none}.message .wrap-ri div{text-align:right;color:#999;height:18px;line-height:18px;overflow:hidden;clear:both;position:absolute;bottom:0;right:5px}.message .wrap-ri div span{display:inline-block;line-height:18px;vertical-align:bottom;zoom:1}.wl_faces_box{background:url('wlf_bg.png') repeat 0 0;position:absolute;width:428px;height:225px;bottom:22px;left:0;display:none}.wl_faces_box8{background:url('wlf_bg.png') repeat 0 0;position:absolute;width:536px;height:225px;bottom:22px;left:27px;display:none}.wl_faces_box2{background:url('wlf_bg.png') repeat 0 0;position:absolute;width:503px;height:225px;bottom:22px;left:60px;display:none}.wl_faces_box3{background:url('wlf_bg.png') repeat 0 0;position:absolute;width:475px;height:225px;bottom:22px;left:88px;display:none}.wl_faces_content{background:#fff;border:1px #ccc solid;width:417px;height:216px;margin:3px 4px}.wl_faces_content .title{background:url('wlf_title_bg.jpg') repeat-x 0 0;height:40px;position:relative}.wl_faces_content .title ul li{position:absolute;display:block}.wl_faces_content .title ul li.title_name{background:url('wlf_title_btn.jpg') no-repeat 0 0;width:82px;height:30px;bottom:0;_bottom:-2px;left:15px;text-align:center;line-height:32px;font-weight:bold;color:#333}.wl_faces_content8{background:#fff;border:1px #ccc solid;width:528px;height:216px;margin:3px 4px}.wl_faces_content8 .title{background:url('wlf_title_bg.jpg') repeat-x 0 0;height:40px;position:relative}.wl_faces_content8 .title ul li{position:absolute;display:block}.wl_faces_content8 .title ul li.title_name{background:url('wlf_title_btn.jpg') no-repeat 0 0;width:82px;height:30px;bottom:0;_bottom:-2px;left:15px;text-align:center;line-height:32px;font-weight:bold;color:#333}.wl_faces_content2{background:#fff;border:1px #ccc solid;width:495px;height:216px;margin:3px 4px}.wl_faces_content2 .title{background:url('wlf_title_bg.jpg') repeat-x 0 0;height:40px;position:relative}.wl_faces_content2 .title ul li{position:absolute;display:block}.wl_faces_content2 .title ul li.title_name{background:url('wlf_title_btn.jpg') no-repeat 0 0;width:82px;height:30px;bottom:0;_bottom:-2px;left:15px;text-align:center;line-height:32px;font-weight:bold;color:#333}.wl_faces_content3{background:#fff;border:1px #ccc solid;width:467px;height:216px;margin:3px 4px}.wl_faces_content3 .title{background:url('wlf_title_bg.jpg') repeat-x 0 0;height:40px;position:relative}.wl_faces_content3 .title ul li{position:absolute;display:block}.wl_faces_content3 .title ul li.title_name{background:url('wlf_title_btn.jpg') no-repeat 0 0;width:82px;height:30px;bottom:0;_bottom:-2px;left:15px;text-align:center;line-height:32px;font-weight:bold;color:#333}.wl_faces_content .title ul li.wl_faces_close{right:8px;top:15px}.wl_faces_content .title ul li.wl_faces_close span{background:url('icon.png') repeat-x 0 0;cursor:pointer;display:block;width:15px;height:15px}.wl_faces_main ul{margin:12px 28px;overflow:hidden;border-top:1px #CCC solid;border-left:1px #CCC solid;width:360px}.wl_faces_main ul li{float:left;border-right:1px #CCC solid;border-bottom:1px #CCC solid;height:22px;width:26px;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.wl_faces_main ul li img{width:22px;height:22px}.wl_faces_content8 .title ul li.wl_faces_close8{right:8px;top:15px}.wl_faces_content8 .title ul li.wl_faces_close8 span{background:url('icon.png') repeat-x 0 0;cursor:pointer;display:block;width:15px;height:15px}.wl_faces_content2 .title ul li.wl_faces_close2{right:8px;top:15px}.wl_faces_content2 .title ul li.wl_faces_close2 span{background:url('icon.png') repeat-x 0 0;cursor:pointer;display:block;width:15px;height:15px}.wl_faces_content3 .title ul li.wl_faces_close3{right:8px;top:15px}.wl_faces_content3 .title ul li.wl_faces_close3 span{background:url('icon.png') repeat-x 0 0;cursor:pointer;display:block;width:15px;height:15px}.wlf_icon{background:url('layer_arrow.png') no-repeat 0 0;position:absolute;width:22px;height:9px;bottom:-4px;_bottom:-11px;left:61px}.chat03_content li label{display:block;position:absolute;width:9px;height:9px;left:27px}.chat03_content li b{position:absolute;top:0;color:#F60}label.online{background:url('status.gif') no-repeat 0 0;_background:url('status.gif') no-repeat 0 5px;bottom:4px;_bottom:2px}label.offline{background:url('status.gif') no-repeat 0 -11px;bottom:4px;_top:25px}