|
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-error-message { |
|
7 display: none; |
|
8 } |
|
9 |
|
10 li.error > .stylesheet-info > .stylesheet-more > .stylesheet-error-message { |
|
11 display: block; |
|
12 } |
|
13 |
|
14 .splitview-nav > li, |
|
15 .stylesheet-info, |
|
16 .stylesheet-more { |
|
17 display: -moz-box; |
|
18 } |
|
19 |
|
20 .splitview-nav > li { |
|
21 -moz-box-orient: horizontal; |
|
22 } |
|
23 |
|
24 .splitview-nav > li > hgroup { |
|
25 display: -moz-box; |
|
26 -moz-box-orient: vertical; |
|
27 -moz-box-flex: 1; |
|
28 } |
|
29 |
|
30 .stylesheet-info > h1 { |
|
31 -moz-box-flex: 1; |
|
32 } |
|
33 |
|
34 .stylesheet-name > label { |
|
35 display: inline; |
|
36 cursor: pointer; |
|
37 } |
|
38 |
|
39 .splitview-nav > li > hgroup.stylesheet-info { |
|
40 -moz-box-pack: center; |
|
41 } |
|
42 |
|
43 .stylesheet-name { |
|
44 white-space: nowrap; |
|
45 } |
|
46 |
|
47 li.unsaved > hgroup > h1 > .stylesheet-name:before { |
|
48 content: "*"; |
|
49 } |
|
50 |
|
51 li.linked-file-error .stylesheet-linked-file { |
|
52 text-decoration: line-through; |
|
53 } |
|
54 |
|
55 li.linked-file-error .stylesheet-linked-file:after { |
|
56 content: " ✘"; |
|
57 } |
|
58 |
|
59 li.linked-file-error .stylesheet-rule-count { |
|
60 visibility: hidden; |
|
61 } |
|
62 |
|
63 .stylesheet-linked-file:not(:empty):before { |
|
64 content: " ↳ "; |
|
65 } |
|
66 |
|
67 .stylesheet-enabled { |
|
68 display: -moz-box; |
|
69 cursor: pointer; |
|
70 } |
|
71 |
|
72 .stylesheet-saveButton { |
|
73 display: none; |
|
74 margin-top: 0px; |
|
75 margin-bottom: 0px; |
|
76 } |
|
77 |
|
78 .stylesheet-rule-count, |
|
79 li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton, |
|
80 li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton { |
|
81 display: -moz-box; |
|
82 } |
|
83 |
|
84 .stylesheet-more > spacer { |
|
85 -moz-box-flex: 1; |
|
86 } |
|
87 |
|
88 /* portrait mode */ |
|
89 @media (max-width: 550px) { |
|
90 li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count, |
|
91 li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count { |
|
92 display: none; |
|
93 } |
|
94 |
|
95 .stylesheet-more { |
|
96 -moz-box-flex: 1; |
|
97 -moz-box-pack: end; |
|
98 } |
|
99 |
|
100 .splitview-nav > li > hgroup.stylesheet-info { |
|
101 -moz-box-orient: horizontal; |
|
102 -moz-box-flex: 1; |
|
103 } |
|
104 |
|
105 .stylesheet-more > spacer { |
|
106 -moz-box-flex: 0; |
|
107 } |
|
108 } |