1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
13 #toolbox-controls > toolbarbutton,
14 #toolbox-dock-buttons > toolbarbutton {
19 #toolbox-dock-bottom {
20 list-style-image: url("chrome://browser/skin/devtools/dock-bottom.png");
21 -moz-image-region: rect(0px, 16px, 16px, 0px);
24 #toolbox-dock-bottom:hover {
25 -moz-image-region: rect(0px, 32px, 16px, 16px);
29 list-style-image: url("chrome://browser/skin/devtools/dock-side.png");
30 -moz-image-region: rect(0px, 16px, 16px, 0px);
33 #toolbox-dock-side:hover {
34 -moz-image-region: rect(0px, 32px, 16px, 16px);
37 #toolbox-dock-window {
38 list-style-image: url("chrome://browser/skin/devtools/undock.png");
39 -moz-image-region: rect(0px, 16px, 16px, 0px);
42 #toolbox-dock-window:hover {
43 -moz-image-region: rect(0px, 32px, 16px, 16px);
47 list-style-image: url("chrome://global/skin/icons/close.png");
48 -moz-image-region: rect(0px, 16px, 16px, 0px);
51 #toolbox-close:hover {
52 -moz-image-region: rect(0px, 32px, 16px, 16px);
61 #toolbox-dock-window:hover,
62 #toolbox-dock-bottom:hover,
63 #toolbox-dock-side:hover,
64 #toolbox-close:hover {
67 #toolbox-controls-separator {
68 -moz-margin-start: 4px;
79 .command-button:hover {
81 .command-button:hover:active {
84 #command-button-responsive {
85 list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
86 -moz-image-region: rect(0px, 16px, 16px, 0px);
89 #command-button-responsive:hover,
90 #command-button-responsive:hover:active,
91 #command-button-responsive[checked=true] {
92 -moz-image-region: rect(0px, 32px, 16px, 16px);
95 #command-button-tilt {
96 list-style-image: url("chrome://browser/skin/devtools/command-tilt.png");
97 -moz-image-region: rect(0px, 16px, 16px, 0px);
100 #command-button-tilt:hover,
101 #command-button-tilt:hover:active,
102 #command-button-tilt[checked=true] {
103 -moz-image-region: rect(0px, 32px, 16px, 16px);
106 #command-button-scratchpad {
107 list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
108 -moz-image-region: rect(0px, 16px, 16px, 0px);
111 #command-button-scratchpad:hover,
112 #command-button-scratchpad:hover:active {
113 -moz-image-region: rect(0px, 32px, 16px, 16px);
124 background-color: #000000;
130 /* min-height: 22px; */
133 -moz-margin-end: 3px;
134 background-color: #C09070;
135 border-radius: 8px 8px 0 0;
138 .devtools-tab > .radio-label-center-box > .radio-label-box {
140 border-radius: 8px 8px 0 0;
143 .devtools-tab > .radio-label-center-box > .radio-label-box > .radio-icon {
144 -moz-margin-end: 6px;
147 .devtools-tab:hover > .radio-label-center-box > .radio-label-box > .radio-icon {
150 .devtools-tab:active > .radio-label-center-box > .radio-label-box > .radio-icon,
151 .devtools-tab[selected=true] > .radio-label-center-box > .radio-label-box > .radio-icon {
155 .devtools-tab:hover:active {
156 background-color: #FFCF00;
160 .devtools-tab:hover > .radio-label-center-box > .radio-label-box,
161 .devtools-tab:hover:active > .radio-label-center-box > .radio-label-box {
165 .devtools-tab[selected=true] {
166 background-color: #008484;