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;
17 background: #A09090; /* Toolbars */
20 .csscoverage-report-container {
25 .csscoverage-report-content {
32 .csscoverage-report h1,
33 .csscoverage-report h2,
34 .csscoverage-report h3 {
38 .csscoverage-report textarea {
43 .csscoverage-report > .csscoverage-toolbar {
49 .csscoverage-report > .csscoverage-toolbarbutton {
57 -moz-border-start: none;
62 text-decoration: none;
70 .stylesheet-rule-count,
71 .stylesheet-linked-file,
72 .stylesheet-saveButton {
76 .stylesheet-saveButton {
77 text-decoration: underline;
81 .splitview-active .stylesheet-title,
82 .splitview-active .stylesheet-name {
86 .splitview-active .stylesheet-rule-count,
87 .splitview-active .stylesheet-linked-file,
88 .splitview-active .stylesheet-saveButton {
92 .splitview-nav:focus {
93 outline: 0; /* focus ring is on the stylesheet name */
96 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
100 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
101 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
105 .splitview-nav.empty > p {
109 .stylesheet-sidebar {
111 -moz-border-start: 1px solid;
113 border-color: #9C9CFF; /* Splitters */
117 border-bottom: 1px solid #A09090; /* Grey */
126 -moz-padding-start: 4px;
129 .media-condition-unmatched {
133 .stylesheet-enabled {
136 background-image: url("itemToggle.png");
137 background-repeat: no-repeat;
138 background-clip: content-box;
139 background-position: 0 8px;
140 background-size: 48px 24px;
145 @media (min-resolution: 2dppx) {
146 .stylesheet-enabled {
147 background-image: url("itemToggle@2x.png");
151 .disabled > .stylesheet-enabled {
152 background-position: -24px 8px;
155 #style-editor-options {
160 .splitview-nav > li > .stylesheet-enabled:focus,
161 .splitview-nav > li:hover > .stylesheet-enabled {
165 .stylesheet-linked-file:not(:empty){
166 -moz-margin-end: 0.4em;
169 .stylesheet-linked-file:not(:empty):before {
170 -moz-margin-start: 0.4em;
173 li.linked-file-error .stylesheet-linked-file:after {
177 .stylesheet-more > h3 {
179 -moz-margin-end: 2px;
182 .devtools-searchinput {
192 text-decoration: underline;
204 @media (max-width: 700px) {
205 .stylesheet-sidebar {
211 @media (max-width: 550px) {
216 .splitview-nav > li.splitview-active {
217 background-size: 0 0, 0 0, auto;
220 .stylesheet-enabled {
222 background-position: 0 0;
226 .disabled > .stylesheet-enabled {
227 background-position: -24px 0;
230 .splitview-nav > li > hgroup.stylesheet-info {
231 -moz-box-align: baseline;
234 .stylesheet-sidebar {