/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 *
 * Color palette inspired by phpBB style "subblack2":
 * http://www.phpbb.com/
 */


@import url('positions.css');
@import url('borders.css');
@import url('fonts.css');
@import url('misc.css');
@import url('print.css');


/*
 * Colors
 */

@media screen,projection,handheld {

        #loginContent {
                background-color:#000;
                color:#FFFFCC;
        }
        #loginContent h1 {
                color:#FFFFCC;
        }
        #loginContent a {
                color:#FFFFCC;
        }
        #loginContent input, #loginContent select {
                background-color:#212121;
                color:#FFFFCC;
        }
        #loginContent #loginFormContainer #loginButton {
                background-color:#212121;
                color:#FFFFCC;
        }
        #loginContent #errorContainer {
                color:red;
        }

        #content {
                background-color:#000;
                color:#FFFFCC;
        }
        #content h1 {
                color:#CC9900;
        }
        #content a {
                color:#FFFFCC;
        }
        #content input, #content select, #content textarea {
                background-color:#212121;
                color:#FFFFCC;
        }
        #content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer {
                border-color:gray;
                background-color:#212121;
        }
        #content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
                background-color:#212121;
                color:#FFFFCC;
        }
        #content #colorCodesContainer a {
                border-color:black;
        }
        #content #optionsContainer input {
            background-color:transparent;
        }
        #content #optionsContainer #helpButton {
            background:url('../img/help.png') no-repeat;
        }
        #content #optionsContainer #settingsButton {
            background:url('../img/settings.png') no-repeat;
        }
        #content #optionsContainer #onlineListButton {
            background:url('../img/users.png') no-repeat;
        }
        #content #optionsContainer #audioButton {
            background:url('../img/audio.png') no-repeat;
        }
        #content #optionsContainer #audioButton.off {
            background:url('../img/audio-off.png') no-repeat;
        }
        #content #optionsContainer #autoScrollButton {
            background:url('../img/autoscroll.png') no-repeat;
        }
        #content #optionsContainer #autoScrollButton.off {
            background:url('../img/autoscroll-off.png') no-repeat;
        }
        #content .rowEven {
                background-color:#212121;
        }
        #content .rowOdd {
                background-color:#000;
        }
        #content .guest {
                color:gray;
        }
        #content .user {
                color:#FFFFCC;
        }
        #content .animateur {
                color:#FF6600;
        }
        #content .moderator {
                color:#00AA00;
        }
        #content .admin {
                color:red;
        }
        #content .chatBot {
                color:#CC9900;
        }
        #content #chatList .chatBotErrorMessage {
                color:red;
        }
        #content #chatList a {
                color:#FFCC00;
        }
        #content #chatList .delete {
                background:url('../img/delete.png') no-repeat right;
        }
        #content #chatList .deleteSelected {
                border-color:red;
        }
        #content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
                background-color:#212121;
                color:#FFCC00;
        }
        #content #settingsContainer #settingsList input.playback {
            background:url('../img/playback.png') no-repeat;
        }

}