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 */
81 .media-responsive-mode-toggle {
82 color: var(--theme-highlight-blue);
83 text-decoration: underline;
87 -moz-padding-start: 4px;
90 .media-condition-unmatched {
98 background-image: url("images/itemToggle.png");
99 background-repeat: no-repeat;
100 background-clip: content-box;
101 background-position: 0 8px;
102 background-size: 48px 24px;
107 @media (min-resolution: 1.1dppx) {
108 .stylesheet-enabled {
109 background-image: url("images/itemToggle@2x.png");
113 .disabled > .stylesheet-enabled {
114 background-position: -24px 8px;
117 .splitview-nav > li > .stylesheet-enabled:focus,
118 .splitview-nav > li:hover > .stylesheet-enabled {
122 .stylesheet-linked-file:not(:empty){
123 -moz-margin-end: 0.4em;
126 .stylesheet-linked-file:not(:empty):before {
127 -moz-margin-start: 0.4em;
130 li.linked-file-error .stylesheet-linked-file:after {
134 .stylesheet-more > h3 {
136 -moz-margin-end: 2px;
139 .devtools-searchinput {
145 text-decoration: underline;
157 @media (max-width: 700px) {
158 .stylesheet-sidebar {
164 @media (max-width: 550px) {
169 .splitview-nav > li.splitview-active {
170 background-size: 0 0, 0 0, auto;
173 .stylesheet-enabled {
175 background-position: 0 0;
179 .disabled > .stylesheet-enabled {
180 background-position: -24px 0;
183 .splitview-nav > li > hgroup.stylesheet-info {
184 -moz-box-align: baseline;
187 .stylesheet-sidebar {
192 .csscoverage-report {
193 background-color: var(--theme-contrastsidebar-background);
196 .csscoverage-report-container {
201 .csscoverage-report-content {
203 -moz-column-width: 300px;
207 .csscoverage-report h1 {
211 .csscoverage-report h2 {
215 .csscoverage-report h1,
216 .csscoverage-report h2,
217 .csscoverage-report h3 {
222 .csscoverage-list:after {
226 .csscoverage-list:last-child:after {
230 .csscoverage-report textarea {
235 .csscoverage-report a {
237 text-decoration: underline;
240 .csscoverage-report > .csscoverage-toolbar {
246 .csscoverage-report > .csscoverage-toolbarbutton {
254 -moz-border-start: none;
257 .chart-colored-blob[name="Used Preload"] {
258 fill: var(--theme-highlight-pink);
259 background: var(--theme-highlight-pink);;
262 .chart-colored-blob[name=Used] {
263 fill: var(--theme-highlight-green);
264 background: var(--theme-highlight-green);
267 .chart-colored-blob[name=Unused] {
268 fill: var(--theme-highlight-lightorange);
269 background: var(--theme-highlight-lightorange);
272 /* Undo 'largest' customization */
273 .pie-chart-slice[largest] {
275 stroke: rgba(0,0,0,0.2);
278 .csscoverage-report .pie-chart-slice {
282 .csscoverage-report-chart {