EarlyBlue/chatzilla/output-light.css

   1 /* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
   2  * The contents of this file are subject to the Mozilla Public
   3  * License Version 1.1 (the "License"); you may not use this file
   4  * except in compliance with the License. You may obtain a copy of
   5  * the License at http://www.mozilla.org/MPL/
   6  *
   7  * Software distributed under the License is distributed on an "AS
   8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   9  * implied. See the License for the specific language governing
  10  * rights and limitations under the License.
  11  *
  12  * The Original Code is Chatzilla.
  13  *
  14  * The Initial Developer of the Original Code is New Dimensions Consulting,
  15  * Inc. Portions created by New Dimensions Consulting, Inc. are
  16  * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
  17  * Rights Reserved.
  18  *
  19  * Contributor(s):
  20  *  Robert Ginda, rginda@ndcico.com, original author
  21  *
  22  * Styles for output window
  23  *
  24  */
  25
  26 /*
  27  *  a light background/dark text version of the output window.
  28  *  see output-base.css for details.
  29  */
  30
  31 @import url(chrome://chatzilla/content/output-base.css);
  32
  33 body.chatzilla-body {               /* The topmost container in the ChatZilla */
  34     background: white;              /* output window.                         */
  35     color: #222222;
  36 }
  37
  38 a.chatzilla-link {
  39     color: #777499 /*#ea3838*/;
  40 }
  41
  42 .msg-data[msg-type="QUIT"] a.chatzilla-link {
  43     color: #d1ecf9;
  44 }
  45
  46 .msg-data[msg-type="ERROR"] a.chatzilla-link {
  47     font-weight: bold;
  48     color: white;
  49 }
  50
  51 .msg-data[msg-type="QUIT"] a.chatzilla-link:visited {
  52     color: #b4ccd8;
  53 }
  54
  55 .msg-data[msg-type="KICK"]  a.chatzilla-link {
  56     color: lightgrey;
  57 }
  58
  59 .chatzilla-rheet {
  60     color: #e25e00 !important;
  61 }
  62
  63 .chatzilla-highlight[name="Slate"] {
  64     color: black;
  65     background: #b8c4e0;
  66 }
  67
  68 .chatzilla-highlight[name="Plum"] {
  69     color: black;
  70     background: #ddb8d0;
  71 }
  72
  73 .chatzilla-highlight[name="Brown"] {
  74     color: black;
  75     background: #ffbf77;
  76 }
  77
  78 .msg-type {                                 /* .msg-type = message type       */
  79     color: #202020;                         /* indicator                      */
  80 }
  81
  82 .msg-user a.chatzilla-link,
  83 .msg-user {                                 /* msg-user = nickname portion of */
  84     color: black !important;                /* a message (channel and query   */
  85     font-weight: bold;                      /* views)                         */
  86 }
  87
  88 .msg-data[mark="even"] {                    /* use even/odd marks to create a */
  89     color: #555555;                         /* subtle brightness change when  */
  90 }                                           /* the speaker changes.           */
  91
  92
  93 .msg-type[msg-type="KICK"],
  94 .msg-type[msg-type="NICK"],
  95 .msg-type[msg-type="QUIT"],
  96 .msg-type[msg-type="JOIN"],
  97 .msg-type[msg-type="PART"] {
  98     visibility: hidden;
  99 }
 100
 101 .msg-data[msg-type="JOIN"],
 102 .msg-data[msg-type="PART"] {
 103     background: #9999CC;
 104     color: black;
 105     font-weight: bold;
 106     -moz-border-radius: 5px 5px 5px 5px;
 107     /*border: thin darkblue solid;*/
 108 }
 109
 110 .msg-data[msg-type="QUIT"] {
 111     background: #666699;
 112     color: white;
 113     font-weight: bold;
 114     -moz-border-radius: 5px 5px 5px 5px;
 115 }
 116
 117 .msg-data[msg-type="HELLO"] {
 118     background: #ffd000;
 119     color: white;
 120     -moz-border-radius: 5px 5px 5px 5px;
 121     font-weight: bold;
 122 }
 123
 124 .msg-data[msg-type="ERROR"] {
 125     -moz-border-radius: 5px 5px 5px 5px;
 126     background: #ff2600;
 127     color: white;
 128 }
 129
 130 .msg-data[msg-type="USAGE"] {
 131     color: black;
 132 }
 133
 134 .msg-data[msg-type="ACTION"] {
 135     color: black;
 136     font-style: italic;
 137 }
 138
 139 .msg-data[msg-type="NICK"] {
 140     color: #669da3;
 141     font-weight: bold;
 142 }
 143
 144 .msg-data[msg-type="NOTICE"] {
 145     color: #ff6500;
 146     font-weight: bold;
 147 }
 148
 149 .msg-data[msg-type="MODE"] {
 150     color: purple;
 151 }
 152
 153 .msg-data[msg-type="KICK"] {
 154     color: white;
 155     background: #ff6500;
 156     -moz-border-radius: 5px 5px 5px 5px;
 157 }
 158
 159 /* important="true" means that the message has text from your /stalk list in
 160  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 161  */
 162 .msg-user[important="true"] {
 163     -moz-border-radius: 5px 0px 0px 5px;
 164     border-bottom: 1px black solid;
 165     border-top: 1px lightslategrey solid;
 166     border-left: 1px lightslategrey solid;
 167     background: #d7ceea;
 168 }
 169
 170 .msg-data[important="true"] {
 171     -moz-border-radius: 0px 5px 5px 0px;
 172     border-bottom: 1px black solid;
 173     border-right: 1px black solid;
 174     border-top: 1px lightslategrey solid;
 175     background: #d7ceea;
 176 }
 177
 178
 179 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 180 .msg-user:before,
 181 .msg-user:after {
 182     color: #777499;
 183 }
 184
 185 .msg-user[msg-user$="ME!"]:before,               /* the decoration around MY   */
 186 .msg-user[msg-user$="ME!"]:after {               /* nick                       */
 187     color: #843c6c;
 188 }