/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
 * The contents of this file are subject to the Mozilla Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *
 * The Original Code is Chatzilla.
 *
 * The Initial Developer of the Original Code is New Dimensions Consulting,
 * Inc. Portions created by New Dimensions Consulting, Inc. are
 * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
 * Rights Reserved.
 *
 * Contributor(s):
 *  Robert Ginda, rginda@ndcico.com, original author
 * 
 * Styles for output window
 *
 */

@import url(output-base.css);

body.chatzilla-body {               /* The topmost container in the ChatZilla */
    background: white;            /* output window. */
    background-image: url(images/flag-seal.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: black;    
}

.msg-table {
}

a.chatzilla-link {
    color: blue;
}

a.chatzilla-link:visited {
    color: darkblue;
}

a.chatzilla-link:hover {
    color: lightblue;
}

.msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
    color: darkslategrey;                   /* subtle brightness change when  */
}                                           /* the speaker changes.           */

.msg[msg-type="JOIN"] .msg-data,
.msg[msg-type="PART"] .msg-data,
.msg[msg-type="QUIT"] .msg-data {
    background-image: url(images/clear-red.png);
    color: white;
    font-weight: bold;
    -moz-border-radius: 3px 3px 3px 3px;
}

.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
.msg[msg-type="PART"] .msg-data a.chatzilla-link,
.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
    color: #333333;
}

.chatzilla-rheet {
    font-size: larger !important;
}

.chatzilla-highlight[name="Large"] {
    font-size: 12pt;
}

.chatzilla-highlight[name="Small"] {
    font-size: 8pt;
}

.chatzilla-highlight[name="Bold text"] {
    font-weight: bold;
}

.msg-type {                                 /* .msg-type = message type       */
    color: lightslategrey;                  /* indicator                      */
    font-weight: bold;
    font-size: larger;
}

.msg-user {                                 /* msg-user = nickname portion of */
    color: black;                           /* a message (channel and query   */
}                                           /* views)                         */
 
.msg[msg-type="HELLO"] .msg-data {
    color: yellow;
}

.msg[msg-type="ERROR"] .msg-data {
    background: red;
    color: white;
}

.msg[msg-type="USAGE"] .msg-data {
    color: white;
}

.msg[msg-type="ACTION"] .msg-data {
    font-style: oblique;
}

.msg[msg-type="NICK"] .msg-data {
    font-weight: bold;
    color: blue;
}

.msg[msg-type="NOTICE"] .msg-data,
.msg[msg-type="MODE"] .msg-data {
    font-weight: bold;
    color: darkslategrey;
}

.msg[msg-type="KICK"] .msg-data {
    font-weight: bold;
    color: red;
}

/* important="true" means that the message has text from your /stalk list in
 * it, has your nickname in it, or was spoken by someone in your /stalk list.
 */
.msg[important="true"] {
    background: #84abff;
}

.msg-user:before,
.msg-user:after {
    font-size: larger;
    color: blue;
}

.msg[msg-type="ACTION"] .msg-user:before {
    font-weight: bold;
    font-size: larger;
}

.msg[msg-user="ME!"] .msg-user:before,
.msg[msg-user="ME!"] .msg-user:after {
    color: red;
}

/* private messages *not* in a query window */
.msg[dest-type="IRCUser"] .msg-user:before,
.msg[dest-type="IRCUser"] .msg-user:after {
    color: darkgrey;
}

.msg[msg-dest="ME!"] .msg-user:before,
.msg[msg-dest="ME!"] .msg-user:after {
    color: darkgrey;
}

/* private messages in a query window */
.msg[view-type="IRCUser"] .msg-user:before,
.msg[view-type="IRCUser"] .msg-user:after {
    color: red;
}

.msg[view-type="IRCUser"][msg-user="ME!"] .msg-user:before,
.msg[view-type="IRCUser"][msg-user="ME!"] .msg-user:after {
    color: blue;
}