summaryrefslogtreecommitdiffstats
path: root/comm/suite/chatzilla/xul/skin
diff options
context:
space:
mode:
Diffstat (limited to 'comm/suite/chatzilla/xul/skin')
-rw-r--r--comm/suite/chatzilla/xul/skin/about.css44
-rw-r--r--comm/suite/chatzilla/xul/skin/browserOverlay.css7
-rw-r--r--comm/suite/chatzilla/xul/skin/channels.css24
-rw-r--r--comm/suite/chatzilla/xul/skin/chatzilla.css305
-rw-r--r--comm/suite/chatzilla/xul/skin/chatzillaOverlay.css7
-rw-r--r--comm/suite/chatzilla/xul/skin/images/admin-graphic.pngbin0 -> 566 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/admin-symbol.pngbin0 -> 461 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/arrow-down.pngbin0 -> 192 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/chatzilla-16.pngbin0 -> 261 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/drop-indicator-bottom.pngbin0 -> 416 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/founder-graphic.pngbin0 -> 582 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/founder-symbol.pngbin0 -> 325 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/halfop-graphic.pngbin0 -> 588 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/halfop-symbol.pngbin0 -> 481 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/input-send.pngbin0 -> 290 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/logging-off.pngbin0 -> 289 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/logging-on.pngbin0 -> 308 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/logo.pngbin0 -> 1499 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/multiline-contract.pngbin0 -> 255 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/multiline-expand.pngbin0 -> 255 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/no-graphic.pngbin0 -> 606 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/no-symbol.pngbin0 -> 154 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/op-graphic.pngbin0 -> 599 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/op-symbol.pngbin0 -> 600 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/source_png/spbubble-off.pngbin0 -> 26256 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/source_png/spbubble-on.pngbin0 -> 31259 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/source_svg/logging.svg61
-rw-r--r--comm/suite/chatzilla/xul/skin/images/source_svg/userlist_icons.svg636
-rw-r--r--comm/suite/chatzilla/xul/skin/images/spbubble-off.pngbin0 -> 710 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/spbubble-on.pngbin0 -> 663 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/voice-graphic.pngbin0 -> 378 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/images/voice-symbol.pngbin0 -> 325 bytes
-rw-r--r--comm/suite/chatzilla/xul/skin/install-plugin.css9
-rw-r--r--comm/suite/chatzilla/xul/skin/networks-edit.css7
-rw-r--r--comm/suite/chatzilla/xul/skin/output-dark.css226
-rw-r--r--comm/suite/chatzilla/xul/skin/output-default.css67
-rw-r--r--comm/suite/chatzilla/xul/skin/output-light.css217
-rw-r--r--comm/suite/chatzilla/xul/skin/output-loud.css202
-rw-r--r--comm/suite/chatzilla/xul/skin/output-marble.css148
39 files changed, 1960 insertions, 0 deletions
diff --git a/comm/suite/chatzilla/xul/skin/about.css b/comm/suite/chatzilla/xul/skin/about.css
new file mode 100644
index 0000000000..e4d935fa39
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/about.css
@@ -0,0 +1,44 @@
+/* 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/. */
+
+dialog {
+ padding-top: 0px;
+ padding-left: 0px;
+ padding-right: 0px;
+ width: 30em;
+}
+
+.box-padded {
+ background-color: Window;
+ color: WindowText;
+}
+
+.large-text {
+ font-size: large;
+}
+
+#logo {
+ background: url(chrome://chatzilla/skin/images/logo.png);
+ background-repeat: no-repeat;
+ width: 32px;
+ height: 32px;
+}
+
+#version {
+ color: GrayText;
+}
+
+.contributors-label {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+.contributors label {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+#groove {
+ margin-top: 0px;
+}
diff --git a/comm/suite/chatzilla/xul/skin/browserOverlay.css b/comm/suite/chatzilla/xul/skin/browserOverlay.css
new file mode 100644
index 0000000000..bd0abf011d
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/browserOverlay.css
@@ -0,0 +1,7 @@
+/* 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/. */
+
+#chatzilla-open {
+ list-style-image: url("chrome://chatzilla/skin/images/chatzilla-16.png");
+}
diff --git a/comm/suite/chatzilla/xul/skin/channels.css b/comm/suite/chatzilla/xul/skin/channels.css
new file mode 100644
index 0000000000..6fd6be8506
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/channels.css
@@ -0,0 +1,24 @@
+/* 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/. */
+
+#rightPanel {
+ width: 12em;
+}
+
+#bottomPanel {
+ width: 50em;
+ height: 20em;
+}
+
+.platform-Mac #rightPanel {
+ width: 18em;
+}
+
+#loadContainer {
+ margin: 0;
+}
+
+#loadBar {
+ -moz-appearance: none;
+}
diff --git a/comm/suite/chatzilla/xul/skin/chatzilla.css b/comm/suite/chatzilla/xul/skin/chatzilla.css
new file mode 100644
index 0000000000..63da06a05c
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/chatzilla.css
@@ -0,0 +1,305 @@
+/* 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/. */
+
+@import url(chrome://communicator/skin/);
+
+window {
+ width: 640px;
+ height: 480px;
+}
+
+#menu-view-none {
+ display: none;
+}
+
+#header-url:hover {
+ text-decoration: underline;
+}
+
+#outer-box {
+ margin: 5px;
+}
+
+.toolbarbutton-menu-dropmarker {
+ margin-left: 0.5em;
+}
+
+#input-widget,
+#input-widget-multiline {
+ border: thin silver inset;
+}
+
+#button-multiline-expand {
+ list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png");
+}
+
+#button-multiline-contract {
+ list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png");
+}
+
+#button-input {
+ list-style-image:url("chrome://chatzilla/skin/images/input-send.png");
+}
+
+.highlight-menu-item:hover {
+ color: white !important;
+ background: darkslategrey !important;
+}
+
+#user-list {
+ margin: 0;
+}
+
+#view-tabs {
+ overflow: hidden;
+}
+
+#views-tbar-spacer {
+ -moz-box-flex: 10000;
+}
+
+#tabs-drop-indicator-bar {
+ position: relative;
+ margin-top: -3px;
+ -moz-margin-start: -5px;
+ height: 3px;
+}
+
+#tabs-drop-indicator {
+ position: relative;
+ margin-right: -11px;
+ margin-bottom: -8px;
+ width: 11px;
+ height: 11px;
+ background: url(images/drop-indicator-bottom.png) 50% 50% no-repeat;
+}
+
+.view-button {
+ /* Box model is 5px 5px 5px 6px in aggregate. Extra pixel on the left is for the separator. */
+ -moz-appearance: none;
+ margin: 5px 0;
+ border: none;
+ border-left: 1px solid ButtonShadow;
+ padding: 0 5px;
+ background: Button;
+ color: ButtonText;
+ font: message-box;
+ text-shadow: none;
+ text-align: center;
+ max-width: 30ex;
+ -moz-box-flex: 1;
+ -moz-box-orient: vertical;
+ -moz-box-align: stretch;
+}
+
+.view-button:first-child {
+ border-left-color: transparent;
+}
+
+.view-button::before {
+ content: " ";
+ display: -moz-box;
+ margin: -5px -5px 0 -5px;
+ height: 4px;
+}
+
+.view-button[state="superfluous"]::before {
+ background-color: darkblue;
+}
+
+.view-button[state="activity"]::before {
+ background-color: darkgreen;
+}
+
+.view-button[state="attention"]::before {
+ background-color: red;
+}
+
+.view-button:hover,
+.view-button[state="current"] {
+ margin: 0 0 0 1px;
+ border-left: none;
+ border-radius: 0 0 6px 6px;
+ padding: 5px;
+ background: Window;
+ color: WindowText;
+}
+
+.view-button[state="current"] + .view-button,
+.view-button:hover + .view-button:not([state="current"]) {
+ border-left-color: transparent;
+}
+
+.view-button[state="current"] {
+ position: relative; /* So it visually appears above the tabs either side. */
+ border: 2px solid ButtonShadow;
+ border-top: none;
+ padding: 5px 3px 3px 3px;
+}
+
+treecol {
+ border: none;
+}
+
+/* ::::: Trees ::::: */
+
+treechildren::-moz-tree-row {
+ min-height: 18px;
+}
+
+/* The userlist can be in one of two state. In "symbol", the user's
+ * channel mode is shown as a @ or + image, while in "graphic" mode, the
+ * image is one of the LED images.
+ */
+
+/* no mode */
+treechildren::-moz-tree-image {
+ list-style-image: url(chrome://chatzilla/skin/images/no-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image {
+ list-style-image: url(chrome://chatzilla/skin/images/no-graphic.png);
+}
+
+/* voice */
+treechildren::-moz-tree-image(voice-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.png);
+}
+
+/* half-chanop */
+treechildren::-moz-tree-image(halfop-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.png);
+}
+
+/* chanop */
+treechildren::-moz-tree-image(op-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/op-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/op-graphic.png);
+}
+
+/* admin */
+treechildren::-moz-tree-image(admin-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/admin-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/admin-graphic.png);
+}
+
+/* founder */
+treechildren::-moz-tree-image(founder-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/founder-symbol.png);
+}
+
+#user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) {
+ list-style-image: url(chrome://chatzilla/skin/images/founder-graphic.png);
+}
+
+/* away */
+treechildren::-moz-tree-cell-text(away-true) {
+ color: GrayText;
+ font-style: italic;
+}
+
+treechildren::-moz-tree-cell-text(away-false) {
+}
+
+menuitem[header="true"] {
+ text-align: center;
+}
+
+.colorGrid
+{
+ width: 24px;
+ height: 16px;
+ border: 1px solid black;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+}
+
+#colorTooltip
+{
+ padding: 0px;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+}
+
+/* Feel the hacks. */
+progressmeter[mode="undetermined"] {
+ -moz-appearance: none;
+}
+
+[dir="ltr"] {
+ direction: ltr;
+}
+
+[dir="rtl"] {
+ direction: rtl;
+}
+
+#input-splitter {
+ margin: 4px 0 0 0;
+}
+
+#input-widgets {
+ margin: 4px 0;
+}
+
+#server-nick, #button-multiline-expand, #button-input, #button-multiline-contract {
+ margin: 0;
+}
+
+#input, #multiline-input {
+ margin: 0 4px;
+}
+
+/* Hack; Stop the status-bar from distorting without a security icon */
+#status-text {
+ min-height: 17px;
+}
+
+#status-text[notice="true"] {
+ font-weight: bold;
+}
+
+#security-button {
+ min-width: 20px;
+}
+
+#security-button:not([level="none"]):not([level="high"]):not([level="broken"]) {
+ display: none;
+}
+
+#alert-status[alertstate="off"] {
+ list-style-image: url("chrome://chatzilla/skin/images/spbubble-off.png");
+}
+
+#alert-status[alertstate="on"] {
+ list-style-image: url("chrome://chatzilla/skin/images/spbubble-on.png");
+}
+
+#logging-status[loggingstate="off"] {
+ list-style-image: url("chrome://chatzilla/skin/images/logging-off.png");
+}
+
+#logging-status[loggingstate="on"] {
+ list-style-image: url("chrome://chatzilla/skin/images/logging-on.png");
+}
+
+/* Focus styling for a11y reasons */
+#user-list-box[focusobvious="true"], #browser-box[focusobvious="true"],
+#multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] {
+ outline: 2px solid highlight;
+}
diff --git a/comm/suite/chatzilla/xul/skin/chatzillaOverlay.css b/comm/suite/chatzilla/xul/skin/chatzillaOverlay.css
new file mode 100644
index 0000000000..fef849df97
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/chatzillaOverlay.css
@@ -0,0 +1,7 @@
+/* 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/. */
+
+#mini-irc, #tasksMenuIRC {
+ list-style-image: url("chrome://chatzilla/skin/images/chatzilla-16.png");
+}
diff --git a/comm/suite/chatzilla/xul/skin/images/admin-graphic.png b/comm/suite/chatzilla/xul/skin/images/admin-graphic.png
new file mode 100644
index 0000000000..5f6c75ba82
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/admin-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/admin-symbol.png b/comm/suite/chatzilla/xul/skin/images/admin-symbol.png
new file mode 100644
index 0000000000..11da8ea98a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/admin-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/arrow-down.png b/comm/suite/chatzilla/xul/skin/images/arrow-down.png
new file mode 100644
index 0000000000..6910fd19e6
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/arrow-down.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/chatzilla-16.png b/comm/suite/chatzilla/xul/skin/images/chatzilla-16.png
new file mode 100644
index 0000000000..3f462580a0
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/chatzilla-16.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/drop-indicator-bottom.png b/comm/suite/chatzilla/xul/skin/images/drop-indicator-bottom.png
new file mode 100644
index 0000000000..4196235cd3
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/drop-indicator-bottom.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/founder-graphic.png b/comm/suite/chatzilla/xul/skin/images/founder-graphic.png
new file mode 100644
index 0000000000..2328611847
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/founder-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/founder-symbol.png b/comm/suite/chatzilla/xul/skin/images/founder-symbol.png
new file mode 100644
index 0000000000..842230a849
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/founder-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/halfop-graphic.png b/comm/suite/chatzilla/xul/skin/images/halfop-graphic.png
new file mode 100644
index 0000000000..bc84fe7728
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/halfop-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/halfop-symbol.png b/comm/suite/chatzilla/xul/skin/images/halfop-symbol.png
new file mode 100644
index 0000000000..ca5654cd8e
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/halfop-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/input-send.png b/comm/suite/chatzilla/xul/skin/images/input-send.png
new file mode 100644
index 0000000000..fc1213f34a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/input-send.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/logging-off.png b/comm/suite/chatzilla/xul/skin/images/logging-off.png
new file mode 100644
index 0000000000..e9f32a18ad
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/logging-off.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/logging-on.png b/comm/suite/chatzilla/xul/skin/images/logging-on.png
new file mode 100644
index 0000000000..349e23be6a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/logging-on.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/logo.png b/comm/suite/chatzilla/xul/skin/images/logo.png
new file mode 100644
index 0000000000..f963f2c46c
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/logo.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/multiline-contract.png b/comm/suite/chatzilla/xul/skin/images/multiline-contract.png
new file mode 100644
index 0000000000..7ae5acd1ec
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/multiline-contract.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/multiline-expand.png b/comm/suite/chatzilla/xul/skin/images/multiline-expand.png
new file mode 100644
index 0000000000..0ada94b4ef
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/multiline-expand.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/no-graphic.png b/comm/suite/chatzilla/xul/skin/images/no-graphic.png
new file mode 100644
index 0000000000..cb27b2df0a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/no-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/no-symbol.png b/comm/suite/chatzilla/xul/skin/images/no-symbol.png
new file mode 100644
index 0000000000..567ec2abf0
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/no-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/op-graphic.png b/comm/suite/chatzilla/xul/skin/images/op-graphic.png
new file mode 100644
index 0000000000..99a6c47ff8
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/op-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/op-symbol.png b/comm/suite/chatzilla/xul/skin/images/op-symbol.png
new file mode 100644
index 0000000000..84de14972c
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/op-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-off.png b/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-off.png
new file mode 100644
index 0000000000..0dde51eeaf
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-off.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-on.png b/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-on.png
new file mode 100644
index 0000000000..009a3d1f7b
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/source_png/spbubble-on.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/source_svg/logging.svg b/comm/suite/chatzilla/xul/skin/images/source_svg/logging.svg
new file mode 100644
index 0000000000..b472e0bcf6
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/source_svg/logging.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- 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/. -->
+
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ version="1.1"
+ width="320"
+ height="160"
+ id="svg2">
+ <defs
+ id="defs4" />
+ <g
+ transform="translate(0,-892.36218)"
+ id="layer1">
+ <path
+ d="M 95.147225,909.3621 133.18775,947.33552 125,957.36218 l -40,0 0,-40 10.147225,-8.00008 z"
+ id="rect2818-1"
+ style="fill:#dedede;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 25,907.36218 60,0 c 20,0 10,10 10,40 30,0 40,-10 40,10 l 0,90.00002 -110,0 0,-140.00002 z"
+ id="rect2818"
+ style="fill:#dedede;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,1027.3622 70,0"
+ id="path3615"
+ style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,1007.3622 70,0"
+ id="path3615-7"
+ style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,987.36218 70,0"
+ id="path3615-0"
+ style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,967.36218 70,0"
+ id="path3615-4"
+ style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,947.36218 70,0"
+ id="path3615-4-5"
+ style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 45,927.36218 50,0"
+ id="path3615-4-7"
+ style="fill:none;stroke:#000000;stroke-width:8.16496563;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 255.14722,909.3621 38.04053,37.97342 -8.18775,10.02666 -40,0 0,-40 10.14722,-8.00008 z"
+ id="rect2818-1-9"
+ style="fill:#dedede;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 185,907.36218 60,0 c 20,0 10,10 10,40 30,0 40,-10 40,10 l 0,90.00002 -110,0 0,-140.00002 z"
+ id="rect2818-9"
+ style="fill:#dedede;fill-opacity:1;stroke:#000000;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ </g>
+</svg>
diff --git a/comm/suite/chatzilla/xul/skin/images/source_svg/userlist_icons.svg b/comm/suite/chatzilla/xul/skin/images/source_svg/userlist_icons.svg
new file mode 100644
index 0000000000..a5b507228c
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/source_svg/userlist_icons.svg
@@ -0,0 +1,636 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- 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/. -->
+
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.0"
+ width="48"
+ height="72"
+ id="svg4597">
+ <defs
+ id="defs4599">
+ <linearGradient
+ x1="3.932596"
+ y1="4.0576153"
+ x2="11.188456"
+ y2="12.377568"
+ id="linearGradient6792"
+ xlink:href="#linearGradient4491"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.8333333,0,0,0.8333333,41.811051,54.89456)" />
+ <linearGradient
+ id="linearGradient4491">
+ <stop
+ id="stop4493"
+ style="stop-color:#008000;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop4495"
+ style="stop-color:#008000;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="3.932596"
+ y1="4.0576153"
+ x2="11.188456"
+ y2="12.377568"
+ id="linearGradient4678"
+ xlink:href="#linearGradient4491"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.8333333,0,0,0.8333333,41.811051,54.89456)" />
+ <filter
+ id="filter3268">
+ <feGaussianBlur
+ inkscape:collect="always"
+ id="feGaussianBlur3270"
+ stdDeviation="0.17400778" />
+ </filter>
+ <linearGradient
+ x1="5.8113861"
+ y1="12.271072"
+ x2="11.031619"
+ y2="7.3054457"
+ id="linearGradient5639"
+ xlink:href="#linearGradient5118"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient5118">
+ <stop
+ id="stop5120"
+ style="stop-color:#808080;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop5126"
+ style="stop-color:#b6b6b6;stop-opacity:1"
+ offset="1" />
+ <stop
+ id="stop5122"
+ style="stop-color:#808080;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5641"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient3308">
+ <stop
+ id="stop3310"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3312"
+ style="stop-color:#ffffff;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <filter
+ id="filter3362">
+ <feGaussianBlur
+ inkscape:collect="always"
+ id="feGaussianBlur3364"
+ stdDeviation="0.05131204" />
+ </filter>
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5643"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient3176">
+ <stop
+ id="stop3178"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3180"
+ style="stop-color:#ffffff;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <filter
+ id="filter3290">
+ <feGaussianBlur
+ inkscape:collect="always"
+ id="feGaussianBlur3292"
+ stdDeviation="0.040874578" />
+ </filter>
+ <linearGradient
+ x1="5.8113861"
+ y1="12.520331"
+ x2="10.529106"
+ y2="7.3054457"
+ id="linearGradient5645"
+ xlink:href="#linearGradient5042"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient5042">
+ <stop
+ id="stop5044"
+ style="stop-color:#0066ff;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop5050"
+ style="stop-color:#22a0ff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5647"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5649"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.8113861"
+ y1="12.520331"
+ x2="11.026272"
+ y2="7.3054457"
+ id="linearGradient5651"
+ xlink:href="#linearGradient5221"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient5221">
+ <stop
+ id="stop5223"
+ style="stop-color:#00c800;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop5229"
+ style="stop-color:#2fff12;stop-opacity:1"
+ offset="1" />
+ <stop
+ id="stop5225"
+ style="stop-color:#00de00;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5653"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5655"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="6.3511858"
+ y1="12.54519"
+ x2="11.05113"
+ y2="3.82529"
+ id="linearGradient5657"
+ xlink:href="#linearGradient4778"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient4778">
+ <stop
+ id="stop4780"
+ style="stop-color:#ff7700;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop4786"
+ style="stop-color:#ff9600;stop-opacity:1"
+ offset="0.96214288" />
+ <stop
+ id="stop4782"
+ style="stop-color:#ff7700;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5659"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.766274"
+ y1="2.4264779"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5661"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="6.0393691"
+ y1="12.525679"
+ x2="10.796444"
+ y2="7.3054457"
+ id="linearGradient5663"
+ xlink:href="#linearGradient3141"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient3141">
+ <stop
+ id="stop3143"
+ style="stop-color:#7c0063;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3149"
+ style="stop-color:#a60084;stop-opacity:1"
+ offset="1" />
+ <stop
+ id="stop3145"
+ style="stop-color:#7c0063;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5665"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5667"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.8113861"
+ y1="12.520331"
+ x2="11.026272"
+ y2="7.3054457"
+ id="linearGradient5669"
+ xlink:href="#linearGradient5337-52-886-410"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ id="linearGradient5337-52-886-410">
+ <stop
+ id="stop4558"
+ style="stop-color:#005e00;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop4560"
+ style="stop-color:#058c00;stop-opacity:1"
+ offset="1" />
+ <stop
+ id="stop4562"
+ style="stop-color:#005e00;stop-opacity:0"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="1.3302127"
+ y1="7.4045763"
+ x2="4.4953356"
+ y2="6.201149"
+ id="linearGradient5671"
+ xlink:href="#linearGradient3308"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient5673"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient
+ x1="5.7836757"
+ y1="2.3257139"
+ x2="5.6800237"
+ y2="5.6109982"
+ id="linearGradient6033"
+ xlink:href="#linearGradient3176"
+ gradientUnits="userSpaceOnUse" />
+ </defs>
+ <g
+ id="layer2">
+ <rect
+ width="48"
+ height="72"
+ x="0"
+ y="1.4988011e-15"
+ id="rect4768"
+ style="opacity:1;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:35.43307114;marker:none;marker-start:none;marker-mid:none;marker-end:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+ </g>
+ <g
+ id="layer1">
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHDSURB VCiRVZE9aFNhGIXPe7+bm6TXUlNM/KPUQtB2U1pw08WC+LModLBLpYuo2Tq4mHApCI7SRUGEgqmK Crp3KG6KWG0Q2iFoKhjvtalpk96f3O9+r0NISJ/Dmc573uUQM6PDq6nHxtCZkZv1NSfru37Fp+D1 jXd3bfRAncLKvfd36l+dXLjRPDk2O0Hm8EE0a7vhx+KHYuVzeXaenyoA0ABgee7t7R8vSw/t5Z+n jk6OkNIY0IDD40Oxi/evz6RPH/sGgABAnNfGE/anX4u11eoRBkCkQQURIk+C/QjGQAL9UV9mceHZ 2LnpC2/0vkFzZnNlIysgAAb+fKkg+Oci2Pa6pj0FY4suWZZ1SK+VndGWlKSD21LAdtmBZzfgOQ24 1QZ2Vh0YA2S6wJSupNqUkNgPg5suWqXfqJVs6BAIjzOUUnEt3p94EU+bXgiJtiPIrtsKEcHPMIQQ dW3ywbWqkUk+B9A96i2HiFA/EXA4Yawzc1EDgN3vW7com1iDTj3f2+W9Ycn+5aQrYmKhUCi0qHfp /JW5JfyVV9GITC0pgHQMdPbAOgl6lM/nn+xbuoNlWYNENM3Mgoh2UqnUUi6XCzr5f4P/6zdUCtoG AAAAAElFTkSuQmCC "
+ x="12"
+ y="0"
+ width="12"
+ height="12"
+ id="image4146"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGzSURB VCiRZZFPaxNRFMV/782kqWltCmmqYCwJuCqCEPoFBCtIdyKYRcEvIPhvIwgZZhVwoxZcdOWqC4UW 0V0XfgBbqGCqFarSQuMkxJjGTGY6M2+eCzsY9cDhXrj87lkcobUmUeP+XHasVKhId7cQeWHTbUav Ckuf9xmSSIDDxxdvp/XXW+lJsyjKd2BihqjXihvryy/Vxkal9EKHABKg93Th7ni4+XBUO0Vx9jIE fQgHmNOzcqZSu9o/X962bVsCGDfPONkTvbfPRlQzh45BCFA+hB4oD1Lj5LLkfuxsXZi9tPjcTEXt 62nvSxED0BoONsHrgPsdvN82ww55oz1v2/ZpU/QbJaEBBWggjqG9C71v4DrQ24fWFlk5lQGumcoP D1CAOAaS6bvg1KFVBwH9uEgcxykZyZOv3aNMgDpOSRz/2XUEjprWQFfmH7zZc4L8qo7+AYb8sVvU 9dG5HSnligSQjb0b7wbnPhwF5n+ftw9Len1kwUXIR5ZlBWKoabF678raFJ35Cf0zMxBjOPKUfp8p f5KG+aRarS7/1XSiWq2W831/0TAMqZTqSilXLMsKkvsvIAPVEw1F5a4AAAAASUVORK5CYII= "
+ x="12"
+ y="12"
+ width="12"
+ height="12"
+ id="image4189"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHUSURB VCiRdZFPaxNRFMXPezNTdHQS61jpopUUqiIoEoiCuhAUqYWCG5EiSvwI4gfIZJeFi9KlCApKF/6p G7ELkUGKElottoK1pppx1ISEahibTpjOy3vXjdG48GzugXN/i3sPIyJ0lLmZSe47kBqvmt5AK4jr wddwppQtl9EtIgIR4ax7+mrm/X5vbOM4uXKGXtNLehDekSPuiWnkYXT2QEQ4545dS63a8d76Lrq/ eZfeygX6pEpUpyq9oTk69eRYKZ/PcyKCVjtSSy4mF27/sNZsBQmNcUQsQg8zoDMdSdYLNhjbxZW5 w+NHL97Thq6ksvM7ipcZA4gBZbmKFjbQYiEkk9jOEqjon7HoLw16D7/d0iuyOtRuK4D/vetVax6e /Ah/q4eS8Q6z7ClEr2YCOK+LSFSEIACq6xUc39HAc/UML3pcGAbHnvWDUEoZ3Iqtx+ZPMxaC0I4V hFC/J/3x8aZComYTgIC7F1y/r9I3DQL+ByVm++nQWnqFcz7FAcD/4meHl4aX9VD/F4oUdhYH6OTy SMgZn3AcJ2ZdTbPR66OPGlbjTHNL07Ta27C72U/pIP1B1/TJXC53AwC6AQBAoVCwoyi6pGkal1IG nPMpx3HiTv4Lj1QMG8iNFZwAAAAASUVORK5CYII= "
+ x="12"
+ y="24"
+ width="12"
+ height="12"
+ id="image4274"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG4SURB VCiRVZExixpRFIXPez7fDDvgIII2BhJsQgqXYOEPkPgLUmwgso2dRUJ+gNNprEIKizQJCAnEIkQW 8gNstbCLIRJtAgqKi77MjG+cuSnCDJsPLqe458C9HEZEiGk0GnalUrkiouJ+v9+sVqtvg8HgF+7A 4kCn03lp2/aLUql0v1wuwzAMbLfbaDQafR0Oh1fT6TRIAr1e75VlWa9t205Xq1Vks1lIKSGlhOd5 6Pf7P6Moeug4TpQyDMNmjH2QUuYAgHMOIgLnHIwxSClRKBRyk8nksl6vf07VarVrImrExuPxiPP5 jCiKQEQQQiAIAszn83vj8fi9cF33gWEY0Fr/e4oxrNdrKKWglMLhcMBut4NlWRe+7z8Vnuf9FkIk 5hilFLTW2Gw2yS9ElOZhGN4opXQYhtBaIwiCROM5nU5wXZcA3DIiQrPZ/FQsFp8xxiCEQDqdhpQy 0cViQaZpfuecPxYAMJvNronoMp/PPzJNMzkviiIsl0sSQvzhnL9xHEezO02zVqv1hXP+hDF2wTkH AMpkMj+EEG/b7fa7/5qO6Xa7Od/3n6dSKR6G4S3n/KPjODre/wWkwN2ZHNKyngAAAABJRU5ErkJg gg== "
+ x="12"
+ y="48"
+ width="12"
+ height="12"
+ id="image4317"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHJSURB VCiRVZG/axNxGMY/971cbNJK2oZEW6IoZhAFq1CdXKoUcaqDoBWhq1MR/4BcM6WbiJOIOEgGhzgo VBDtIDhIJO1gNcVijbGQ1Dbmp7mcd/c6mGD6wPO+L7yfZ3h5NRGhp8nJh6H41Inr391AzNquluvr xaWN7NxX+iUiiAiXbr27fTpR2DyfduXRR5GX30SefGg6U/PLGVgwepwmIszMv7+TGz25yMiQMXsK DoUgFoLxQWg7YC4ufbkQyR43TdPTS6WzoVV//PFuMBL2BDQNbA86LnQ8GPSDMRYL597mJ2Znzj31 7erD1zbV+BHdBhFYKUKtA9U2/LKgZkNDD1AbiE4nk8mDvq3WvqOOoSMdoHv/Rhm2m/CzDaUmfK6B f2A0CFz1/ak3t5zgf1i6pQ6s2ZDfAZ8fjjkNPM8z1H6n+iJQ+WE7Njg2uJ1/3bHB7dppewxbJQGq avn5lUJkJ5cRx9sL980jq69lYqycV0qlFUDhzcpcvJj5pLcqe2HLI7r2Si6Gsy2ltLumadpa36e1 yzfuP6t40emGFwoOGb85YJTkzOHyus+n30skEg8A+gMApFKpsGVZN3VdV67rVpVSadM07d7+L8s2 8Sj9Mf2NAAAAAElFTkSuQmCC "
+ x="12"
+ y="36"
+ width="12"
+ height="12"
+ id="image4360"
+ style="display:inline" />
+ <text
+ x="25.851986"
+ y="22.37845"
+ id="text6605"
+ xml:space="preserve"
+ style="font-size:12px;font-style:normal;font-weight:normal;fill:#ff7f2a;fill-opacity:1;stroke:#4d4d4d;stroke-width:0.2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline;font-family:FranklinGotTDemCon"><tspan
+ x="25.851986"
+ y="22.37845"
+ id="tspan6607"
+ style="fill:#ff7f2a;stroke:#4d4d4d">&amp;</tspan></text>
+ <text
+ x="25.371283"
+ y="11.332599"
+ id="text6690"
+ xml:space="preserve"
+ style="font-size:15.14527416px;font-style:normal;font-weight:normal;fill:#ff00ff;fill-opacity:1;stroke:#800080;stroke-width:1.26210618px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:FranklinGotTDemCon"><tspan
+ x="25.371283"
+ y="11.332599"
+ id="tspan6692"
+ style="stroke-width:1.26210618">~</tspan></text>
+ <text
+ x="23.484241"
+ y="32.947613"
+ id="text6738"
+ xml:space="preserve"
+ style="font-size:10.52353096px;font-style:normal;font-weight:normal;fill:#00ff00;fill-opacity:1;stroke:#4d4d4d;stroke-width:0.0876961;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline;font-family:FranklinGotTDemCon"><tspan
+ x="23.484241"
+ y="32.947613"
+ id="tspan6740"
+ style="fill:#00ff00;stroke:#4d4d4d;stroke-width:0.0876961;stroke-miterlimit:4;stroke-dasharray:none">@</tspan></text>
+ <text
+ x="24.187044"
+ y="46.661697"
+ id="text6788"
+ xml:space="preserve"
+ style="font-size:12.85570812px;font-style:normal;font-weight:normal;fill:#008dff;fill-opacity:1;stroke:url(#linearGradient6792);stroke-width:0.10713092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline;font-family:FranklinGotTDemCon"><tspan
+ x="24.187044"
+ y="46.661697"
+ id="tspan6790"
+ style="fill:#008dff;fill-opacity:1;stroke:url(#linearGradient6792);stroke-width:0.10713092;stroke-miterlimit:4;stroke-dasharray:none">%</tspan></text>
+ <text
+ x="22.939159"
+ y="62.14077"
+ id="text6845"
+ xml:space="preserve"
+ style="font-size:22.86951828px;font-style:normal;font-weight:normal;fill:#00ff00;fill-opacity:1;stroke:#e3dbdb;stroke-width:0.19057931;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline;font-family:FranklinGotTDemCon"><tspan
+ x="22.939159"
+ y="62.14077"
+ id="tspan6847"
+ style="fill:#808080;stroke:#e3dbdb;stroke-width:0.19057931;stroke-miterlimit:4;stroke-dasharray:none">+</tspan></text>
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADCSURB VCiRzZGhCsIAFEXPmxvDKAYtNoMg6A+YBD9C7P7GWBgD60DBYPUP/AQx2PwFlYGwNHEbY8/gBMVk ELzwyuUe7oUnqso3Mr5K/xTwxa8DmE/DFbcDTARpAQdF144650ACOyJaAHtgbpbhoYGxsbCsGjW5 cs1i4pkn3lbRNtAsgUeDIN2Cwk5JCQmpUpUGDSMhGeTkxMQA+dskQY6KjitUTjduo4xsqmhPkAsQ AKvXhl1B0XfUiUp+Wd6H5P8edwdEdUHuCYIzqwAAAABJRU5ErkJggg== "
+ x="36"
+ y="0"
+ width="12"
+ height="12"
+ id="image8696"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFKSURB VCiRY/z//z8DKYAFXSA9PZ1V89ct73u/OfdNWrLtE7o8I7INjTEuWp6in9YzMf7/wMn0X/zwO+6k jHkH9yFrYELmWAl8jmNj+v/ApO+0+bd/TEe1eX+EotuAouHzX+b7oqx/jKcnOuQKsv62ePKD9Sxe DTuf/lr8/CfLm0TZt5MOveNbFDnzyBycfuhIdFTwEPqy6utfxg+CLH+l3/9huX/iA3e9MtfPqGVv pGtWrVr1HSWUdLh+prMw/mNY9N3E2/DvbTM/0Xcb/vxjWMDL+u8dTDGKk/hY/3H9Y2D6PnPmzN8Z c/Yd3fuWb5q90BedR9/ZLmJ1Um+ii2mkxJs997+z7f7xl+mWItfP2Mff2Z9p8n7X2fqKvyRx9qHp KDYUz99zetdr3nAWRsavvCz/FY594G2zn3TCfPtr/p7f/xjvYthALAAALLyYRtlkYjwAAAAASUVO RK5CYII= "
+ x="36"
+ y="12"
+ width="12"
+ height="12"
+ id="image8739"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHVSURB VCiRY/z//z8DKYAFmSO7U9bjo8bHNMZ/jBqs31l//OH8c4/rGdeeZ9bPZsDUMMEYEqcl8j5qfOzk esm1WmGngkPu6lwT0TOik38J/PIWuyDWBlPH+P//fwbVTaqGL/VfLhA9IRr6RemL2W/e38kM/xke cb7jfMj5ivPaO513Cfw3+Kff972/kYmBgYHhvfL7CN7HvDO/y3zX+SH2o1B6n3QW2xe2Gy9NX1az fWV7y/GWY+0n5U/WcCf94fhjJHhJ8NhX6a/J3E+5J1zOunxdaaPSIo63HJ8UTikcYv7O/PU/y39+ uAaW7ywSHI847v9j/6chfE74OgMDA8Mz+2dmTL+ZLm2btO3nV+mv7pwvOE8ibOD6c+ut3VsHxl+M F19ZvArTWqpl8VbrbRPrV9a34mfFm5h+Mkml7U9bANfA/ZJ7/0fVjxEK+xWqvgt/V3xh+iJP7LzY 1N88v4X/cfzjFj4vXL3QdGE0AwMDAwM04hhFLoms5LvHt0VrsZZtaGgo2////xnMO81lZPbKpPA+ 5L0teVjS4////5BgZWBgYGBkZGSUOSgT9V7pfRz7J3ZJ5t/M/35z//7L9JvpvNhpsa7rcddvweMB G2BkZGT8j0USAHiWxx8oaaFMAAAAAElFTkSuQmCC "
+ x="36"
+ y="24"
+ width="12"
+ height="12"
+ id="image8782"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFeSURB VCiRlZDLK4RxFIaf8/1myi1JSRZyaSxFiWRDKEWyGkWSPwCFMdloTLkTwkbKhiTsrJSFRllZuqdE LCyUBSLzfcdiXGZYyLs5i3N730dUlf/IApDJmkQZ322X8VCPjHSmfTYl2JUtY+vzgkjMAvTPgZ0P z7m4Wqa/ziU0+LBSb5RvG65ISavgbakR5+GVeN+2bIjh0u/Baq7iaagYqmMtoW/XmIxk3JnpYN+q V22kzo99u6iB9cfoDJEPerKJqRhBwopzsSzDy4W4vaXc9bVDbUxo+aQkwW4PgAamLmRibxW93yd8 FcJd2gP6jIZm1O8/k59YZSxYhqlf4Km1iISVLeyDEJIUh8nLVF9Rm+sXaKnqhfNZOHKwkkoI73Rg pyRjytaisH7Mjg5WY8VnkdW0pAEN47wcQYEHU5ADr6dRWD9kynuxD2fUq3YExvEipnIYxME5H4A8 fmX4S+9JCYDPfaR61AAAAABJRU5ErkJggg== "
+ x="36"
+ y="36"
+ width="12"
+ height="12"
+ id="image8825"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADVSURB VCiRY/z//z8DCjhwgGXnly9RDAwMDO4+PksZGBj+IkszMaCBN5KSnNdu3Zpx7datac+fP2dHl8fQ QAjQXgPj+tWri1+8ehUJN4GRkeH1u3eGjAwM/4WEhC4wIAWKuLj4SpZvP37wv3z92hibaS9fvUIR 5+Xm3sV4bP9+ld+/f6vBBFlYWDiPnz27hImJ6b+psXH0v1+/fsLk2NnZbzOix8Obmzd5F2/d+pKB geFfRGSkmKSk5DeKPE2yBhZ0gR/c3H/ERUW3MzIy/v/69etfdHkAxMtOtq4bGL4AAAAASUVORK5C YII= "
+ x="36"
+ y="48"
+ width="12"
+ height="12"
+ id="image8868"
+ style="display:inline" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAXSURBVCiRY/z//z8DKYCJJNWjGkaQBgD1WAMVqVdojQAAAABJRU5ErkJggg== "
+ x="36"
+ y="60"
+ width="12"
+ height="12"
+ id="image4763" />
+ <image
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHbSURB VCiRVZGxaxNRAId/7717d00T6Uk1pInGWqSQ4iS4NIMhoOhcsFPBTf+ADqEmJhBQHN1cIrhLEQQj aEFLoZApFCXaWtGAtl4TrpdLLrnL3XsdNBK/5bd83/QjUkr8hWbvZ6/3ae8mDdHZaT5tWGbn5YeH m1WMQaSU2KpvxVZfrD7ao5+XF1PpUHYui1R0Ac12U6xX17cTrXO3K08qvwCAAmD3nt998FHs3FE0 HtK5Dk5VGPZvzEfn6crSStqKHb8rFAoXAYBtHG9c2xdfH/eFo/rCR4AAlmthEAygMAUhPokdp36m vW+GG7XGW8Uj3q2u3w0HQkBIF7sHu7AGFlpOC+bARGIqgR7vEaq5SwDWlI7TmYMgAAMkABcumkdN mH0Th/YBwpMR7FlfsCAunwKQUSIscig9CSkAgj8RAWB3bdiuDUVlCFgAXeoDIcRZSlzymgd8CB+Q Q2B8MQR8L4DW1ZBUZo8AfKO1Sq0a9aJvgP/l8eiKcxUzEzOblNJPFADiMr6cEqm6GqhyXFYdDYvd tMyczmwDeFoqlX6S0dP5fP58o91YM4bGDY94MZ3rE8lQshOPxF8JIZ6Vy+X3/54ekcvlphhjFyil lzjnzPO8H5zz78Vi0Rg5J1kK4/V0dy9HAAAAAElFTkSuQmCC "
+ x="12"
+ y="60"
+ width="12"
+ height="12"
+ id="image5815" />
+ <g
+ transform="translate(20,5e-7)"
+ id="g4788"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9638661,0.1841601,-0.1841601,0.963866,-17.87869,58.359647)"
+ id="path3043"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9814535,0,0,0.9814535,-20.058185,58.569471)"
+ id="path3045"
+ style="fill:url(#linearGradient5669);fill-opacity:1;stroke:#003500;stroke-width:0.24858253;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.5121728,0.8599464,-0.8599464,0.5121728,-11.048722,57.000296)"
+ id="path3047"
+ style="fill:none;stroke:url(#linearGradient5671);stroke-width:0.10042476;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9498646,0.5484046,-0.683379,1.1836471,-16.039471,55.616584)"
+ id="path3049"
+ style="fill:url(#linearGradient6033);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ <g
+ transform="matrix(0.9705075,0,0,0.9705075,-0.146091,-0.1561012)"
+ id="g4816"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9876803,0.1887101,-0.1887101,0.9876802,2.38882,-1.5621111)"
+ id="path4818"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(1.0057022,0,0,1.0057022,0.1554762,-1.3471028)"
+ id="path4820"
+ style="fill:url(#linearGradient5663);fill-opacity:1;stroke:#7c0063;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.524827,0.881193,-0.881193,0.524827,9.3875353,-2.9550479)"
+ id="path4822"
+ style="fill:none;stroke:url(#linearGradient5665);stroke-width:0.24374942;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9733328,0.561954,-0.7002632,1.2128914,4.2734795,-4.3729471)"
+ id="path4824"
+ style="fill:url(#linearGradient5667);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ <g
+ transform="matrix(0.9758889,0,0,0.9758889,-0.209913,11.88922)"
+ id="g4826"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9876803,0.1887101,-0.1887101,0.9876802,2.3888195,-1.5621111)"
+ id="path4828"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(1.0057022,0,0,1.0057022,0.1554762,-1.3471028)"
+ id="path4830"
+ style="fill:url(#linearGradient5657);fill-opacity:1;stroke:#de5500;stroke-width:0.24858253;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.524827,0.881193,-0.881193,0.524827,9.3875353,-2.9550479)"
+ id="path4832"
+ style="fill:none;stroke:url(#linearGradient5659);stroke-width:0.10068177;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9733328,0.561954,-0.7002632,1.2128914,4.2734795,-4.3729471)"
+ id="path4834"
+ style="fill:url(#linearGradient5661);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ <g
+ transform="matrix(0.9758888,0,0,0.9758888,-0.209912,23.998424)"
+ id="g4836"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9876803,0.1887101,-0.1887101,0.9876802,2.3888195,-1.5621111)"
+ id="path4838"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(1.0057022,0,0,1.0057022,0.1554762,-1.3471028)"
+ id="path4840"
+ style="fill:url(#linearGradient5651);fill-opacity:1;stroke:#008000;stroke-width:0.24858253;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.524827,0.881193,-0.881193,0.524827,9.387535,-2.9550479)"
+ id="path4842"
+ style="fill:none;stroke:url(#linearGradient5653);stroke-width:0.10068177;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9733328,0.561954,-0.7002632,1.2128914,4.2734795,-4.3729471)"
+ id="path4844"
+ style="fill:url(#linearGradient5655);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ <g
+ transform="matrix(0.9758888,0,0,0.9758888,-0.209913,35.930851)"
+ id="g4846"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9876803,0.1887101,-0.1887101,0.9876802,2.38882,-1.5621111)"
+ id="path4848"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(1.0057022,0,0,1.0057022,0.1554762,-1.3471028)"
+ id="path4850"
+ style="fill:url(#linearGradient5645);fill-opacity:1;stroke:#000080;stroke-width:0.24858253;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.524827,0.881193,-0.881193,0.524827,9.3875353,-2.9550479)"
+ id="path4852"
+ style="fill:none;stroke:url(#linearGradient5647);stroke-width:0.10042476;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9733328,0.561954,-0.7002632,1.2128914,4.2734795,-4.3729471)"
+ id="path4854"
+ style="fill:url(#linearGradient5649);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ <g
+ transform="matrix(0.9758889,0,0,0.9758889,-0.209913,47.863277)"
+ id="g4856"
+ style="display:inline">
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(0.9876803,0.1887101,-0.1887101,0.9876802,2.3888195,-1.5621111)"
+ id="path4858"
+ style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.25927806;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3268)" />
+ <path
+ d="m 10.90198,7.3054457 a 5.0905943,5.0905943 0 1 1 -10.18118818,0 5.0905943,5.0905943 0 1 1 10.18118818,0 z"
+ transform="matrix(1.0057022,0,0,1.0057022,0.1554762,-1.3471028)"
+ id="path4860"
+ style="fill:url(#linearGradient5639);fill-opacity:1;stroke:#333333;stroke-width:0.24858253;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+ <path
+ d="m 10.856926,7.3054457 a 5.0455399,5.0905943 0 1 1 -10.09107975,0 5.0455399,5.0905943 0 1 1 10.09107975,0 z"
+ transform="matrix(0.524827,0.881193,-0.881193,0.524827,9.3875353,-2.9550479)"
+ id="path4862"
+ style="fill:none;stroke:url(#linearGradient5641);stroke-width:0.10068177;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3362)" />
+ <path
+ d="m 3.0290077,4.1219881 c 0.0244451,-1.006404 1.4328056,-1.7962742 2.8378096,-1.7962742 1.405004,0 2.8555192,0.7621386 2.8788196,1.796285 0.0233005,1.0341464 -1.5961005,1.5010801 -2.9688013,1.4887622 -1.3046875,-0.0117076 -2.772273,-0.482369 -2.7478279,-1.488773 z"
+ transform="matrix(0.9733328,0.561954,-0.7002632,1.2128914,4.2734795,-4.3729471)"
+ id="path4864"
+ style="fill:url(#linearGradient5643);fill-opacity:1;stroke:none;filter:url(#filter3290)" />
+ </g>
+ </g>
+</svg>
diff --git a/comm/suite/chatzilla/xul/skin/images/spbubble-off.png b/comm/suite/chatzilla/xul/skin/images/spbubble-off.png
new file mode 100644
index 0000000000..d4c3fe2b0e
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/spbubble-off.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/spbubble-on.png b/comm/suite/chatzilla/xul/skin/images/spbubble-on.png
new file mode 100644
index 0000000000..f23d76ae0a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/spbubble-on.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/voice-graphic.png b/comm/suite/chatzilla/xul/skin/images/voice-graphic.png
new file mode 100644
index 0000000000..77ee61dbad
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/voice-graphic.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/images/voice-symbol.png b/comm/suite/chatzilla/xul/skin/images/voice-symbol.png
new file mode 100644
index 0000000000..e1eb3a2481
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/images/voice-symbol.png
Binary files differ
diff --git a/comm/suite/chatzilla/xul/skin/install-plugin.css b/comm/suite/chatzilla/xul/skin/install-plugin.css
new file mode 100644
index 0000000000..d2fa232d97
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/install-plugin.css
@@ -0,0 +1,9 @@
+/* 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/. */
+
+window {
+ width: 35em;
+ padding: 0.5em;
+}
+
diff --git a/comm/suite/chatzilla/xul/skin/networks-edit.css b/comm/suite/chatzilla/xul/skin/networks-edit.css
new file mode 100644
index 0000000000..e60efe2ab4
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/networks-edit.css
@@ -0,0 +1,7 @@
+/* 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/. */
+
+#backgroundBox {
+ background-color: ThreeDLightShadow;
+}
diff --git a/comm/suite/chatzilla/xul/skin/output-dark.css b/comm/suite/chatzilla/xul/skin/output-dark.css
new file mode 100644
index 0000000000..39a4521e8c
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/output-dark.css
@@ -0,0 +1,226 @@
+/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+ * 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);
+
+.chatzilla-body { /* The topmost container in the ChatZilla */
+ background: black; /* output window. */
+ color: lightgrey;
+}
+
+a.chatzilla-link {
+ color: #fffdd6;
+}
+
+a.chatzilla-link:visited {
+ color: lightgrey;
+}
+
+.chatzilla-line-marker {
+ box-shadow: 0px 2px darkgreen !important;
+}
+
+.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[msg-type="KICK"] .msg-data a.chatzilla-link {
+ color: #ff5700;
+}
+
+.chatzilla-rheet {
+ color: magenta !important;
+}
+
+.chatzilla-highlight[name="Slate"] {
+ color: white;
+ background: #15272d;
+}
+
+.chatzilla-highlight[name="Plum"] {
+ color: white;
+ background: #442144;
+}
+
+.chatzilla-highlight[name="Brown"] {
+ color: white;
+ background: #562a14;
+}
+
+.msg-type { /* .msg-type = message type */
+ color: silver; /* indicator */
+}
+
+.msg-user a.chatzilla-link,
+.msg-user { /* msg-user = nickname portion of */
+ color: white !important; /* a message (channel and query */
+} /* views) */
+
+.msg[mark="even"] .msg-data { /* use even/odd marks to create a */
+ color: white; /* subtle brightness change when */
+} /* the speaker changes. */
+
+.msg[msg-type="JOIN"] .msg-data,
+.msg[msg-type="PART"] .msg-data {
+ color: lightblue;
+}
+
+.msg[msg-type="PART"] .msg-data {
+ color: lightblue;
+}
+
+.msg[msg-type="HELLO"] .msg-data {
+ color: yellow;
+}
+
+.msg[msg-type="ERROR"] .msg-data,
+.msg[msg-type="DISCONNECT"] .msg-data {
+ background: red;
+ color: white;
+}
+
+.msg[msg-type="USAGE"] .msg-data {
+ color: white;
+}
+
+.msg[msg-type="ACTION"] .msg-data {
+ color: #6ac9ee;
+}
+
+.msg[msg-type="NICK"] .msg-data {
+ color: #96fa94;
+}
+
+.msg[msg-type="NOTICE"] .msg-data,
+.msg[msg-type="MODE"] .msg-data {
+ color: #60e066;
+}
+
+.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link,
+.msg[msg-type="MODE"] .msg-data a.chatzilla-link {
+ color: #6dff74;
+}
+
+.msg[msg-type="KICK"] .msg-data {
+ color: #d85d24;
+}
+
+.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[important="true"] .msg-user,
+.msg[important="true"] .msg-data {
+ background: #333333 !important;
+}
+
+.msg-user:before,
+.msg-user:after {
+ color: blue;
+}
+
+.msg[msg-user$="ME!"] .msg-user:before,
+.msg[msg-user$="ME!"] .msg-user:after {
+ color: #6afc73;
+}
+
+.msg[msg-type="ACTION"] .msg-user:before,
+.msg[msg-type="ACTION"] .msg-user:after {
+ color: cyan;
+}
+
+.msg[msg-type="NOTICE"] .msg-user:before,
+.msg[msg-type="NOTICE"] .msg-user:after {
+ color: #6afc73;
+}
+
+/* private messages *not* in a query window */
+.msg[dest-type="IRCUser"] .msg-user:before,
+.msg[dest-type="IRCUser"] .msg-user:after {
+ color: #6afc73;
+}
+
+.msg[msg-dest$="ME!"] .msg-user:before,
+.msg[msg-dest$="ME!"] .msg-user:after {
+ color: magenta;
+}
+
+/* private messages in a query window */
+.msg[view-type="IRCUser"] .msg-user:before,
+.msg[view-type="IRCUser"] .msg-user:after {
+ color: white;
+}
+
+.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:before,
+.msg[view-type="IRCUser"][msg-user$="ME!"] .msg-user:after {
+ color: #6afc73;
+}
diff --git a/comm/suite/chatzilla/xul/skin/output-default.css b/comm/suite/chatzilla/xul/skin/output-default.css
new file mode 100644
index 0000000000..af5c850a12
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/output-default.css
@@ -0,0 +1,67 @@
+/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+ * 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 version of the output window that uses only your default foreground and
+ * backgrond colors. Message types are distinguished by font changes.
+ * see output-base.css for details.
+ */
+
+@import url(chrome://chatzilla/content/output-base.css);
+
+.header-outer {
+ background-color: white;
+}
+
+.progress-fg {
+ background-color: grey;
+}
+
+.msg[msg-type="ACTION"] .msg-data {
+ font-style: italic;
+}
+
+.msg[msg-type="JOIN"] .msg-type,
+.msg[msg-type="PART"] .msg-type,
+.msg[msg-type="QUIT"] .msg-type {
+ font-weight: bold;
+}
+
+.msg[msg-type="QUIT"] .msg-data {
+ font-variant: small-caps;
+ font-weight: bold;
+}
+
+.msg[msg-type="JOIN"] .msg-data,
+.msg[msg-type="PART"] .msg-data {
+ font-variant: small-caps;
+}
+
+.msg[msg-type="HELLO"] .msg-data,
+.msg[msg-type="NICK"] .msg-type,
+.msg[msg-type="NOTICE"] .msg-data {
+ font-weight: bold;
+}
+
+.msg[msg-type="NICK"] .msg-data {
+ font-family: monospace;
+}
+
+/* :before and :after pseudoclasses form the decorations around nicknames. */
+.msg-user:before,
+.msg-user:after {
+ font-size: 100%;
+ font-family: monospace;
+ font-weight: bolder;
+}
+
+.msg[dest-type="IRCUser"] .msg-user,
+.msg[dest-type="IRCUser"][msg-dest$="ME!"] .msg-user {
+ font-style: italic;
+}
+
+.msg[msg-user$="ME!"] .msg-user {
+ font-weight: bold;
+}
diff --git a/comm/suite/chatzilla/xul/skin/output-light.css b/comm/suite/chatzilla/xul/skin/output-light.css
new file mode 100644
index 0000000000..c2a346333a
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/output-light.css
@@ -0,0 +1,217 @@
+/* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+ * 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 light background/dark text version of the output window.
+ * see output-base.css for details.
+ */
+
+@import url(chrome://chatzilla/content/output-base.css);
+
+.chatzilla-body { /* The topmost container in the ChatZilla */
+ background: white; /* output window. */
+ color: #222222;
+}
+
+a.chatzilla-link {
+ font-weight: bold;
+ color: #342ecc;
+}
+
+.chatzilla-line-marker {
+ box-shadow: 0px 2px lightgray !important;
+}
+
+.header-outer {
+ background-color: #d1d0ea;
+}
+
+.header {
+ color: darkslategrey;
+ background-color: #EEEEEE;
+ border: 1px #777499 solid;
+ border-radius: 7px;
+}
+
+#splash {
+ color: #DDDDDD;
+}
+
+#usr-descnodes,
+#ch-topicnodes {
+ color: black;
+}
+
+.progress-fg {
+ background-color: darkslategrey;
+}
+
+[condition] {
+ font-weight: bold;
+}
+
+[condition="red"] {
+ color: red;
+}
+
+[condition="yellow"] {
+ color: orange;
+}
+
+[condition="green"] {
+ color: #2ec908;
+}
+
+.msg[msg-type="PRIVMSG"] .msg-data,
+.msg[msg-type="ACTION"] .msg-data {
+ background-color: #F0F0F0;
+}
+
+.msg[msg-type="HELLO"] .msg-data a.chatzilla-link {
+ color: #d7d9dd;
+}
+
+.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
+.msg[msg-type="PART"] .msg-data a.chatzilla-link {
+ font-weight: bold;
+ color: #11c411;
+}
+
+.msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
+.msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link {
+ font-weight: bold;
+ color: white;
+}
+
+.msg[msg-type="KICK"] .msg-data a.chatzilla-link {
+ color: #aa0d08;
+}
+
+.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link {
+ color: #d64444;
+}
+
+.msg[msg-type="QUIT"] .msg-data a.chatzilla-link {
+ color: #c46907;
+}
+
+.chatzilla-rheet {
+ color: #e25e00 !important;
+}
+
+.chatzilla-highlight[name="Slate"] {
+ color: black;
+ background: #b8c4e0;
+}
+
+.chatzilla-highlight[name="Plum"] {
+ color: black;
+ background: #ddb8d0;
+}
+
+.chatzilla-highlight[name="Brown"] {
+ color: black;
+ background: #ffbf77;
+}
+
+.msg-type { /* .msg-type = message type */
+ color: #686699; /* indicator */
+ font-weight: bold;
+}
+
+.msg-user a.chatzilla-link,
+.msg-user { /* msg-user = nickname portion of */
+ color: black !important; /* a message (channel and query */
+ font-weight: bold; /* views) */
+}
+
+.msg[mark="even"] .msg-data { /* use even/odd marks to create a */
+ color: #555555; /* subtle brightness change when */
+} /* the speaker changes. */
+
+.msg[msg-type="JOIN"] .msg-data,
+.msg[msg-type="PART"] .msg-data {
+ color: #0e9e0e;
+ background-color: #c3f7c3;
+ font-weight: bold;
+ border-radius: 5px 5px 5px 5px;
+}
+
+.msg[msg-type="QUIT"] .msg-data {
+ background: #fff196;
+ color: #ff8d02;
+ font-weight: bold;
+ border-radius: 5px 5px 5px 5px;
+}
+
+.msg[msg-type="HELLO"] .msg-data {
+ background: #1342a5;
+ color: white;
+ border-radius: 5px 5px 5px 5px;
+ font-weight: bold;
+}
+
+.msg[msg-type="ERROR"] .msg-data,
+.msg[msg-type="DISCONNECT"] .msg-data {
+ border-radius: 5px 5px 5px 5px;
+ background: #a8221e;
+ color: white;
+}
+
+.msg[msg-type="USAGE"] .msg-data {
+ color: black;
+}
+
+.msg[msg-type="ACTION"] .msg-data {
+ color: black;
+ font-style: italic;
+}
+
+.msg[msg-type="NICK"] .msg-data {
+ color: #4e8387;
+ background-color: #d5e9ea;
+ font-weight: bold;
+}
+
+.msg[msg-type="NOTICE"] .msg-data {
+ color: #ae4141;
+ font-weight: bold;
+}
+
+.msg[msg-type="MODE"] .msg-data {
+ color: #2709ed;
+ font-weight: bold;
+}
+
+.msg[msg-type="KICK"] .msg-data {
+ color: #ff1a0a;
+ background: #ffdbcc;
+ font-weight: bold;
+ border-radius: 5px 5px 5px 5px;
+}
+
+/* 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[important="true"] .msg-user {
+ background: #d4d8d4;
+ border-radius: 5px 0px 0px 5px;
+}
+
+.msg[important="true"] .msg-data {
+ background: #eaefeb;
+}
+
+
+/* :before and :after pseudoclasses form the decorations around nicknames. */
+.msg-user:before,
+.msg-user:after {
+ color: #777499;
+}
+
+.msg[msg-user$="ME!"] .msg-user:before, /* the decoration around MY */
+.msg[msg-user$="ME!"] .msg-user:after { /* nick */
+ color: #843c6c;
+}
diff --git a/comm/suite/chatzilla/xul/skin/output-loud.css b/comm/suite/chatzilla/xul/skin/output-loud.css
new file mode 100644
index 0000000000..3bf7a94416
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/output-loud.css
@@ -0,0 +1,202 @@
+/* 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/. */
+
+body {
+
+ margin: 0px 0px 0px 0px;
+ background: black;
+
+}
+
+.bold {
+
+ font-weight: bold;
+
+}
+
+.italic {
+
+ font-style: italic;
+
+}
+
+.underline {
+
+ text-decoration: underline;
+
+}
+
+.strikethrough {
+
+ text-decoration: line-through;
+
+}
+
+.teletype {
+
+ font-family: monospace;
+
+}
+
+.smallcap {
+
+ font-variant: small-caps;
+
+}
+
+.rheet {
+
+ font-size: 14pt;
+ font-weight: bold;
+ color: magenta;
+
+}
+
+/* output from a chat session (contains msgs) */
+.chat-view {
+
+ vertical-align: text-bottom;
+
+}
+
+/* common container for all portions of a message
+ * (contains msg-*s) */
+.msg {
+
+ font-family: sans-serif;
+
+}
+
+.msg[user="!ME"] {
+
+ background: lightgrey;
+
+}
+
+/* message data in output window */
+.msg-data {
+
+ font-weight: bold;
+ color: lightgrey;
+ background: #1a2a44;
+
+}
+
+/* message data in output window */
+
+.msg-data[user="!ME"]{
+
+ background: black;
+
+}
+
+.msg-data[msgtype="JOIN"],
+.msg-data[msgtype="PART"] {
+
+ width: 100%;
+ font-variant: small-caps;
+ background: lightgray;
+ color: black;
+
+}
+
+.msg-data[msgtype="HELLO"] {
+
+ background: white;
+ color: darkgreen;
+
+}
+
+.msg-data[msgtype="ERROR"],
+.msg-data[msgtype="DISCONNECT"] {
+
+ background: red;
+ color: white;
+
+}
+
+.msg-data[msgtype="USAGE"] {
+
+ font-style: italic;
+ color: white;
+
+}
+
+.msg-data[msgtype="HELP"] {
+
+ font-weight: normal;
+
+}
+
+.msg-data[msgtype="ACTION"] {
+
+ color: cyan;
+
+}
+
+.msg-data[msgtype="NOTICE"] {
+
+ color: yellow;
+
+}
+
+.msg-data[msgtype="KICK"] {
+
+ background: orange;
+ color: yellow;
+
+}
+
+.msg-data[msgtype="QUIT"] {
+
+ background: lightgrey;
+ color: brown;
+
+}
+
+/* nickname field in output */
+.msg-user {
+
+ text-align: center;
+ vertical-align: middle;
+ color: lightgrey;
+ font-weight: bold;
+ background: grey;
+
+}
+
+.msg-user[parity="odd"]{
+
+ background: black;
+
+}
+
+.msg-user[user="!ME"] {
+
+ color : white;
+
+}
+
+.msg-user[msgtype="ACTION"] {
+
+ font-style: italic;
+
+}
+
+/* Message type indicator in output window */
+.msg-type {
+
+ text-align: center;
+ vertical-align: middle;
+ color: brown;
+ font-weight: bold;
+ background: lightgrey;
+
+}
+
+.msg-type[user="!ME"] {
+
+ background: silver;
+
+}
diff --git a/comm/suite/chatzilla/xul/skin/output-marble.css b/comm/suite/chatzilla/xul/skin/output-marble.css
new file mode 100644
index 0000000000..0de0dc1409
--- /dev/null
+++ b/comm/suite/chatzilla/xul/skin/output-marble.css
@@ -0,0 +1,148 @@
+/* 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/. */
+
+body {
+
+ margin: 0px 0px 0px 0px;
+ background: url(chrome://chatzilla/skin/images/xtal.jpg);
+
+}
+
+.bold {
+
+ font-weight: bold;
+
+}
+
+.italic {
+
+ font-style: italic;
+
+}
+
+.underline {
+
+ text-decoration: underline;
+
+}
+
+.strikethrough {
+
+ text-decoration: line-through;
+
+}
+
+.teletype {
+
+ font-family: monospace;
+
+}
+
+.smallcap {
+
+ font-variant: small-caps;
+
+}
+
+.rheet {
+
+ font-size: 14pt;
+ font-weight: bold;
+ color: magenta;
+
+}
+
+/* output from a chat session (contains msgs) */
+.chat-view {
+
+ vertical-align: text-bottom;
+
+}
+
+/* common container for all portions of a message
+ * (contains msg-*s) */
+.msg {
+
+ font-family: sans-serif;
+
+}
+
+.msg[user="!ME"] {
+
+ background: lightgrey;
+
+}
+
+/* message data in output window */
+.msg-data {
+
+ font-weight: bold;
+
+}
+
+.msg-data[msgtype="JOIN"],
+.msg-data[msgtype="PART"] {
+
+ font-variant: small-caps;
+ color: darkslategrey;
+
+}
+
+.msg-data[msgtype="ACTION"] {
+
+ color: darkred;
+
+}
+
+.msg-data[msgtype="NOTICE"] {
+
+ color: green;
+
+}
+
+.msg-data[msgtype="KICK"] {
+
+ color: slategrey;
+
+}
+
+.msg-data[msgtype="QUIT"] {
+
+ color: brown;
+
+}
+
+/* nickname field in output */
+.msg-user {
+
+ text-align: center;
+ vertical-align: middle;
+ color: blue;
+ font-weight: bold;
+ background: grey;
+
+}
+
+.msg-user[user="!ME"] {
+
+ color: green;
+
+}
+
+.msg-user[msgtype="ACTION"] {
+
+ font-style: italic;
+
+}
+
+/* Message type indicator in output window */
+.msg-type {
+
+ text-align: center;
+ vertical-align: middle;
+ color: brown;
+ font-weight: bold;
+ background: lightgrey;
+
+}