Commit | Line | Data |
---|---|---|
50c0175b RK |
1 | /* |
2 | # -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- | |
9099c61d RK |
3 | # This Source Code Form is subject to the terms of the Mozilla Public |
4 | # License, v. 2.0. If a copy of the MPL was not distributed with this | |
5 | # file, You can obtain one at http://mozilla.org/MPL/2.0/. | |
50c0175b RK |
6 | */ |
7 | ||
8 | /* Global Styles */ | |
9 | #BrowserPreferences radio[pane] { | |
10 | list-style-image: url("chrome://browser/skin/preferences/Options.png"); | |
11 | padding: 5px 3px 1px; | |
12 | } | |
13 | ||
14 | radio[pane=paneMain] { | |
15 | -moz-image-region: rect(0, 32px, 32px, 0); | |
16 | } | |
17 | ||
18 | radio[pane=paneMain]:not([selected="true"]):hover { | |
19 | -moz-image-region: rect(32px, 32px, 64px, 0); | |
20 | } | |
21 | ||
22 | radio[pane=paneTabs] { | |
23 | -moz-image-region: rect(0, 64px, 32px, 32px); | |
24 | } | |
25 | ||
26 | radio[pane=paneTabs]:not([selected="true"]):hover { | |
27 | -moz-image-region: rect(32px, 64px, 64px, 32px); | |
28 | } | |
29 | ||
58036cb8 RK |
30 | #BrowserPreferences radio[pane=paneSearch] { |
31 | list-style-image: url("chrome://browser/skin/search-pref.png"); | |
32 | } | |
33 | ||
34 | #BrowserPreferences radio[pane=paneSearch]:not([selected="true"]):hover { | |
35 | list-style-image: url("chrome://browser/skin/search-pref-hover.png"); | |
36 | } | |
37 | ||
50c0175b RK |
38 | radio[pane=paneContent] { |
39 | -moz-image-region: rect(0, 96px, 32px, 64px); | |
40 | } | |
41 | ||
42 | radio[pane=paneContent]:not([selected="true"]):hover { | |
43 | -moz-image-region: rect(32px, 96px, 64px, 64px); | |
44 | } | |
45 | ||
46 | radio[pane=paneApplications] { | |
47 | -moz-image-region: rect(0, 128px, 32px, 96px); | |
48 | } | |
49 | ||
50 | radio[pane=paneApplications]:not([selected="true"]):hover { | |
51 | -moz-image-region: rect(32px, 128px, 64px, 96px); | |
52 | } | |
53 | ||
54 | radio[pane=panePrivacy] { | |
55 | -moz-image-region: rect(0, 160px, 32px, 128px); | |
56 | } | |
57 | ||
58 | radio[pane=panePrivacy]:not([selected="true"]):hover { | |
59 | -moz-image-region: rect(32px, 160px, 64px, 128px); | |
60 | } | |
61 | ||
62 | radio[pane=paneSecurity] { | |
63 | -moz-image-region: rect(0, 192px, 32px, 160px); | |
64 | } | |
65 | ||
66 | radio[pane=paneSecurity]:not([selected="true"]):hover { | |
67 | -moz-image-region: rect(32px, 192px, 64px, 160px); | |
68 | } | |
69 | ||
70 | radio[pane=paneAdvanced] { | |
71 | -moz-image-region: rect(0, 224px, 32px, 192px); | |
72 | } | |
73 | ||
74 | radio[pane=paneAdvanced]:not([selected="true"]):hover { | |
75 | -moz-image-region: rect(32px, 224px, 64px, 192px); | |
76 | } | |
77 | ||
78 | radio[pane=paneSync] { | |
79 | list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; | |
80 | } | |
81 | ||
46e71434 RK |
82 | label.small { |
83 | font-size: smaller; | |
84 | } | |
85 | ||
86 | #tabPrefsBox { | |
87 | margin: 6px; | |
88 | } | |
89 | ||
a21f2959 RK |
90 | /* General Pane */ |
91 | ||
e548e22e RK |
92 | #useFirefoxSync, |
93 | #getStarted { | |
94 | font-size: 90%; | |
95 | } | |
96 | ||
a21f2959 RK |
97 | #isNotDefaultLabel { |
98 | font-weight: bold; | |
99 | } | |
100 | ||
93c91f62 RK |
101 | /* Content Pane */ |
102 | #translationAttributionImage { | |
103 | width: 70px; | |
104 | cursor: pointer; | |
105 | } | |
106 | ||
50c0175b RK |
107 | /* Applications Pane */ |
108 | #BrowserPreferences[animated="true"] #handlersView { | |
109 | height: 25em; | |
110 | } | |
111 | ||
112 | #BrowserPreferences[animated="false"] #handlersView { | |
113 | -moz-box-flex: 1; | |
114 | } | |
115 | ||
116 | /* Privacy Pane */ | |
117 | ||
118 | /* styles for the link elements copied from .text-link in global.css */ | |
119 | .inline-link { | |
dbd844cb | 120 | color: #3333FF; |
56ab361a | 121 | text-decoration: none; |
50c0175b RK |
122 | cursor: pointer; |
123 | } | |
124 | ||
56ab361a RK |
125 | .inline-link:hover { |
126 | text-decoration: underline; | |
127 | } | |
128 | ||
50c0175b RK |
129 | .inline-link:-moz-focusring { |
130 | /* Don't specify the outline-color, we should always use initial value. */ | |
131 | outline: 1px dotted; | |
132 | } | |
133 | ||
134 | /* Modeless Window Dialogs */ | |
135 | .windowDialog, | |
136 | .windowDialog prefpane { | |
137 | padding: 0; | |
138 | } | |
139 | ||
140 | .contentPane { | |
141 | margin: 9px 8px 5px; | |
142 | } | |
143 | ||
144 | .actionButtons { | |
145 | margin: 0 3px 6px !important; | |
146 | } | |
147 | ||
148 | /* Cookies Manager */ | |
149 | #cookiesChildren::-moz-tree-image(domainCol) { | |
150 | width: 16px; | |
151 | height: 16px; | |
152 | margin: 0 2px; | |
dce90fef | 153 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); |
50c0175b RK |
154 | } |
155 | ||
156 | #cookiesChildren::-moz-tree-image(domainCol, container) { | |
157 | list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif"); | |
158 | } | |
159 | ||
160 | #cookiesChildren::-moz-tree-image(domainCol, container, open) { | |
161 | list-style-image: url("chrome://global/skin/filepicker/dir-open.gif"); | |
162 | } | |
163 | ||
164 | #cookieInfoBox { | |
165 | border: 1px solid #9C9CFF; | |
166 | border-radius: 3px; | |
167 | } | |
168 | ||
169 | /* Advanced Pane */ | |
170 | ||
171 | /* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff | |
172 | when browser.preferences.animateFadeIn = true */ | |
173 | #advancedPrefs { | |
174 | padding-bottom: 8px; | |
175 | } | |
176 | ||
177 | /* bottom-most box containing a groupbox in a prefpane. Prevents the bottom | |
178 | of the groupbox from being cutoff */ | |
179 | .bottomBox { | |
180 | padding-bottom: 4px; | |
181 | } | |
182 | ||
183 | /* Sync Pane */ | |
184 | ||
185 | #syncDesc { | |
8ad8bf83 | 186 | padding: 0 8em; |
50c0175b RK |
187 | } |
188 | ||
189 | .syncGroupBox { | |
190 | padding: 10px; | |
191 | } | |
192 | ||
193 | #accountCaptionImage { | |
194 | list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); | |
195 | } | |
196 | ||
197 | #syncAddDeviceLabel { | |
198 | margin-top: 1em; | |
199 | margin-bottom: 1em; | |
50c0175b | 200 | } |
46e71434 RK |
201 | |
202 | #noFxaAccount { | |
203 | margin: 6px; | |
204 | line-height: 1.2em; | |
205 | } | |
206 | ||
207 | #noFxaAccount > label:first-child { | |
208 | margin-bottom: 0.6em; | |
209 | } |