* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.splitview-nav-container {
- background-color: #000000;
- color: #FF9F00;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
}
-.loading .splitview-nav-container {
- background-image: url("chrome://global/skin/icons/loading.gif");
- background-repeat: no-repeat;
- background-position: center center;
-}
-
-.splitview-nav {
- -moz-appearance: none;
- margin: 0;
- border-right: #9C9CFF;
+.splitview-nav-container .devtools-throbber {
+ display: none;
+ text-align: center;
}
-.splitview-nav > li {
- color: white;
- background-clip: padding-box;
- border-bottom: 1px solid #008484;
- -moz-padding-end: 8px;
- -moz-box-align: center;
+.loading .splitview-nav-container .devtools-throbber {
+ display: block;
}
.splitview-nav {
+ -moz-appearance: none;
list-style-image: none;
list-style: none;
padding: 0;
margin: 0;
+ margin: 0;
+ border-right: #9C9CFF;
}
.splitview-nav > li {
+ /* To compensate for the top and bottom borders */
+ margin-top: 0;
+ margin-bottom: -1px;
+ -moz-padding-end: 8px;
+ -moz-box-align: center;
outline: 0;
vertical-align: bottom;
+/* color: white;
+ background-clip: padding-box;*/
+
+ border-bottom: 1px solid #008484;
}
.placeholder {
}
.splitview-nav > li.splitview-active {
- background-image: url("itemArrow-ltr.png");
- background-repeat: no-repeat, no-repeat, repeat-x;
- background-position: center right, top right, top left;
- background-size: auto, 1px 100%, auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+ background-size: auto;
border-bottom: 1px solid #008484;
+
+ background-image: url("itemArrow-ltr.svg");
}
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
- background-image: url("itemArrow-rtl.png");
- background-repeat: no-repeat, no-repeat, repeat-x;
- background-position: center left, top left, top right;
+ background-repeat: no-repeat;
+ background-position: center left;
+
+ background-image: url("itemArrow-rtl.svg");
}
/* Toolbars */
min-width: 48px;
min-height: 0;
}
-
-
-/* Resizers */
-
-.splitview-landscape-splitter {
- /* -moz-border-start-color: transparent; */
-}
-
-.splitview-portrait-resizer {
- -moz-appearance: none;
- background: linear-gradient(top, #000000 1px, #FFCF00 1px);
- height: 12px;
- background-size: 10px 2px, 100% 12px;
- background-clip: content-box, border-box;
- background-repeat: repeat-y, no-repeat;
- background-position: center center;
- padding: 2px 0;
- border-top: 1px solid #008484;
- border-bottom: 1px solid #008484;
-}