|
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 } |