1 /* vim:set ts=2 sw=2 sts=2 et: */
2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
6 window:not([windowtype]) {
7 /* This does not apply to the standalone window in FF 19 and lower,
8 * only to the dev toolbox in FF 20+. */
12 #style-editor-chrome {
13 background-color: #000000;
18 text-decoration: none;
19 color: var(--theme-highlight-blue);
26 .stylesheet-rule-count,
27 .stylesheet-linked-file,
28 .stylesheet-saveButton {
29 color: var(--theme-body-color);
32 .stylesheet-saveButton {
33 text-decoration: underline;
37 .splitview-active .stylesheet-title,
38 .splitview-active .stylesheet-name {
39 color: var(--theme-highlight-lightorange);
42 .splitview-active .stylesheet-rule-count,
43 .splitview-active .stylesheet-linked-file,
44 .splitview-active .stylesheet-saveButton {
45 color: var(--theme-highlight-pink);
48 .splitview-nav:focus {
49 outline: 0; /* focus ring is on the stylesheet name */
52 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
56 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
57 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
61 .splitview-nav.empty > p {
69 border-color: #9C9CFF; /* Splitters */
73 border-bottom: 1px solid #A09090; /* Grey */
82 -moz-padding-start: 4px;
85 .media-condition-unmatched {
92 background-image: url("itemToggle.png");
93 background-repeat: no-repeat;
94 background-clip: content-box;
95 background-position: 0 8px;
96 background-size: 48px 24px;
101 @media (min-resolution: 1.1dppx) {
102 .stylesheet-enabled {
103 background-image: url("itemToggle@2x.png");
107 .disabled > .stylesheet-enabled {
108 background-position: -24px 8px;
111 .splitview-nav > li > .stylesheet-enabled:focus,
112 .splitview-nav > li:hover > .stylesheet-enabled {
116 .stylesheet-linked-file:not(:empty){
117 -moz-margin-end: 0.4em;
120 .stylesheet-linked-file:not(:empty):before {
121 -moz-margin-start: 0.4em;
124 li.linked-file-error .stylesheet-linked-file:after {
128 .stylesheet-more > h3 {
130 -moz-margin-end: 2px;
133 .devtools-searchinput {
139 text-decoration: underline;
151 @media (max-width: 700px) {
152 .stylesheet-sidebar {
158 @media (max-width: 550px) {
163 .splitview-nav > li.splitview-active {
164 background-size: 0 0, 0 0, auto;
167 .stylesheet-enabled {
169 background-position: 0 0;
173 .disabled > .stylesheet-enabled {
174 background-position: -24px 0;
177 .splitview-nav > li > hgroup.stylesheet-info {
178 -moz-box-align: baseline;
181 .stylesheet-sidebar {
186 .csscoverage-report {
187 background-color: var(--theme-contrastsidebar-background);
190 .csscoverage-report-container {
195 .csscoverage-report-content {
197 -moz-column-width: 300px;
201 .csscoverage-report h1 {
205 .csscoverage-report h2 {
209 .csscoverage-report h1,
210 .csscoverage-report h2,
211 .csscoverage-report h3 {
216 .csscoverage-list:after {
220 .csscoverage-list:last-child:after {
224 .csscoverage-report textarea {
229 .csscoverage-report a {
231 text-decoration: underline;
234 .csscoverage-report > .csscoverage-toolbar {
240 .csscoverage-report > .csscoverage-toolbarbutton {
248 -moz-border-start: none;
251 .chart-colored-blob[name="Used Preload"] {
252 fill: var(--theme-highlight-pink);
253 background: var(--theme-highlight-pink);;
256 .chart-colored-blob[name=Used] {
257 fill: var(--theme-highlight-green);
258 background: var(--theme-highlight-green);
261 .chart-colored-blob[name=Unused] {
262 fill: var(--theme-highlight-lightorange);
263 background: var(--theme-highlight-lightorange);
266 /* Undo 'largest' customization */
267 .pie-chart-slice[largest] {
269 stroke: rgba(0,0,0,0.2);
272 .csscoverage-report .pie-chart-slice {
276 .csscoverage-report-chart {