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 .header-outer {
  43     background-color: #d1d0ea;
  44 }
  45
  46 .header {
  47     color: darkslategrey;
  48     background-color: #EEEEEE;
  49 /*    -moz-opacity: 0.9;*/
  50     border: 1px #777499 solid;
  51     -moz-border-radius: 7px;
  52 }
  53
  54 #splash {
  55     color: #DDDDDD;
  56 }
  57
  58 #usr-descnodes,
  59 #ch-topicnodes {
  60     color: black;
  61 }
  62
  63 [condition] {
  64     font-weight: bold;
  65 }
  66
  67 [condition="red"] {
  68     color: red;
  69 }
  70
  71 [condition="yellow"] {
  72     color: orange;
  73 }
  74
  75 [condition="green"] {
  76     color: #2ec908;
  77 }
  78
  79 .msg-data[msg-type="QUIT"] a.chatzilla-link {
  80     color: #d1ecf9;
  81 }
  82
  83 .msg-data[msg-type="ERROR"] a.chatzilla-link {
  84     font-weight: bold;
  85     color: white;
  86 }
  87
  88 .msg-data[msg-type="QUIT"] a.chatzilla-link:visited {
  89     color: #b4ccd8;
  90 }
  91
  92 .msg-data[msg-type="KICK"]  a.chatzilla-link {
  93     color: lightgrey;
  94 }
  95
  96 .chatzilla-rheet {
  97     color: #e25e00 !important;
  98 }
  99
 100 .chatzilla-highlight[name="Slate"] {
 101     color: black;
 102     background: #b8c4e0;
 103 }
 104
 105 .chatzilla-highlight[name="Plum"] {
 106     color: black;
 107     background: #ddb8d0;
 108 }
 109
 110 .chatzilla-highlight[name="Brown"] {
 111     color: black;
 112     background: #ffbf77;
 113 }
 114
 115 .msg-type {                                 /* .msg-type = message type       */
 116     color: #202020;                         /* indicator                      */
 117 }
 118
 119 .msg-user a.chatzilla-link,
 120 .msg-user {                                 /* msg-user = nickname portion of */
 121     color: black !important;                /* a message (channel and query   */
 122     font-weight: bold;                      /* views)                         */
 123 }
 124
 125 .msg-data[mark="even"] {                    /* use even/odd marks to create a */
 126     color: #555555;                         /* subtle brightness change when  */
 127 }                                           /* the speaker changes.           */
 128
 129
 130 .msg-type[msg-type="KICK"],
 131 .msg-type[msg-type="NICK"],
 132 .msg-type[msg-type="QUIT"],
 133 .msg-type[msg-type="JOIN"],
 134 .msg-type[msg-type="PART"] {
 135     visibility: hidden;
 136 }
 137
 138 .msg-data[msg-type="JOIN"],
 139 .msg-data[msg-type="PART"] {
 140     background: #9999CC;
 141     color: black;
 142     font-weight: bold;
 143     -moz-border-radius: 5px 5px 5px 5px;
 144     /*border: thin darkblue solid;*/
 145 }
 146
 147 .msg-data[msg-type="QUIT"] {
 148     background: #666699;
 149     color: white;
 150     font-weight: bold;
 151     -moz-border-radius: 5px 5px 5px 5px;
 152 }
 153
 154 .msg-data[msg-type="HELLO"] {
 155     background: #ffd000;
 156     color: white;
 157     -moz-border-radius: 5px 5px 5px 5px;
 158     font-weight: bold;
 159 }
 160
 161 .msg-data[msg-type="ERROR"] {
 162     -moz-border-radius: 5px 5px 5px 5px;
 163     background: #ff2600;
 164     color: white;
 165 }
 166
 167 .msg-data[msg-type="USAGE"] {
 168     color: black;
 169 }
 170
 171 .msg-data[msg-type="ACTION"] {
 172     color: black;
 173     font-style: italic;
 174 }
 175
 176 .msg-data[msg-type="NICK"] {
 177     color: #669da3;
 178     font-weight: bold;
 179 }
 180
 181 .msg-data[msg-type="NOTICE"] {
 182     color: #ff6500;
 183     font-weight: bold;
 184 }
 185
 186 .msg-data[msg-type="MODE"] {
 187     color: purple;
 188 }
 189
 190 .msg-data[msg-type="KICK"] {
 191     color: white;
 192     background: #ff6500;
 193     -moz-border-radius: 5px 5px 5px 5px;
 194 }
 195
 196 /* important="true" means that the message has text from your /stalk list in
 197  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 198  */
 199 .msg-user[important="true"] {
 200     -moz-border-radius: 5px 0px 0px 5px;
 201     border-bottom: 1px black solid;
 202     border-top: 1px lightslategrey solid;
 203     border-left: 1px lightslategrey solid;
 204     background: #d7ceea;
 205 }
 206
 207 .msg-data[important="true"] {
 208     -moz-border-radius: 0px 5px 5px 0px;
 209     border-bottom: 1px black solid;
 210     border-right: 1px black solid;
 211     border-top: 1px lightslategrey solid;
 212     background: #d7ceea;
 213 }
 214
 215
 216 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 217 .msg-user:before,
 218 .msg-user:after {
 219     color: #777499;
 220 }
 221
 222 .msg-user[msg-user$="ME!"]:before,               /* the decoration around MY   */
 223 .msg-user[msg-user$="ME!"]:after {               /* nick                       */
 224     color: #843c6c;
 225 }