summaryrefslogtreecommitdiffstats
path: root/browser/themes/linux/syncedtabs/sidebar.css
diff options
context:
space:
mode:
Diffstat (limited to 'browser/themes/linux/syncedtabs/sidebar.css')
-rw-r--r--browser/themes/linux/syncedtabs/sidebar.css69
1 files changed, 69 insertions, 0 deletions
diff --git a/browser/themes/linux/syncedtabs/sidebar.css b/browser/themes/linux/syncedtabs/sidebar.css
new file mode 100644
index 000000000..04e00a7d4
--- /dev/null
+++ b/browser/themes/linux/syncedtabs/sidebar.css
@@ -0,0 +1,69 @@
+/* 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/. */
+
+%include ../../shared/syncedtabs/sidebar.inc.css
+
+/* These styles are intended to mimic XUL trees and the XUL search box. */
+
+html {
+ border: 1px solid ThreeDShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ box-sizing: border-box;
+}
+
+.item {
+ padding-inline-end: 0;
+}
+
+.item-title {
+ margin: 1px 0 0;
+ margin-inline-end: 6px;
+}
+
+
+.search-box {
+ -moz-appearance: textfield;
+ cursor: text;
+ margin: 2px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ padding: 2px 2px 3px;
+ padding-inline-start: 4px;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+.textbox-search-clear {
+ background-image: url(moz-icon://stock/gtk-clear?size=menu);
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+.textbox-search-icon {
+ background-image: url(moz-icon://stock/gtk-find?size=menu);
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ display: block;
+}
+
+.textbox-search-icon[searchbutton]:not([disabled]) ,
+.textbox-search-clear:not([disabled]) {
+ cursor: pointer;
+}
+
+.item.client .item-twisty-container {
+ -moz-appearance: treetwistyopen;
+ margin-top: 3px;
+ margin-left: 2px;
+}
+
+.item.client.closed .item-twisty-container {
+ -moz-appearance: treetwisty;
+}