1 files changed, 137 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/global/listbox.css b/comm/suite/themes/modern/global/listbox.css
new file mode 100644
index 0000000000..87cedcfe59
--- /dev/null
+++ b/comm/suite/themes/modern/global/listbox.css
@@ -0,0 +1,137 @@
+/* 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/. */
+
+/* ===== listbox.css =======================================================
+  == Styles used by XUL listbox-related elements.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: listbox ::::: */
+
+listbox {
+  margin: 2px 4px;
+  border: 1px solid #5D616E;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+
+listbox[disabled="true"] {
+  color: #999999;
+}
+
+/* ::::: listitem ::::: */
+
+listitem {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+
+listbox:focus > listitem[current="true"] {
+  border-top-color: #000000;
+  border-bottom-color: #000000;
+}
+
+listitem[selected="true"] {
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+listbox:focus > listitem[selected="true"] {
+  background-color: #424F63;
+  color: #FFFFFF;
+}
+
+listcell {
+  padding-top: 0px;
+  padding-bottom: 1px;
+  padding-inline-start: 2px;
+  padding-inline-end: 0px;
+}
+
+/* ::::: listcell checkbox ::::: */
+
+.listcell-check {
+  margin: 0px 2px;
+  list-style-image: url("chrome://global/skin/checkbox/cbox.png");
+}
+
+.listcell-check[checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check.png");
+}
+
+.listcell-check[disabled="true"] {
+  border-color: #999999;
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis.png");
+}
+
+.listcell-check[disabled="true"][checked="true"] {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-dis-check.png");
+}
+
+/* ::::: listheader ::::: */
+
+listheader {
+  -moz-box-align: center;
+  border: 1px solid;
+  border-top-color: #C7D0D9;
+  border-right-color: #63676B;
+  border-bottom-color: #63676B;
+  border-left-color: #C7D0D9;
+  padding: 0 4px;
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+listheader[sortable="true"]:hover:active {
+  border-top: 1px solid #A5ABB0;
+  border-right: 1px solid #A5ABB0;
+  border-bottom: 1px solid #A5ABB0;
+  border-left: 1px solid #A5ABB0;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  padding-inline-start: 5px;
+  padding-inline-end: 4px;
+}
+
+.listheader-icon {
+  margin-inline-end: 2px;
+}
+
+.listheader-label {
+  margin: 0px !important;
+}
+
+/* ..... sort direction icon ..... */
+
+.listheader-sortdirection {
+  list-style-image: none;
+}
+
+.listheader-sortdirection[sortDirection="ascending"] {
+  list-style-image: url("chrome://global/skin/tree/sort-asc.png");
+}
+
+.listheader-sortdirection[sortDirection="descending"] {
+  list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
+}
+
+/* ::::: listcell ::::: */
+
+.listcell-label {
+  margin: 0px !important;
+  padding-top: 0px;
+  padding-bottom: 1px;
+  padding-inline-start: 4px;
+  padding-inline-end: 0px;
+  white-space: nowrap;
+}
+
+.listcell-icon {
+  margin-inline-end: 2px;
+}
+
+.listcell-label[disabled="true"] {
+  color: #999999;
+}