Commit | Line | Data |
---|---|---|
85cfb236 RK |
1 | /* - This Source Code Form is subject to the terms of the Mozilla Public\r |
2 | - License, v. 2.0. If a copy of the MPL was not distributed with this file,\r | |
3 | - You can obtain one at http://mozilla.org/MPL/2.0/. */\r | |
4 | \r | |
5 | @import url("chrome://global/skin/inContentUI.css");\r | |
6 | \r | |
7 | @namespace html "http://www.w3.org/1999/xhtml";\r | |
8 | \r | |
85cfb236 RK |
9 | #header {\r |
10 | margin-bottom: 18px;\r | |
11 | }\r | |
12 | \r | |
13 | .indent-small {\r | |
14 | -moz-margin-start: 10px;\r | |
15 | }\r | |
16 | \r | |
5a199ba1 RK |
17 | caption {\r |
18 | font-size: 1.667rem;\r | |
85cfb236 RK |
19 | }\r |
20 | \r | |
5a199ba1 RK |
21 | .main-content {\r |
22 | max-width: 800px;\r | |
85cfb236 RK |
23 | }\r |
24 | \r | |
5a199ba1 RK |
25 | prefpane {\r |
26 | padding: 0;\r | |
85cfb236 RK |
27 | }\r |
28 | \r | |
5a199ba1 RK |
29 | prefpane > .content-box {\r |
30 | overflow: auto;\r | |
85cfb236 RK |
31 | }\r |
32 | \r | |
5a199ba1 RK |
33 | /* Category List */\r |
34 | \r | |
35 | #categories {\r | |
36 | -moz-appearance: none;\r | |
37 | border: none;\r | |
38 | -moz-margin-end: -1px;\r | |
39 | background-color: transparent;\r | |
40 | position: relative;\r | |
41 | margin-top: 31px;\r | |
42 | }\r | |
43 | \r | |
44 | .category {\r | |
45 | -moz-appearance: none;\r | |
46 | background-color: transparent;\r | |
47 | color: #FF9F00;\r | |
48 | padding: 10px 4px;\r | |
49 | border-width: 1px;\r | |
50 | border-style: solid;\r | |
51 | border-color: transparent;\r | |
52 | -moz-padding-end: 8px;\r | |
53 | -moz-box-align: center;\r | |
54 | overflow: hidden;\r | |
55 | min-height: 0;\r | |
56 | height: 52px;\r | |
85cfb236 RK |
57 | }\r |
58 | \r | |
5a199ba1 RK |
59 | .category:-moz-locale-dir(ltr) {\r |
60 | border-top-left-radius: 5px;\r | |
61 | border-bottom-left-radius: 5px;\r | |
85cfb236 RK |
62 | }\r |
63 | \r | |
5a199ba1 RK |
64 | .category:-moz-locale-dir(rtl) {\r |
65 | border-top-right-radius: 5px;\r | |
66 | border-bottom-right-radius: 5px;\r | |
85cfb236 RK |
67 | }\r |
68 | \r | |
5a199ba1 RK |
69 | .category[selected] {\r |
70 | background-color: #008484;\r | |
71 | color: #FFCF00;\r | |
72 | border-color: #9C9CFF;\r | |
73 | /* -moz-border-end-color: transparent; */\r | |
85cfb236 RK |
74 | }\r |
75 | \r | |
5a199ba1 RK |
76 | .category-name {\r |
77 | font-size: 1.5rem;\r | |
78 | -moz-padding-end: 24px;\r | |
85cfb236 RK |
79 | }\r |
80 | \r | |
5a199ba1 RK |
81 | /* Maximize the size of the viewport when the window is small */\r |
82 | @media (max-width: 800px) {\r | |
83 | .category-name {\r | |
84 | display: none;\r | |
85 | }\r | |
85cfb236 RK |
86 | }\r |
87 | \r | |
5a199ba1 RK |
88 | .category-icon {\r |
89 | width: 32px;\r | |
90 | height: 32px;\r | |
91 | margin: 0 6px;\r | |
92 | -moz-margin-start: 6px;\r | |
93 | -moz-margin-end: 5px;\r | |
94 | list-style-image: url("chrome://browser/skin/preferences/Options.png");\r | |
85cfb236 RK |
95 | }\r |
96 | \r | |
5a199ba1 RK |
97 | #category-general > .category-icon {\r |
98 | -moz-image-region: rect(0, 32px, 32px, 0);\r | |
85cfb236 RK |
99 | }\r |
100 | \r | |
5a199ba1 RK |
101 | #category-content > .category-icon {\r |
102 | -moz-image-region: rect(0, 96px, 32px, 64px)\r | |
85cfb236 RK |
103 | }\r |
104 | \r | |
5a199ba1 RK |
105 | #category-application > .category-icon {\r |
106 | -moz-image-region: rect(0, 128px, 32px, 96px)\r | |
85cfb236 RK |
107 | }\r |
108 | \r | |
5a199ba1 RK |
109 | #category-privacy > .category-icon {\r |
110 | -moz-image-region: rect(0, 160px, 32px, 128px)\r | |
85cfb236 RK |
111 | }\r |
112 | \r | |
5a199ba1 RK |
113 | #category-security > .category-icon {\r |
114 | -moz-image-region: rect(0, 192px, 32px, 160px)\r | |
115 | }\r | |
116 | \r | |
117 | #category-advanced > .category-icon {\r | |
118 | -moz-image-region: rect(0, 224px, 32px, 192px)\r | |
119 | }\r | |
120 | \r | |
121 | #category-sync > .category-icon {\r | |
122 | list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");\r | |
85cfb236 RK |
123 | }\r |
124 | \r | |
125 | /* Applications Pane Styles */\r | |
126 | \r | |
127 | #applications-content {\r | |
128 | padding: 15px;\r | |
129 | }\r | |
130 | \r | |
131 | #handlersView {\r | |
132 | border: none; /*1px solid #9C9CFF;*/\r | |
133 | margin: 0;\r | |
134 | overflow-y: auto;\r | |
135 | border-top-left-radius: 0;\r | |
136 | border-top-right-radius: 0;\r | |
137 | }\r | |
138 | \r | |
139 | #handersView > listheader > treecol {\r | |
140 | border-radius: 0;\r | |
141 | }\r | |
142 | \r | |
143 | #advancedPrefs {\r | |
144 | padding: 0; /* overrides preferences/preferences.css */\r | |
145 | }\r | |
146 | \r | |
147 | #advancedPrefs > tabs {\r | |
148 | -moz-padding-start: 5px;\r | |
149 | }\r | |
150 | \r | |
151 | #advancedPrefs > tabpanels {\r | |
152 | border-right: none;\r | |
153 | border-left: none;\r | |
154 | border-bottom: none;\r | |
155 | border-top-left-radius: 0;\r | |
156 | border-top-right-radius: 0;\r | |
157 | }\r | |
158 | \r | |
159 | /* XXX This style is for bug 740213 and should be removed once that\r | |
160 | bug has a solution. */\r | |
161 | description > html|a {\r | |
162 | cursor: pointer;\r | |
163 | }\r | |
164 | \r | |
165 | /* XXX Styles Below can be removed once bug 660726 lands */\r | |
166 | .nav-button {\r | |
167 | list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");\r | |
168 | }\r | |
169 | \r | |
170 | #forward-btn {\r | |
171 | -moz-border-start: none;\r | |
172 | }\r | |
173 | \r | |
174 | #back-btn:-moz-locale-dir(ltr),\r | |
175 | #forward-btn:-moz-locale-dir(rtl) {\r | |
176 | -moz-image-region: rect(42px 25px 63px 0px);\r | |
177 | border-top-right-radius: 0;\r | |
178 | border-bottom-right-radius: 0;\r | |
179 | }\r | |
180 | \r | |
181 | #back-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r | |
182 | #back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr),\r | |
183 | #forward-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r | |
184 | #forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl) {\r | |
185 | -moz-image-region: rect(42px 75px 63px 50px);\r | |
186 | }\r | |
187 | \r | |
188 | #back-btn[disabled="true"]:-moz-locale-dir(ltr),\r | |
189 | #forward-btn[disabled="true"]:-moz-locale-dir(rtl) {\r | |
190 | -moz-image-region: rect(42px 50px 63px 25px);\r | |
191 | }\r | |
192 | \r | |
193 | #back-btn:-moz-locale-dir(rtl),\r | |
194 | #forward-btn:-moz-locale-dir(ltr) {\r | |
195 | -moz-image-region: rect(63px 25px 84px 0px);\r | |
196 | border-top-left-radius: 0;\r | |
197 | border-bottom-left-radius: 0;\r | |
198 | }\r | |
199 | \r | |
200 | #back-btn:not([disabled="true"]):hover:-moz-locale-dir(rtl),\r | |
201 | #back-btn:not([disabled="true"]):hover:active:-moz-locale-dir(rtl),\r | |
202 | #forward-btn:not([disabled="true"]):hover:-moz-locale-dir(ltr),\r | |
203 | #forward-btn:not([disabled="true"]):hover:active:-moz-locale-dir(ltr) {\r | |
204 | -moz-image-region: rect(63px 75px 84px 50px);\r | |
205 | }\r | |
206 | \r | |
207 | #back-btn[disabled="true"]:-moz-locale-dir(rtl),\r | |
208 | #forward-btn[disabled="true"]:-moz-locale-dir(ltr) {\r | |
209 | -moz-image-region: rect(63px 50px 84px 25px);\r | |
210 | }\r | |
211 | \r | |
212 | .header-button {\r | |
213 | }\r | |
214 | \r | |
215 | .header-button:not([disabled="true"]):active:hover,\r | |
216 | .header-button[open="true"] {\r | |
217 | }\r | |
218 | \r | |
219 | .header-button > .toolbarbutton-text {\r | |
220 | display: none;\r | |
221 | }\r |