LCARStrek/chatzilla/output-light.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 light background/dark 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: white;              /* output window.                         */
  48     color: #222222;
  49 }
  50
  51 a.chatzilla-link {
  52     font-weight: bold;
  53     color: #342ecc;
  54 }
  55
  56 .header-outer {
  57     background-color: #d1d0ea;
  58 }
  59
  60 .header {
  61     color: darkslategrey;
  62     background-color: #EEEEEE;
  63 /*    opacity: 0.9;*/
  64     border: 1px #777499 solid;
  65     border-radius: 7px;
  66 }
  67
  68 #splash {
  69     color: #DDDDDD;
  70 }
  71
  72 #usr-descnodes,
  73 #ch-topicnodes {
  74     color: black;
  75 }
  76
  77 .progress-fg {
  78     background-color: darkslategrey;
  79 }
  80
  81 [condition] {
  82     font-weight: bold;
  83 }
  84
  85 [condition="red"] {
  86     color: red;
  87 }
  88
  89 [condition="yellow"] {
  90     color: orange;
  91 }
  92
  93 [condition="green"] {
  94     color: #2ec908;
  95 }
  96
  97 .msg[msg-type="PRIVMSG"] .msg-data,
  98 .msg[msg-type="ACTION"] .msg-data {
  99     background-color: #F0F0F0;
 100 }
 101
 102 .msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
 103     color: #d7d9dd;
 104 }
 105
 106 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
 107 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
 108     font-weight: bold;
 109     color: #11c411;
 110 }
 111
 112 .msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
 113 .msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
 114     font-weight: bold;
 115     color: white;
 116 }
 117
 118 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
 119     color: #aa0d08;
 120 }
 121
 122 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
 123     color: #d64444;
 124 }
 125
 126 .msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
 127     color: #c46907;
 128 }
 129
 130 .chatzilla-rheet {
 131     color: #e25e00 !important;
 132 }
 133
 134 .chatzilla-highlight[name="Slate"] {
 135     color: black;
 136     background: #b8c4e0;
 137 }
 138
 139 .chatzilla-highlight[name="Plum"] {
 140     color: black;
 141     background: #ddb8d0;
 142 }
 143
 144 .chatzilla-highlight[name="Brown"] {
 145     color: black;
 146     background: #ffbf77;
 147 }
 148
 149 .msg-type {                                 /* .msg-type = message type       */
 150     color: #686699;                         /* indicator                      */
 151     font-weight: bold;
 152 }
 153
 154 .msg-user a.chatzilla-link,
 155 .msg-user {                                 /* msg-user = nickname portion of */
 156     color: black !important;                /* a message (channel and query   */
 157     font-weight: bold;                      /* views)                         */
 158 }
 159
 160 .msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
 161     color: #555555;                         /* subtle brightness change when  */
 162 }                                           /* the speaker changes.           */
 163
 164 .msg[msg-type="JOIN"] .msg-data,
 165 .msg[msg-type="PART"] .msg-data {
 166     color: #0e9e0e;
 167     background-color: #c3f7c3;
 168     font-weight: bold;
 169     border-radius: 5px 5px 5px 5px;
 170     /*border: thin darkblue solid;*/
 171 }
 172
 173 .msg[msg-type="QUIT"] .msg-data {
 174     background: #fff196;
 175     color: #ff8d02;
 176     font-weight: bold;
 177     border-radius: 5px 5px 5px 5px;
 178 }
 179
 180 .msg[msg-type="HELLO"] .msg-data {
 181     background: #1342a5;
 182     color: white;
 183     border-radius: 5px 5px 5px 5px;
 184     font-weight: bold;
 185 }
 186
 187 .msg[msg-type="ERROR"] .msg-data,
 188 .msg[msg-type="DISCONNECT"] .msg-data {
 189     border-radius: 5px 5px 5px 5px;
 190     background: #a8221e;
 191     color: white;
 192 }
 193
 194 .msg[msg-type="USAGE"] .msg-data {
 195     color: black;
 196 }
 197
 198 .msg[msg-type="ACTION"] .msg-data {
 199     color: black;
 200     font-style: italic;
 201 }
 202
 203 .msg[msg-type="NICK"] .msg-data {
 204     color: #4e8387;
 205     background-color: #d5e9ea;
 206     font-weight: bold;
 207 }
 208
 209 .msg[msg-type="NOTICE"] .msg-data {
 210     color: #ae4141;
 211     font-weight: bold;
 212 }
 213
 214 .msg[msg-type="MODE"] .msg-data {
 215     color: #2709ed;
 216     font-weight: bold;
 217 }
 218
 219 .msg[msg-type="KICK"] .msg-data {
 220     color: #ff1a0a;
 221     background: #ffdbcc;
 222     font-weight: bold;
 223     border-radius: 5px 5px 5px 5px;
 224 }
 225
 226 /* important="true" means that the message has text from your /stalk list in
 227  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 228  */
 229 .msg[important="true"] .msg-user {
 230     background: #d4d8d4;
 231     border-radius: 5px 0px 0px 5px;
 232 }
 233
 234 .msg[important="true"] .msg-data {
 235     background: #eaefeb;
 236 }
 237
 238
 239 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 240 .msg-user:before,
 241 .msg-user:after {
 242     color: #777499;
 243 }
 244
 245 .msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
 246 .msg[msg-user$="ME!"] .msg-user:after {         /* nick                       */
 247     color: #843c6c;
 248 }