.theme-bg-contrast,
.variable-or-property:not([overridden])[changed] { /* contrast bg color to attract attention on a container */
- background: #402800;
+ background: #402800; /* Background - Attention */
}
.theme-link,
}
.ruleview-colorswatch,
-.computedview-colorswatch {
+.computedview-colorswatch,
+.ruleview-bezierswatch {
/* box-shadow: 0 0 0 1px #818181; */
}
.devtools-toolbar {
}
-/* LCARStrek checkbox colors don't work well against toolbar background */
-.devtools-toolbar > checkbox {
+.devtools-toolbar checkbox {
+ /* LCARStrek checkbox colors don't work well against toolbar background */
background-color: #000000;
padding: 2px;
}
+.devtools-toolbar checkbox .checkbox-check {
+}
+.devtools-toolbar checkbox .checkbox-label-box {
+}
+.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
+}
/* Toolbar buttons */
.devtools-menulist,
.devtools-toolbarbutton {
+/* transition: background 0.05s ease-in-out; */
}
.devtools-menulist:-moz-focusring,
min-width: 20px;
}
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+ min-width: inherit;
+}
+
+/* Command buttons with menupopups should be styled slightly differently -
+ no background color and a bit more narrow */
+#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
+ background: transparent;
+}
+#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
+ padding: 0 2px;
+}
+
.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
display: none;
}
.devtools-toolbarbutton > .toolbarbutton-icon {
}
-.devtools-toolbarbutton > .toolbarbutton-menubutton-button {
- /*-moz-box-orient: horizontal;*/
-}
-
.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+/* -moz-box-orient: horizontal; */
}
.devtools-toolbarbutton[type=menu-button] {
}
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+}
+
.devtools-menulist > .menulist-dropmarker {
}
}
/* Text-only buttons */
-.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]) {
+.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
/* background-color: rgba(0, 0, 0, .2); / Splitter */
}
/* Button States */
.devtools-toolbarbutton:hover,
+#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover,
.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover {
/* background: rgba(0, 0, 0, .3); / Splitters */
}
.devtools-toolbarbutton:hover:active,
+#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover:active,
.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover:active {
/* background: rgba(0, 0, 0, .4); / Splitters */
}
/* Menu type buttons and checked states */
-.theme-dark .devtools-menulist[open=true],
-.theme-dark .devtools-toolbarbutton[open=true],
-.theme-dark .devtools-toolbarbutton[open=true]:hover,
-.theme-dark .devtools-toolbarbutton[open=true]:hover:active,
-.theme-dark .devtools-toolbarbutton[checked=true],
-.theme-dark .devtools-toolbarbutton[checked=true]:hover {
-/* background: rgba(29, 79, 115, .7); /*Select highlight blue /
+.devtools-toolbarbutton[checked=true],
+#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+/* background: rgba(29, 79, 115, .7); / Select highlight blue /
+ color: #f5f7fa;*/
+}
+
+.devtools-menulist[open=true],
+.devtools-toolbarbutton[open=true],
+.devtools-toolbarbutton[open=true]:hover,
+.devtools-toolbarbutton[open=true]:hover:active,
+.devtools-toolbarbutton[checked=true],
+.devtools-toolbarbutton[checked=true]:hover,
+#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+/* background: rgba(29, 79, 115, .8); / Select highlight blue /
color: #f5f7fa; */
}
-moz-border-end-width: 0;
}
-.devtools-sidebar-tabs > tabs > tab:first-of-type {
- -moz-margin-start: 0;
-}
-
-.devtools-sidebar-tabs > tabs > tab {
-}
-
-.devtools-sidebar-tabs > tabs > tab:not(:last-of-type) {
-}
-
-.devtools-sidebar-tabs:-moz-locale-dir(rtl) > tabs > tab {
-}
-
-.devtools-sidebar-tabs > tabs > tab {
+.devtools-sidebar-tabs > tabs > tab:first-child {
}
.devtools-sidebar-tabs > tabs > tab:hover {
.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active {
}
-.devtools-sidebar-tabs > tabs > tab[selected] {
-}
-
-.devtools-sidebar-tabs > tabs > tab[selected]:hover {
-}
-
+.devtools-sidebar-tabs > tabs > tab[selected],
.devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
}
.command-button:hover > image,
.command-button:hover:active > image,
-.command-button[checked=true] > image {
+.command-button[checked=true] > image,
+.command-button[open=true] > image {
background-position: -16px center;
}
background-image: url("chrome://browser/skin/devtools/command-pick.png");
}
+#command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames.png");
+}
+
#command-button-splitconsole > image {
background-image: url("chrome://browser/skin/devtools/command-console.png");
}
background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
}
+ #command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
+ }
+
#command-button-splitconsole > image {
background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
}