.splitview-nav {
-moz-appearance: none;
- margin: 0;
- border-right: #9C9CFF;
-}
-
-.splitview-nav > li {
- color: white;
- background-clip: padding-box;
- border-bottom: 1px solid #008484;
- -moz-padding-end: 8px;
- -moz-box-align: center;
-}
-
-.splitview-nav {
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 */
-.devtools-toolbar {
- height: 26px;
+.splitview-main > .devtools-toolbar {
background-origin: border-box;
background-clip: border-box;
}
border-left: 1px solid #008484;
}
-.devtools-toolbarbutton {
+.splitview-main > .devtools-toolbarbutton {
width: auto;
min-width: 48px;
min-height: 0;
/* Resizers */
-.splitview-landscape-resizer {
- -moz-appearance: none;
- width: 7px;
- background-image: linear-gradient(left, #000000 1px, #FFCF00 1px);
- background-size: 2px 15px;
- background-clip: padding-box;
- background-repeat: repeat-x;
-/* border-width: 1px;
- border-style: solid;
- border-color: #9C9CFF;*/
- margin: 5px 0;
- transform: translateX(-22px); /* account for startcap as well */
-}
-
-.splitview-landscape-resizer:-moz-locale-dir(rtl) {
- transform: translateX(22px);
+.splitview-landscape-splitter {
+ /* -moz-border-start-color: transparent; */
}
.splitview-portrait-resizer {