I have tried everything in CSS, but nothing changed the white background color to black. Please help thanks in advance!
- Code:
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-color: #0b0b0b;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
color: #dedfdf;
background-color: #1f537b;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #ccc;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #f4f9fd;
color : #00569c;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #fbfbfb;
}
.chatbox_row_2 {
padding: 4px;
background-color: #f4f4f4;
}
.chatbox_row_3 {
padding: 4px;
background-color: #f4f9fd;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
Last edited by Elzzin on April 15th 2011, 2:07 pm; edited 1 time in total