Zan Admin
Lvl : 225 Tokens : 100519 Subscribe : 19 Location : Devil Lair
| Subject: change chatbox background color Sat Aug 15, 2009 10:05 pm | |
| Here is the code to change your chat box background - Spoiler:
- Code:
-
/* Chatbox-------------------------------------------------*/
#chatbox_input { background-color: #ffffff; }
body.chatbox { background-image: url('');
background-repeat: repeat;
}
.chatbox { background-color: #000000; } #chatbox_header { height: 30px; background-color: #000000; } .chatbox .forabg { margin: 0; border: none; padding: 0; margin: 0; background-color: #000000; } .chatbox-title,.chatbox-title a.chat-title { color: #ecf3f7 !important; } .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: #ecf3f7; } #chatbox_members { position: absolute; top: 30px; bottom: 30px; width: 180px; overflow: auto; border-right: 1px solid ; } #chatbox_members .member-title { text-align: center; padding: 0.5em 0.25em; background-image: none; font-size: 12px; background-color: #000000; color : #ffffff; } #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_row_1 { padding: 4px; background-color: #000000; } .chatbox_row_2 { padding: 4px; background-color: #000000; } .chatbox_row_3 { padding: 4px; background-color: #000000; } .memberlist_row_1 { background-color: #000000; } #chatbox_footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; } #chatbox_footer label { color: #ecf3f7; } #message,#submit_button{ border-width: 1px; } .fontbutton { padding: 1px; cursor: pointer; text-align: left; } .fontbutton_normal { background: #E1E1E2; } .fontbutton_selected { background: #BBC7CE; border: 1px solid #22229C; } .fontbutton_clicked { background: #959595; border: 1px solid #22229C; } .fontbutton_hover { background: #E1E1E2; border: 1px solid #22229C; } #chatbox_contextmenu { border: 2px solid black; background-color: #111111; } #chatbox_contextmenu p { margin:0; padding: 1px 4px; font-family: verdana, arial, sans-serif; background: #111111; border-bottom:1px solid #777; } #chatbox_contextmenu p.hover { background: #111111; } #chatbox_contextmenu p.close { background: #ddd; padding: 1px; font-size: 95%; color:#fff; background: url(''); } #chatbox_contextmenu p.close img { vertical-align: middle; } #chatbox_contextmenu a { color: #ecf3f7; text-decoration: none; font-size: 95%; } #chatbox_contextmenu a:hover { color: ; } .fontbutton { background:#ecf3f7 none repeat scroll 0%; border:medium none; color:#000000; float:left; margin-right:10px; padding:1px; } #chatbox .user { font-weight: bold; }
| |
|