EarlyBlue/chatzilla/output-dark.css

   1 /* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
   2  * ***** BEGIN LICENSE BLOCK *****
   3  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   4  *
   5  * The contents of this file are subject to the Mozilla Public License Version
   6  * 1.1 (the "License"); you may not use this file except in compliance with
   7  * the License. You may obtain a copy of the License at
   8  * http://www.mozilla.org/MPL/
   9  *
  10  * Software distributed under the License is distributed on an "AS IS" basis,
  11  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12  * for the specific language governing rights and limitations under the
  13  * License.
  14  *
  15  * The Original Code is Chatzilla.
  16  *
  17  * The Initial Developer of the Original Code is
  18  * New Dimensions Consulting, Inc.
  19  * Portions created by the Initial Developer are Copyright (C) 1999
  20  * the Initial Developer. All Rights Reserved.
  21  *
  22  * Contributor(s):
  23  *   Robert Ginda, rginda@ndcico.com, original author
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the MPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the MPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 /*
  40  *  a dark background/light text version of the output window.
  41  *  see output-base.css for details.
  42  */
  43
  44 @import url("chrome://chatzilla/content/output-base.css");
  45
  46 body.chatzilla-body {               /* The topmost container in the ChatZilla */
  47     background: black;              /* output window. */
  48     color: lightgrey;
  49 }
  50
  51 a.chatzilla-link {
  52     color: #336699;
  53 }
  54
  55 a.chatzilla-link:visited {
  56     color: #666699;
  57 }
  58
  59 .header-outer {
  60     background-color: black;
  61 }
  62
  63 .header {
  64     color: lightslategrey;
  65     background-color: #333333;
  66 /*    opacity: 0.9;  causes memory leak? */
  67     -moz-border-radius: 7px;
  68 }
  69
  70 .progress-fg {
  71     background-color: silver;
  72 }
  73
  74 .value {
  75     color: silver;
  76 }
  77
  78 /* Style userlist as white-on-black. */
  79 treechildren {
  80     background: black;
  81     color: white;
  82 }
  83
  84 /* For Mac, who's theme sucks. */
  85 treechildren:-moz-tree-row(unselected),
  86 treechildren:-moz-tree-cell(unselected),
  87 treechildren:-moz-tree-cell-text(unselected) {
  88     border-color: black !important;
  89     background: black !important;
  90     color: white !important;
  91 }
  92 treechildren::-moz-tree-row(unselected),
  93 treechildren::-moz-tree-cell(unselected),
  94 treechildren::-moz-tree-cell-text(unselected) {
  95     border-color: black !important;
  96     background: black !important;
  97     color: white !important;
  98 }
  99
 100 #splash {
 101     color: #444444;
 102 }
 103
 104 #usr-descnodes,
 105 #ch-topicnodes {
 106     color: white;
 107 }
 108
 109 [condition] {
 110     font-weight: bold;
 111 }
 112
 113 [condition="red"] {
 114     color: red;
 115 }
 116
 117 [condition="yellow"] {
 118     color: yellow;
 119 }
 120
 121 [condition="green"] {
 122     color: lightgreen;
 123 }
 124
 125 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
 126 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
 127     color: lightcyan;
 128 }
 129
 130 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
 131     color: #ff5700;
 132 }
 133
 134 .chatzilla-rheet {
 135     color: magenta !important;
 136 }
 137
 138 .chatzilla-highlight[name="Slate"] {
 139     color: white;
 140     background: #15272d;
 141 }
 142
 143 .chatzilla-highlight[name="Plum"] {
 144     color: white;
 145     background: #442144;
 146 }
 147
 148 .chatzilla-highlight[name="Brown"] {
 149     color: white;
 150     background: #562a14;
 151 }
 152
 153 .msg-type {                                 /* .msg-type = message type       */
 154     color: silver;                          /* indicator                      */
 155 }
 156
 157 .msg-user a.chatzilla-link,
 158 .msg-user {                                 /* msg-user = nickname portion of */
 159     color: white !important;                /* a message (channel and query   */
 160 }                                           /* views)                         */
 161
 162 .msg[mark="even"] .msg-data {                    /* use even/odd marks to create a */
 163     color: white;                           /* subtle brightness change when  */
 164 }                                           /* the speaker changes.           */
 165
 166 .msg[msg-type="JOIN"] .msg-data,
 167 .msg[msg-type="PART"] .msg-data {
 168     color: lightblue;
 169 }
 170
 171 .msg[msg-type="PART"] .msg-data {
 172     color: lightblue;
 173 }
 174
 175 .msg[msg-type="HELLO"] .msg-data {
 176     color: yellow;
 177 }
 178
 179 .msg[msg-type="ERROR"] .msg-data,
 180 .msg[msg-type="DISCONNECT"] .msg-data {
 181     background: red;
 182     color: white;
 183 }
 184
 185 .msg[msg-type="USAGE"] .msg-data {
 186     color: white;
 187 }
 188
 189 .msg[msg-type="ACTION"] .msg-data {
 190     color: #6ac9ee;
 191 }
 192
 193 .msg[msg-type="NICK"] .msg-data {
 194     color: #96fa94;
 195 }
 196
 197 .msg[msg-type="NOTICE"] .msg-data,
 198 .msg[msg-type="MODE"] .msg-data {
 199     color: #60e066;
 200 }
 201
 202 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
 203 .msg[msg-type="MODE"] .msg-data a.chatzilla-link {
 204     color: #6dff74;
 205 }
 206
 207 .msg[msg-type="KICK"] .msg-data {
 208     color: #d85d24;
 209 }
 210
 211 .msg[msg-type="QUIT"] .msg-data {
 212     color: #f7b183;
 213 }
 214
 215 /* important="true" means that the message has text from your /stalk list in
 216  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 217  */
 218 .msg[important="true"] .msg-user,
 219 .msg[important="true"] .msg-data {
 220     background: #333333 !important;
 221 }
 222
 223 .msg-user:before,
 224 .msg-user:after {
 225     color: blue;
 226 }
 227
 228 .msg[msg-user$="ME!"] .msg-user:before,
 229 .msg[msg-user$="ME!"] .msg-user:after {
 230     color: #6afc73;
 231 }
 232
 233 .msg[msg-type="ACTION"] .msg-user:before,
 234 .msg[msg-type="ACTION"] .msg-user:after {
 235     color: cyan;
 236 }
 237
 238 .msg[msg-type="NOTICE"] .msg-user:before,
 239 .msg[msg-type="NOTICE"] .msg-user:after {
 240     color: #6afc73;
 241 }
 242
 243 /* private messages *not* in a query window */
 244 .msg[dest-type="IRCUser"] .msg-user:before,
 245 .msg[dest-type="IRCUser"] .msg-user:after {
 246     color: #6afc73;
 247 }
 248
 249 .msg[msg-dest$="ME!"] .msg-user:before,
 250 .msg[msg-dest$="ME!"] .msg-user:after {
 251     color: magenta;
 252 }
 253
 254 /* private messages in a query window */
 255 .msg[view-type="IRCUser"] .msg-user:before,
 256 .msg[view-type="IRCUser"] .msg-user:after {
 257     color: white;
 258 }
 259
 260 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
 261 .msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
 262     color: #6afc73;
 263 }