dialog.css

很好用的开源客服系统,下载解压后即可使用,绿色版的,不需要安装

body {
  width:700px;
	font-size: 12px;
	border:0;
  word-break:break-all;
  line-height:18px;
  margin:0 auto;
  text-align:center;
  color:#174398;
  overflow:hidden;
}
ul,form{
  padding:0px;
  margin:0px;
}
input{border: 1px solid #787878;height: 20px;font-size: 12px;padding-top: 3px;font-family: 宋体,verdana,arial,helvetica,sans-serif;}
.body{
  width:700px;
  height:472px;
  text-align:left;
  overflow:hidden;
}
.table{
  margin:3px;
  overflow:hidden;
}
.table .title{
  margin:0px 1px 1px 1px;
  overflow:hidden;
}
.table .title .logo{
  height:28px;
  line-height:28px;
  font-weight:bold;
  padding-left:30px;
  overflow:hidden;
}
.table .main{
  height:434px;
  margin:1px 1px 1px 1px;
  overflow:hidden;
}
.table .main .left{
  float:left;
}
.table .main .right{
  float:left;
}
.table .main .dialog{
  margin:5px 2px 3px 5px;
  width:492px;
  height:388px;
  overflow:hidden;
}
.table .main .dialog .title{
  height:25px;
  line-height:25px;
  padding-left:10px;
  overflow:hidden;
}
.table .main .dialog .show{
  height:239px;
  margin:0px 1px 1px 1px;
  border:1px solid #6f90ca;
  padding:2px;
  font-size:14px;
  background:#ffffff;
  overflow:auto;
	scrollbar-face-color: #F6F6f6;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #F0F2DB;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color:  #666666;
	scrollbar-track-color: #FCFDF9;
	scrollbar-darkshadow-color: #cccccc; 
}
.table .main .dialog .toolbar{
  height:23px;
  line-height:23px;
  overflow:hidden;
}

.table .main .dialog .toolbar li{
  float:left;
  width:16px;
  height:16px;
  margin:3px;
  cursor:pointer;
}

.table .main .dialog .input{
  height:90px;
  margin:0px 1px 1px 1px;
  overflow:hidden;
}
.table .main .dialog textarea{
  float:left;
  width:370px;
  height:89px;
  border:0px;
  overflow:auto;
}
.table .main .dialog .btn1{
  float:left;
  width:91px;
  height:66px;
  margin:12px 5px 5px 13px;
  cursor:pointer;
}
.table .main .dialog .btn2{
  float:left;
  width:91px;
  height:66px;
  margin:12px 5px 5px 13px;
  cursor:pointer;
}
.table .main .info{
  margin:5px 2px 2px 5px;
  width:177px;
  height:297px;
  overflow:hidden;
}
.table .main .info .title{
  height:26px;
  line-height:26px;
  text-align:center;
  font-weight:bold;
  overflow:hidden;
}
.table .main .info .content{
  height:260px;
  margin:5px;
  overflow:hidden;
}
.table .main .logo{
  margin:2px 2px 3px 5px;
  width:177px;
  height:85px;
  vertical-align:middle;
  overflow:hidden;
}
.table .main .logo .title{
  height:18px;
  overflow:hidden;
}
.table .main .logo .content{
  height:64px;
  margin:1px;
  overflow:hidden;
}
.table .main .link{
  clear:both;
  height:23px;
  line-height:23px;
  margin:6px 7px 3px 6px;
  overflow:hidden;
}
.table .main .link .title{
  float:left;
  width:60px;
  padding-left:30px;
  overflow:hidden;
}
.table .main .link .content{
  float:left;
  overflow:hidden;
}
.smiley{
  width:385px;
  position:relative;
  left:8px;
  top:-288px;
  text-align:center;
  z-index:61578767;
}
.smiley .title li{
  float:left;
  width:72px;
  height:22px!important;
  height:16px;
  padding-top:6px;
  margin:0px 1px 0px 0px;
  cursor:pointer;
}
.smiley .content{
  clear:left;
  height:105px;
  margin-left:1px;
  padding:1px 1px 1px 2px;
}
.smiley .content li{
  float:left;
  width:40px;
  height:33px;
  cursor:pointer;
}
.smiley .content img{
  cursor:pointer;
}
.upload{
  position:relative;
  left:3px;
  top:-184px;
  width:400px;
  z-index:999px;
  text-align:left;
  line-height:18px;
  padding: 2px 5px 5px 20px;
}
.im_to{
  color:#008040;
  height:18px;
  line-height:18px;
}
.im_from{
  color:#0000ff;
  height:18px;
  line-height:18px;
}
.im_content{
  color:#000000;
  padding-left:10px;
}
.im_tip{
  color:#0000ff;
}
.error{
  color:#7982c1;
  height:18px;
  line-height:18px;
  padding-left:20px;
}
.faq_ti{
  color:#0000ff;
  text-decoration:underline;
  cursor:pointer;
}
.footer{
  display:none;
}