مشكلة في الدردشة انتظر الخبراء لم تحل

السلام عليكم

شباب اريد حل بليس العبارات في اعلى صندوق الدردشة بلون خلفية الصفحة بيضاء فما تطلع
https://i.servimg.com/u/f47/12/07/29/48/11111113.png




انتظر الخبراء

تم حل المشكلة بالاستخدام الكود التالي (كود css ) والتلاعب بالالوان يرجى النقل لاستفادة الكود لان من مميزات الكود التحكم في كلة منطقة على حدة وكذلك تكبير او تصغير الخط

الكود:


body.chatbox {
background-color:#7FC9FF;
background-image:none;
direction:rtl;


}

#chatbox_header .cattitle {
font-size:18px;
background: #C0C0C0;

}

#chatbox_header .chatbox-options {
text-align:left;


}

#chatbox_members {
border-left:1px solid;
bottom:30px;
overflow:auto;
position:absolute;
top:30px;
width:180px;


}

#chatbox_members .member-title {
background-color:#999C86;
background-image:none;
color:#000000;
font-family:tahoma;
font-size:12px;
padding:0.5em 0.25em;
text-align:center;


}

#chatbox {
bottom:30px;
left:0;
line-height:10px;
overflow:auto;
padding-bottom:1em;
position:absolute;
right:181px;
top:30px;


}

* + html #chatbox {
}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size:14px;
padding:6px !important;


}

#chatbox .date-and-time, #chatbox .user-msg, #chatbox .user {
font-size:13px;


}

#chatbox .user-msg {
direction:rtl;
unicode-bidi:embed;


}

#chatbox .user {
direction:rtl;
unicode-bidi:normal !important;


}

#chatbox .msg {
direction:rtl;
unicode-bidi:embed;


}

#chatbox_footer {
bottom:0;
left:0;
position:absolute;
right:0;


}

#chatbox_footer table.text-styles {
float:left;


}

#chatbox_footer .text-field {
float:right;
margin-right:140px;


}

#chatbox_messenger {
margin:-5px;


}

div#chatbox {
color:#000000;


}

#chatbox_contextmenu {
background-color:#999C86;
border:1px solid #AAAAAA;


}

#chatbox_contextmenu p {
border-bottom:1px solid #777777;
font-family:verdana,arial,sans-serif;
margin:0;
padding:1px 4px;


}

#chatbox_contextmenu p.hover {
}

#chatbox_contextmenu p.close {
background:url("") repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:70%;
padding:1px;


}

#chatbox_contextmenu p.close img {
vertical-align:middle;


}

#chatbox_contextmenu a {
font-size:70%;
text-decoration:none;


}

#chatbox_contextmenu a:hover {
}

.fontbutton {
border:0 none;


}

* html #chatbox-members {
}

* html #chatbox {
}

* html #chatbox_footer {
}