first part of syncing LCARStrek with Firefox 52 browser windows theme changes
[themes.git] / EarlyBlue / chatzilla / output-dark.css
index ef9523ef1717096d8cf4afa65063c867b82f9147..1122450391ab5016a52e941a4a0d300ea89763f7 100644 (file)
@@ -1,36 +1,15 @@
-/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
- * The contents of this file are subject to the Mozilla Public
- * License Version 1.1 (the "License"); you may not use this file
- * except in compliance with the License. You may obtain a copy of
- * the License at http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS
- * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
- * implied. See the License for the specific language governing
- * rights and limitations under the License.
- *
- * The Original Code is Chatzilla.
- *
- * The Initial Developer of the Original Code is New Dimensions Consulting,
- * Inc. Portions created by New Dimensions Consulting, Inc. are
- * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
- * Rights Reserved.
- *
- * Contributor(s):
- *  Robert Ginda, rginda@ndcico.com, original author
- * 
- * Styles for output window
- *
- */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 /* 
  *  a dark background/light text version of the output window.
  *  see output-base.css for details. 
  */
 
-@import url(chrome://chatzilla/content/output-base.css);
+@import url("chrome://chatzilla/content/output-base.css");
 
-body.chatzilla-body {               /* The topmost container in the ChatZilla */
+.chatzilla-body {                   /* The topmost container in the ChatZilla */
     background: black;              /* output window. */
     color: lightgrey;    
 }
@@ -43,12 +22,70 @@ a.chatzilla-link:visited {
     color: #666699;
 }
 
-.msg-data[msg-type="JOIN"]  a.chatzilla-link,
-.msg-data[msg-type="PART"]  a.chatzilla-link {
+.header-outer {
+    background-color: black;
+}
+
+.header {
+    color: lightslategrey;
+    background-color: #333333;
+    border-radius: 7px;
+}
+
+.progress-fg {
+    background-color: silver;
+}
+
+.value {
+    color: silver;
+}
+
+/* Style userlist as white-on-black. */
+treechildren {
+    background: black;
+    color: white;
+}
+
+/* For Mac, who's theme sucks. */
+treechildren::-moz-tree-row(unselected),
+treechildren::-moz-tree-cell(unselected),
+treechildren::-moz-tree-cell-text(unselected) {
+    border-color: black !important;
+    background: black !important;
+    color: white !important;
+}
+
+#splash {
+    color: #444444;
+}
+
+#usr-descnodes,
+#ch-topicnodes {
+    color: white;
+}
+
+[condition] {
+    font-weight: bold;
+}
+
+[condition="red"] {
+    color: red;
+}
+
+[condition="yellow"] {
+    color: yellow;
+}
+
+[condition="green"] {
+    color: lightgreen;
+}
+
+.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
+.msg[msg-type="PART"] .msg-data a.chatzilla-link {
     color: lightcyan;
 }
 
-.msg-data[msg-type="KICK"]  a.chatzilla-link {
+.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
     color: #ff5700;
 }
 
@@ -72,7 +109,7 @@ a.chatzilla-link:visited {
 }
 
 .msg-type {                                 /* .msg-type = message type       */
-    color: #CCD0DD;                          /* indicator                      */
+    color: silver;                          /* indicator                      */
 }
 
 .msg-user a.chatzilla-link,
@@ -80,63 +117,64 @@ a.chatzilla-link:visited {
     color: white !important;                /* a message (channel and query   */
 }                                           /* views)                         */
 
-.msg-data[mark="even"] {                    /* use even/odd marks to create a */
+.msg[mark="even"] .msg-data {               /* use even/odd marks to create a */
     color: white;                           /* subtle brightness change when  */
 }                                           /* the speaker changes.           */
 
-.msg-data[msg-type="JOIN"],
-.msg-data[msg-type="PART"] {
+.msg[msg-type="JOIN"] .msg-data,
+.msg[msg-type="PART"] .msg-data {
     color: lightblue;
 }
 
-.msg-data[msg-type="PART"] {
+.msg[msg-type="PART"] .msg-data {
     color: lightblue;
 }
 
-.msg-data[msg-type="HELLO"] {
+.msg[msg-type="HELLO"] .msg-data {
     color: yellow;
 }
 
-.msg-data[msg-type="ERROR"] {
+.msg[msg-type="ERROR"] .msg-data,
+.msg[msg-type="DISCONNECT"] .msg-data {
     background: red;
     color: white;
 }
 
-.msg-data[msg-type="USAGE"] {
+.msg[msg-type="USAGE"] .msg-data {
     color: white;
 }
 
-.msg-data[msg-type="ACTION"] {
+.msg[msg-type="ACTION"] .msg-data {
     color: #6ac9ee;
 }
 
-.msg-data[msg-type="NICK"] {
+.msg[msg-type="NICK"] .msg-data {
     color: #96fa94;
 }
 
-.msg-data[msg-type="NOTICE"],
-.msg-data[msg-type="MODE"] {
+.msg[msg-type="NOTICE"] .msg-data,
+.msg[msg-type="MODE"] .msg-data {
     color: #60e066;
 }
 
-.msg-data[msg-type="NOTICE"] a.chatzilla-link,
-.msg-data[msg-type="MODE"] a.chatzilla-link {
+.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
+.msg[msg-type="MODE"] .msg-data a.chatzilla-link {
     color: #6dff74;
 }
 
-.msg-data[msg-type="KICK"] {
+.msg[msg-type="KICK"] .msg-data {
     color: #d85d24;
 }
 
-.msg-data[msg-type="QUIT"] {
+.msg[msg-type="QUIT"] .msg-data {
     color: #f7b183;
 }
 
 /* important="true" means that the message has text from your /stalk list in
  * it, has your nickname in it, or was spoken by someone in your /stalk list.
  */
-.msg-user[important="true"],
-.msg-data[important="true"] {
+.msg[important="true"] .msg-user,
+.msg[important="true"] .msg-data {
     background: #333333 !important;
 }
 
@@ -145,39 +183,39 @@ a.chatzilla-link:visited {
     color: blue;
 }
 
-.msg-user[msg-user$="ME!"]:before,
-.msg-user[msg-user$="ME!"]:after {
+.msg[msg-user$="ME!"] .msg-user:before,
+.msg[msg-user$="ME!"] .msg-user:after {
     color: #6afc73;
 }
 
-.msg-user[msg-type="ACTION"]:before,
-.msg-user[msg-type="ACTION"]:after {
+.msg[msg-type="ACTION"] .msg-user:before,
+.msg[msg-type="ACTION"] .msg-user:after {
     color: cyan;
 }
 
-.msg-user[msg-type="NOTICE"]:before,
-.msg-user[msg-type="NOTICE"]:after {
+.msg[msg-type="NOTICE"] .msg-user:before,
+.msg[msg-type="NOTICE"] .msg-user:after {
     color: #6afc73;
 }
 
 /* private messages *not* in a query window */
-.msg-user[dest-type="IRCUser"]:before,
-.msg-user[dest-type="IRCUser"]:after {
+.msg[dest-type="IRCUser"] .msg-user:before,
+.msg[dest-type="IRCUser"] .msg-user:after {
     color: #6afc73;
 }
 
-.msg-user[msg-dest$="ME!"]:before,
-.msg-user[msg-dest$="ME!"]:after {
+.msg[msg-dest$="ME!"] .msg-user:before,
+.msg[msg-dest$="ME!"] .msg-user:after {
     color: magenta;
 }
 
 /* private messages in a query window */
-.msg-user[view-type="IRCUser"]:before,
-.msg-user[view-type="IRCUser"]:after {
+.msg[view-type="IRCUser"] .msg-user:before,
+.msg[view-type="IRCUser"] .msg-user:after {
     color: white;
 }
 
-.msg-user[view-type="IRCUser"][msg-user$="ME!"]:before,
-.msg-user[view-type="IRCUser"][msg-user$="ME!"]:after {
+.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
+.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
     color: #6afc73;
 }