summaryrefslogtreecommitdiffstats
path: root/devtools/client/themes/splitview.css
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/themes/splitview.css')
-rw-r--r--devtools/client/themes/splitview.css75
1 files changed, 75 insertions, 0 deletions
diff --git a/devtools/client/themes/splitview.css b/devtools/client/themes/splitview.css
new file mode 100644
index 000000000..291867f3d
--- /dev/null
+++ b/devtools/client/themes/splitview.css
@@ -0,0 +1,75 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+.theme-dark {
+ --sidemenu-selected-arrow: url(images/item-arrow-dark-ltr.svg);
+ --sidemenu-selected-arrow-rtl: url(images/item-arrow-dark-rtl.svg);
+}
+.theme-light {
+ --sidemenu-selected-arrow: url(images/item-arrow-ltr.svg);
+ --sidemenu-selected-arrow-rtl: url(images/item-arrow-rtl.svg);
+}
+
+.splitview-nav-container .devtools-throbber {
+ display: none;
+ text-align: center;
+}
+
+.loading .splitview-nav-container .devtools-throbber {
+ display: block;
+}
+
+.splitview-nav {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ background-color: var(--theme-sidebar-background);
+}
+
+.splitview-nav > li {
+ padding-inline-end: 8px;
+ -moz-box-align: center;
+ outline: 0;
+ vertical-align: bottom;
+ border-bottom: 1px solid rgba(128,128,128,0.15);
+}
+
+.placeholder {
+ -moz-box-flex: 1;
+ text-align: center;
+}
+
+.splitview-nav > li.splitview-active {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+ background-image: var(--sidemenu-selected-arrow);
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+
+.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
+ background-image: var(--sidemenu-selected-arrow-rtl);
+ background-position: center left;
+}
+
+/* Toolbars */
+
+.splitview-main > .devtools-toolbar {
+ background-origin: border-box;
+ background-clip: border-box;
+}
+
+.splitview-main > toolbar,
+.loading .splitview-nav-container {
+ border-inline-end: 1px solid var(--theme-splitter-color);
+}
+
+.splitview-main > .devtools-toolbarbutton {
+ font-size: 11px;
+ padding: 0 8px;
+ width: auto;
+ min-width: 48px;
+ min-height: 0;
+}