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-paintflashing {
85 list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
86 -moz-image-region: rect(0px, 16px, 16px, 0px);
89 #command-button-paintflashing:hover,
90 #command-button-paintflashing:hover:active,
91 #command-button-paintflashing[checked=true] {
92 -moz-image-region: rect(0px, 32px, 16px, 16px);
95 #command-button-responsive {
96 list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
97 -moz-image-region: rect(0px, 16px, 16px, 0px);
100 #command-button-responsive:hover,
101 #command-button-responsive:hover:active,
102 #command-button-responsive[checked=true] {
103 -moz-image-region: rect(0px, 32px, 16px, 16px);
106 #command-button-tilt {
107 list-style-image: url("chrome://browser/skin/devtools/command-tilt.png");
108 -moz-image-region: rect(0px, 16px, 16px, 0px);
111 #command-button-tilt:hover,
112 #command-button-tilt:hover:active,
113 #command-button-tilt[checked=true] {
114 -moz-image-region: rect(0px, 32px, 16px, 16px);
117 #command-button-scratchpad {
118 list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
119 -moz-image-region: rect(0px, 16px, 16px, 0px);
122 #command-button-scratchpad:hover,
123 #command-button-scratchpad:hover:active {
124 -moz-image-region: rect(0px, 32px, 16px, 16px);
135 background-color: #000000;
141 /* min-height: 22px; */
144 -moz-margin-end: 3px;
146 -moz-padding-start: 3px;
147 background-color: #C09070;
148 border-radius: 8px 8px 0 0;
151 .devtools-tab > .radio-label-center-box > .radio-label-box {
153 border-radius: 8px 8px 0 0;
156 .devtools-tab > .radio-label-center-box > .radio-label-box > .radio-icon {
157 -moz-margin-end: 6px;
160 .devtools-tab:hover > .radio-label-center-box > .radio-label-box > .radio-icon {
163 .devtools-tab:active > .radio-label-center-box > .radio-label-box > .radio-icon,
164 .devtools-tab[selected=true] > .radio-label-center-box > .radio-label-box > .radio-icon {
168 .devtools-tab:hover:active {
169 background-color: #FFCF00;
173 .devtools-tab:hover > .radio-label-center-box > .radio-label-box,
174 .devtools-tab:hover:active > .radio-label-center-box > .radio-label-box {
178 .devtools-tab[selected=true] {
179 background-color: #008484;