Gebruiker:JePe/chatzilla/output-light-restyle.css

/* <pre> */

/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
 * ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * 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 the Initial Developer are Copyright (C) 1999
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Robert Ginda, rginda@ndcico.com, original author
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

/* 
 *  a light background/dark text version of the output window.
 *  see output-base.css for details. 
 */

@import url(chrome://chatzilla/content/output-base.css);

/* (copied from output-base.css) to change some parameters */

/* private messages *not* in a query window */
.msg[dest-type="IRCUser"] .msg-user:before {
    content: "to(";
}
.msg[dest-type="IRCUser"][msg-dest$="ME!"] .msg-user:before {
    content: "(";
}
.msg[dest-type="IRCUser"] .msg-user:after {
    content: ")";
}

.msg-user:before {
    content: "";
}
.msg-user:after {
    content: "";
}

.msg[msg-user$="ME!"] .msg-user:before {
    content: "";
}
.msg[msg-user$="ME!"] .msg-user:after {
    content: "";
}

.msg-timestamp {                            /* .msg-timestamp = timestamp for */
    font-style: normal !important;          /* the message, done using        */
    font-size: small;
    vertical-align: middle;                
    white-space: nowrap;
}

.msg-user {                                 /* msg-user = nickname portion of */
    text-align: right;                      /* a message (channel and query   */
    vertical-align: middle;                    /* views)                         */
    border: 1px #A7A5BC solid; 
    background: #F0F0F0;
}

.msg-type {                                 /* .msg-type = message type       */
    font-variant: small-caps;               /* indicator                      */
    font-size: 90%;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.msg-data {
	border: 1px #A7A5BC solid;
}

/* end of copy */

body.chatzilla-body {               /* The topmost container in the ChatZilla */
    background: #F3F3F3;              /* output window.                         */
    color: #222222;    
}

a.chatzilla-link {
    font-weight: bold;
    color: #342ecc;
}

.header-outer {
    background-color: #d1d0ea;
}

.header {
    color: darkslategrey;
    background-color: #EEEEEE;
/*    -moz-opacity: 0.9;*/
    border: 1px #777499 solid;
    -moz-border-radius: 7px;
}

#splash {
    color: #DDDDDD;
}

#usr-descnodes,
#ch-topicnodes {
    color: black;
}

.progress-fg {
    background-color: darkslategrey;
}

[condition] {
    font-weight: bold;
}

[condition="red"] {
    color: red;
}

[condition="yellow"] {
    color: orange;
}

[condition="green"] {
    color: #2ec908;
}

.msg[msg-type="PRIVMSG"] .msg-data,
.msg[msg-type="ACTION"] .msg-data {
    background-color: #F0F0F0;
}

.msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
    color: #d7d9dd;
}

.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
.msg[msg-type="PART"] .msg-data a.chatzilla-link {
    font-weight: bold;
    color: #11c411;
}

.msg[msg-type="ERROR"] .msg-data a.chatzilla-link {
    font-weight: bold;
    color: white;
}

.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
    color: #aa0d08;
}

.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
    color: #d64444;
}

.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
    color: #c46907;
}

.chatzilla-rheet {
    color: #e25e00 !important;
}

.chatzilla-highlight[name="Slate"] {
    color: black;
    background: #b8c4e0;
}

.chatzilla-highlight[name="Plum"] {
    color: black;
    background: #ddb8d0;
}

.chatzilla-highlight[name="Brown"] {
    color: black;
    background: #ffbf77;
}

.msg-type {                                 /* .msg-type = message type       */
    color: #686699;                         /* indicator                      */
    font-weight: bold;
}

.msg-user a.chatzilla-link,
.msg-user {              
	                                               /* msg-user = nickname portion of */
    color: black !important;                /* a message (channel and query   */
    font-weight: bold;                      /* views)                         */
}                     

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

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

.msg[msg-type="JOIN"] .msg-data,
.msg[msg-type="PART"] .msg-data {
    color: #0e9e0e;
    background-color: #c3f7c3; 
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
    /*border: thin darkblue solid;*/
}

.msg[msg-type="QUIT"] .msg-data {
    background: #fff196;
    color: #ff8d02;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
}

.msg[msg-type="HELLO"] .msg-data {
    background: #1342a5;
    color: white;
    -moz-border-radius: 5px 5px 5px 5px;
    font-weight: bold;
}

.msg[msg-type="ERROR"] .msg-data {
    -moz-border-radius: 5px 5px 5px 5px;
    background: #a8221e;
    color: white;
}

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

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

.msg[msg-type="NICK"] .msg-data {
    color: #4e8387;
    background-color: #d5e9ea;
    font-weight: bold;
}

.msg[msg-type="NOTICE"] .msg-data {
    color: #ae4141;
    font-weight: bold;
}

.msg[msg-type="MODE"] .msg-data {
    color: #2709ed;
    font-weight: bold;
}

.msg[msg-type="KICK"] .msg-data {
    color: #ff1a0a;
    background: #ffdbcc;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
}

/* 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"] .msg-user {
    background: #d4d8d4;
    -moz-border-radius: 5px 0px 0px 5px;
}

.msg[important="true"] .msg-data {
    background: #eaefeb;
}


/* :before and :after pseudoclasses form the decorations around nicknames.     */
.msg-user:before,
.msg-user:after {
    color: #777499;
}

.msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
.msg[msg-user$="ME!"] .msg-user:after {         /* nick                       */
    color: #843c6c;
}

/* </pre> */