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 body.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 /*    opacity: 0.9;*/
  30     border: 1px #777499 solid;
  31     border-radius: 7px;
  32 }
  33
  34 #splash {
  35     color: #DDDDDD;
  36 }
  37
  38 #usr-descnodes,
  39 #ch-topicnodes {
  40     color: black;
  41 }
  42
  43 .progress-fg {
  44     background-color: darkslategrey;
  45 }
  46
  47 [condition] {
  48     font-weight: bold;
  49 }
  50
  51 [condition="red"] {
  52     color: red;
  53 }
  54
  55 [condition="yellow"] {
  56     color: orange;
  57 }
  58
  59 [condition="green"] {
  60     color: #2ec908;
  61 }
  62
  63 .msg[msg-type="PRIVMSG"] .msg-data,
  64 .msg[msg-type="ACTION"] .msg-data {
  65     background-color: #F0F0F0;
  66 }
  67
  68 .msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
  69     color: #d7d9dd;
  70 }
  71
  72 .msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
  73 .msg[msg-type="PART"] .msg-data a.chatzilla-link {
  74     font-weight: bold;
  75     color: #11c411;
  76 }
  77
  78 .msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
  79 .msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
  80     font-weight: bold;
  81     color: white;
  82 }
  83
  84 .msg[msg-type="KICK"] .msg-data a.chatzilla-link {
  85     color: #aa0d08;
  86 }
  87
  88 .msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
  89     color: #d64444;
  90 }
  91
  92 .msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
  93     color: #c46907;
  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: #686699;                         /* indicator                      */
 117     font-weight: bold;
 118 }
 119
 120 .msg-user a.chatzilla-link,
 121 .msg-user {                                 /* msg-user = nickname portion of */
 122     color: black !important;                /* a message (channel and query   */
 123     font-weight: bold;                      /* views)                         */
 124 }
 125
 126 .msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
 127     color: #555555;                         /* subtle brightness change when  */
 128 }                                           /* the speaker changes.           */
 129
 130 .msg[msg-type="JOIN"] .msg-data,
 131 .msg[msg-type="PART"] .msg-data {
 132     color: #0e9e0e;
 133     background-color: #c3f7c3;
 134     font-weight: bold;
 135     border-radius: 5px 5px 5px 5px;
 136     /*border: thin darkblue solid;*/
 137 }
 138
 139 .msg[msg-type="QUIT"] .msg-data {
 140     background: #fff196;
 141     color: #ff8d02;
 142     font-weight: bold;
 143     border-radius: 5px 5px 5px 5px;
 144 }
 145
 146 .msg[msg-type="HELLO"] .msg-data {
 147     background: #1342a5;
 148     color: white;
 149     border-radius: 5px 5px 5px 5px;
 150     font-weight: bold;
 151 }
 152
 153 .msg[msg-type="ERROR"] .msg-data,
 154 .msg[msg-type="DISCONNECT"] .msg-data {
 155     border-radius: 5px 5px 5px 5px;
 156     background: #a8221e;
 157     color: white;
 158 }
 159
 160 .msg[msg-type="USAGE"] .msg-data {
 161     color: black;
 162 }
 163
 164 .msg[msg-type="ACTION"] .msg-data {
 165     color: black;
 166     font-style: italic;
 167 }
 168
 169 .msg[msg-type="NICK"] .msg-data {
 170     color: #4e8387;
 171     background-color: #d5e9ea;
 172     font-weight: bold;
 173 }
 174
 175 .msg[msg-type="NOTICE"] .msg-data {
 176     color: #ae4141;
 177     font-weight: bold;
 178 }
 179
 180 .msg[msg-type="MODE"] .msg-data {
 181     color: #2709ed;
 182     font-weight: bold;
 183 }
 184
 185 .msg[msg-type="KICK"] .msg-data {
 186     color: #ff1a0a;
 187     background: #ffdbcc;
 188     font-weight: bold;
 189     border-radius: 5px 5px 5px 5px;
 190 }
 191
 192 /* important="true" means that the message has text from your /stalk list in
 193  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 194  */
 195 .msg[important="true"] .msg-user {
 196     background: #d4d8d4;
 197     border-radius: 5px 0px 0px 5px;
 198 }
 199
 200 .msg[important="true"] .msg-data {
 201     background: #eaefeb;
 202 }
 203
 204
 205 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 206 .msg-user:before,
 207 .msg-user:after {
 208     color: #777499;
 209 }
 210
 211 .msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
 212 .msg[msg-user$="ME!"] .msg-user:after {         /* nick                       */
 213     color: #843c6c;
 214 }