LCARStrek/chatzilla/output-default.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 version of the output window that uses only your default foreground and
  28  *  backgrond colors.  Message types are distinguished by font changes.
  29  *  see output-base.css for details.
  30  */
  31
  32 @import url(chrome://chatzilla/content/output-base.css);
  33
  34 /* LCARtrek needs corrections though. */
  35
  36 body.chatzilla-body {               /* The topmost container in the ChatZilla */
  37   background: #000000;              /* output window. */
  38   color: #008484;
  39 }
  40
  41 a.chatzilla-link {
  42   color: #FFCF00;
  43 }
  44
  45 a.chatzilla-link:visited {
  46   color: #8050B0;
  47 }
  48
  49 .header-outer {
  50   background-color: #E7ADE7;
  51 }
  52
  53 .header {
  54   color: #000000;
  55   background-color: #9C9CFF;
  56   border-color: #FFCF00;
  57   -moz-border-radius: 7px;
  58 }
  59
  60 .value {
  61   color: #008484;
  62 }
  63
  64 #splash {
  65   color: #FF9F00;
  66 }
  67
  68 .chatzilla-rheet {
  69   color: #FFCF00 !important;
  70 }
  71
  72 .msg-type[msg-type="JOIN"],
  73 .msg-type[msg-type="PART"],
  74 .msg-type[msg-type="QUIT"] {
  75   font-weight: bold;
  76 }
  77
  78 .msg-data[msg-type="QUIT"] {
  79   font-variant: small-caps;
  80   font-weight: bold;
  81 }
  82
  83 .msg-data[msg-type="JOIN"],
  84 .msg-data[msg-type="PART"] {
  85   font-variant: small-caps;
  86 }
  87
  88 .msg-data[msg-type="HELLO"],
  89 .msg-type[msg-type="NICK"],
  90 .msg-data[msg-type="NOTICE"] {
  91   font-weight: bold;
  92 }
  93
  94 .msg-data[msg-type="NICK"] {
  95   font: 10pt courier;
  96 }
  97
  98 .msg-type {                                 /* .msg-type = message type       */
  99   color: #000000;                           /* indicator                      */
 100   background-color: #008484;
 101   -moz-border-radius: 9px 0px 0px 9px;
 102   border: 1px solid transparent;
 103 }
 104
 105 .msg-data,
 106 .msg-data[msg-type] {
 107   background-color: #9C9CFF;
 108   border: 1px solid transparent;
 109   -moz-border-radius: 0px 9px 9px 0px;
 110   color: #000000;
 111 }
 112
 113 .msg-data[mark="even"] {                    /* use even/odd marks to create a */
 114   color: #004242;                           /* subtle brightness change when  */
 115 }                                           /* the speaker changes.           */
 116
 117 .msg-data a.chatzilla-link,
 118 .msg-data[msg-type] a.chatzilla-link {
 119   color: #FFCF00;
 120 }
 121
 122 .msg-data a.chatzilla-link:visited,
 123 .msg-data[msg-type] a.chatzilla-link:visited {
 124   color: #8050B0;
 125 }
 126
 127 .msg-data[msg-type="JOIN"],
 128 .msg-data[msg-type="PART"],
 129 .msg-data[msg-type="QUIT"],
 130 .msg-data[msg-type="NICK"],
 131 .msg-data[msg-type="NOTICE"],
 132 .msg-data[msg-type="INFO"],
 133 .msg-data[msg-type="MODE"],
 134 .msg-data[msg-type="HELLO"],
 135 .msg-data[msg-type="USAGE"] {
 136   background-color: #008484;
 137   color: #000000;
 138 }
 139
 140 .msg-data[msg-type="ERROR"],
 141 .msg-data[msg-type="KICK"] {
 142   background-color: red;
 143   color: #000000;
 144 }
 145
 146 .msg-data[msg-type="ACTION"] {
 147   font-weight: bold;
 148   font-style: italic;
 149 }
 150
 151 .msg-user a.chatzilla-link,
 152 .msg-user {                                 /* msg-user = nickname portion of */
 153   color: #008484 !important;                /* a message (channel and query   */
 154 }                                           /* views)                         */
 155
 156 .msg-user {
 157   background-color: #9C9CFF;
 158   border: 1px solid transparent;
 159   -moz-border-radius: 9px 0px 0px 9px;
 160 }
 161
 162 /* important="true" means that the message has text from your /stalk list in
 163  * it, has your nickname in it, or was spoken by someone in your /stalk list.
 164  */
 165 .msg-user[important="true"],
 166 .msg-data[important="true"] {
 167   background: #FF9F00 !important;
 168   color: #000000 !important;
 169 }
 170
 171 /* :before and :after pseudoclasses form the decorations around nicknames.     */
 172 .msg-user:before,
 173 .msg-user:after {
 174   font: 10pt courier;
 175   font-weight: bolder;
 176   color: #000000;
 177 }
 178
 179 .msg-user[msg-user$="ME!"]:before,
 180 .msg-user[msg-user$="ME!"]:after {
 181   color: #000000;
 182 }
 183 .msg-user[msg-user$="ME!"] {
 184   border: 1px solid #FFCF00;
 185   font-weight: bold;
 186 }
 187
 188 .msg-user[msg-type="ACTION"]:before,
 189 .msg-user[msg-type="ACTION"]:after {
 190   color: #000000;
 191 }
 192
 193 .msg-user[msg-type="NOTICE"]:before,
 194 .msg-user[msg-type="NOTICE"]:after {
 195   color: #000000;
 196 }
 197
 198 /* private messages *not* in a query window */
 199 .msg-user[dest-type="IRCUser"]:before,
 200 .msg-user[dest-type="IRCUser"]:after {
 201   color: #FFCF00;
 202 }
 203 .msg-user[dest-type="IRCUser"],
 204 .msg-user[dest-type="IRCUser"][msg-dest$="ME!"] {
 205   font-style: italic;
 206 }
 207
 208 .msg-user[msg-dest$="ME!"]:before,
 209 .msg-user[msg-dest$="ME!"]:after {
 210   color: #FFCF00;
 211 }
 212
 213 .msg-user[dest-type="IRCUser"],
 214 .msg-user[msg-dest$="ME!"] {
 215   border: 1px solid #FFCF00;
 216 }
 217
 218 /* private messages in a query window */
 219 .msg-user[view-type="IRCUser"]:before,
 220 .msg-user[view-type="IRCUser"]:after {
 221   color: #008484;
 222 }
 223
 224 .msg-user[view-type="IRCUser"][msg-user$="ME!"]:before,
 225 .msg-user[view-type="IRCUser"][msg-user$="ME!"]:after {
 226   color: #008484;
 227 }