EarlyBlue/chatzilla/output-light.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /*
   6  *  a light background/dark text version of the output window.
   7  *  see output-base.css for details.
   8  */
   9
  10 @import url(chrome://chatzilla/content/output-base.css);
  11
  12 .chatzilla-body {                   /* The topmost container in the ChatZilla */
  13     background: white;              /* output window.                         */
  14     color: #222222;
  15 }
  16
  17 a.chatzilla-link {
  18     font-weight: bold;
  19     color: #342ecc;
  20 }
  21
  22 .header-outer {
  23     background-color: #d1d0ea;
  24 }
  25
  26 .header {
  27     color: darkslategrey;
  28     background-color: #EEEEEE;
  29     border: 1px #777499 solid;
  30     border-radius: 7px;
  31 }
  32
  33 #splash {
  34     color: #DDDDDD;
  35 }
  36
  37 #usr-descnodes,
  38 #ch-topicnodes {
  39     color: black;
  40 }
  41
  42 .progress-fg {
  43     background-color: darkslategrey;
  44 }
  45
  46 [condition] {
  47     font-weight: bold;
  48 }
  49
  50 [condition="red"] {
  51     color: red;
  52 }
  53
  54 [condition="yellow"] {
  55     color: orange;
  56 }
  57
  58 [condition="green"] {
  59     color: #2ec908;
  60 }
  61
  62 .msg[msg-type="PRIVMSG"] .msg-data,
  63 .msg[msg-type="ACTION"] .msg-data {
  64     background-color: #F0F0F0;
  65 }
  66
  67 .msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
  68     color: #d7d9dd;
  69 }
  70
  71 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
  72 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
  73     font-weight: bold;
  74     color: #11c411;
  75 }
  76
  77 .msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
  78 .msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
  79     font-weight: bold;
  80     color: white;
  81 }
  82
  83 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
  84     color: #aa0d08;
  85 }
  86
  87 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
  88     color: #d64444;
  89 }
  90
  91 .msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
  92     color: #c46907;
  93 }
  94
  95 .chatzilla-rheet {
  96     color: #e25e00 !important;
  97 }
  98
  99 .chatzilla-highlight[name="Slate"] {
 100     color: black;
 101     background: #b8c4e0;
 102 }
 103
 104 .chatzilla-highlight[name="Plum"] {
 105     color: black;
 106     background: #ddb8d0;
 107 }
 108
 109 .chatzilla-highlight[name="Brown"] {
 110     color: black;
 111     background: #ffbf77;
 112 }
 113
 114 .msg-type {                                 /* .msg-type = message type       */
 115     color: #686699;                         /* indicator                      */
 116     font-weight: bold;
 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[mark="even"] .msg-data {               /* use even/odd marks to create a */
 126     color: #555555;                         /* subtle brightness change when  */
 127 }                                           /* the speaker changes.           */
 128
 129 .msg[msg-type="JOIN"] .msg-data,
 130 .msg[msg-type="PART"] .msg-data {
 131     color: #0e9e0e;
 132     background-color: #c3f7c3;
 133     font-weight: bold;
 134     border-radius: 5px 5px 5px 5px;
 135 }
 136
 137 .msg[msg-type="QUIT"] .msg-data {
 138     background: #fff196;
 139     color: #ff8d02;
 140     font-weight: bold;
 141     border-radius: 5px 5px 5px 5px;
 142 }
 143
 144 .msg[msg-type="HELLO"] .msg-data {
 145     background: #1342a5;
 146     color: white;
 147     border-radius: 5px 5px 5px 5px;
 148     font-weight: bold;
 149 }
 150
 151 .msg[msg-type="ERROR"] .msg-data,
 152 .msg[msg-type="DISCONNECT"] .msg-data {
 153     border-radius: 5px 5px 5px 5px;
 154     background: #a8221e;
 155     color: white;
 156 }
 157
 158 .msg[msg-type="USAGE"] .msg-data {
 159     color: black;
 160 }
 161
 162 .msg[msg-type="ACTION"] .msg-data {
 163     color: black;
 164     font-style: italic;
 165 }
 166
 167 .msg[msg-type="NICK"] .msg-data {
 168     color: #4e8387;
 169     background-color: #d5e9ea;
 170     font-weight: bold;
 171 }
 172
 173 .msg[msg-type="NOTICE"] .msg-data {
 174     color: #ae4141;
 175     font-weight: bold;
 176 }
 177
 178 .msg[msg-type="MODE"] .msg-data {
 179     color: #2709ed;
 180     font-weight: bold;
 181 }
 182
 183 .msg[msg-type="KICK"] .msg-data {
 184     color: #ff1a0a;
 185     background: #ffdbcc;
 186     font-weight: bold;
 187     border-radius: 5px 5px 5px 5px;
 188 }
 189
 190 /* important="true" means that the message has text from your /stalk list in
 191  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 192  */
 193 .msg[important="true"] .msg-user {
 194     background: #d4d8d4;
 195     border-radius: 5px 0px 0px 5px;
 196 }
 197
 198 .msg[important="true"] .msg-data {
 199     background: #eaefeb;
 200 }
 201
 202
 203 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 204 .msg-user:before,
 205 .msg-user:after {
 206     color: #777499;
 207 }
 208
 209 .msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
 210 .msg[msg-user$="ME!"] .msg-user:after {         /* nick                       */
 211     color: #843c6c;
 212 }