browser/themes/shared/devtools/styleeditor.css

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:42a5ea8105f2
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/. */
5
6 .stylesheet-title,
7 .stylesheet-name {
8 text-decoration: none;
9 }
10
11 .stylesheet-name {
12 font-size: 13px;
13 }
14
15 .theme-dark .stylesheet-title,
16 .theme-dark .stylesheet-name {
17 color: #f5f7fa;
18 }
19
20 .theme-dark .stylesheet-rule-count,
21 .theme-dark .stylesheet-linked-file,
22 .theme-dark .stylesheet-saveButton {
23 color: #b6babf;
24 }
25
26 .theme-light .stylesheet-title,
27 .theme-light .stylesheet-name {
28 color: #585959;
29 }
30
31 .theme-light .stylesheet-rule-count,
32 .theme-light .stylesheet-linked-file,
33 .theme-light .stylesheet-saveButton {
34 color: #18191a;
35 }
36
37 .stylesheet-saveButton {
38 text-decoration: underline;
39 cursor: pointer;
40 }
41
42 .splitview-active .stylesheet-title,
43 .splitview-active .stylesheet-name,
44 .theme-light .splitview-active .stylesheet-rule-count,
45 .theme-light .splitview-active .stylesheet-linked-file,
46 .theme-light .splitview-active .stylesheet-saveButton {
47 color: #f5f7fa;
48 }
49
50 .splitview-nav:focus {
51 outline: 0; /* focus ring is on the stylesheet name */
52 }
53
54 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
55 font-style: italic;
56 }
57
58 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
59 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
60 font-style: italic;
61 }
62
63 .splitview-nav.empty > p {
64 padding: 0 10px;
65 }
66
67 .stylesheet-enabled {
68 padding: 8px 0;
69 margin: 0 8px;
70 background-image: url(itemToggle.png);
71 background-repeat: no-repeat;
72 background-clip: content-box;
73 background-position: 0 8px;
74 width: 24px;
75 height: 40px;
76 }
77
78 .theme-light .stylesheet-enabled {
79 background-image: url(itemToggle-light.png);
80 }
81
82 .disabled > .stylesheet-enabled {
83 background-position: -24px 8px;
84 }
85
86 .splitview-nav > li > .stylesheet-enabled:focus,
87 .splitview-nav > li:hover > .stylesheet-enabled {
88 outline: 0;
89 }
90
91 .stylesheet-linked-file:not(:empty){
92 -moz-margin-end: 0.4em;
93 }
94
95 .stylesheet-linked-file:not(:empty):before {
96 -moz-margin-start: 0.4em;
97 }
98
99 li.linked-file-error .stylesheet-linked-file:after {
100 font-size: 110%;
101 }
102
103 .stylesheet-more > h3 {
104 font-size: 11px;
105 -moz-margin-end: 2px;
106 }
107
108 .devtools-searchinput {
109 max-width: 25ex;
110 font-size: 11px;
111 }
112
113 .placeholder a {
114 text-decoration: underline;
115 }
116
117 h1,
118 h2,
119 h3 {
120 font-size: inherit;
121 font-weight: normal;
122 margin: 0;
123 padding: 0;
124 }
125
126 /* portrait mode */
127 @media (max-width: 550px) {
128 .splitview-nav {
129 box-shadow: none;
130 }
131
132 .splitview-nav > li.splitview-active {
133 background-size: 0 0, 0 0, auto;
134 }
135
136 .stylesheet-enabled {
137 padding: 0;
138 background-position: 0 0;
139 height: 24px;
140 }
141
142 .disabled > .stylesheet-enabled {
143 background-position: -24px 0;
144 }
145
146 .splitview-nav > li > hgroup.stylesheet-info {
147 -moz-box-align: baseline;
148 }
149 }

mercurial