Chatbox Color Change?

Right, so I'm not exactly the first Admin of my forum. I'm the third, with the first and second being a pair of brothers. Omni kind of abandoned us, and Drae just recently gave me control of the board, and it's... A stiff learning curve. So far, I've been doing a passable job, but I have a question concerning our Chatbox.

I wanted to create a new skin, surprise the masses, but I can't find an option to change the colors in the chatbox at all. Normally, I wouldn't mind, but the color scheme I had in mind would not mesh with the existing colors. Is there any way at all to change it, or are we stuck with a green block?

A swift answer would be very appreciated.

Hello Yuki-Onna,

Can you please provide us with a screenshot of the EXACT colours that you wish to change? If you can do that for me, I will be able to provide you with a CSS code.

Regards,

Base

https://2img.net/h/i177.photobucket.com/albums/w209/BlackInfernoAlchemist/Screencap.jpg

Here's the screencap, and thanks for such a quick reply! The top and bottom bars can remain the same, but I wanted gray and darker gray for archives area. (I'm probably making NO sense at all.) The bar with Online can probably stay the same, but the box under that I wanted to be a darker gray.

I've absolutely no experience with this type of coding, sadly. The board was kind of thrown at me, and the second Admin knew nothing about it either. The first, I can't even get in contact with.

What is your forum version? Find out by going to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Choose a theme (on the left, under Skins)
4. Version Tab

I got phpBB2.

Thank you! Here is your code:

Code:

#frame_chatbox {
    border: medium none !important;
}
body.chatbox {
    background-color: #4D4D4D;
    background-image: none;
    margin: 0;
    min-width: 550px !important;
    padding: 0;
}
#chatbox_members {
    border-right: 1px solid;
    bottom: 30px;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
}
#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    font-size: 12px;
}
.chatbox-options {
    text-align: right;
}
#chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
    float: right;
    white-space: nowrap;
}
#chatbox_footer {
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
#chatbox_footer table.text-styles {
    float: right;
}
#chatbox_footer .text-field {
    float: left;
}
#chatbox_header {
    background-color: #E5E5E5;
    height: 30px;
}
#chatbox p {
    line-height: 1.2em;
}
.chatbox_row_1 {
    background-color: #666666;
    padding: 4px;
}
.chatbox_row_2 {
    background-color: #999999;
    padding: 4px;
}
.chatbox_row_3 {
    background-color: #D1D7DC;
    padding: 4px;
}
.memberlist_row_1 {
    background-color: #EFEFEF;
    padding: 2px 2px 2px 10px;
}

Paste it in your CSS code by going to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste it there

Tell me if you want me to change anything. Also provide me with another screenshot so that I can see what it looks like.

Regards,

Base