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 | ||
30 | radio[pane=paneContent] { | |
31 | -moz-image-region: rect(0, 96px, 32px, 64px); | |
32 | } | |
33 | ||
34 | radio[pane=paneContent]:not([selected="true"]):hover { | |
35 | -moz-image-region: rect(32px, 96px, 64px, 64px); | |
36 | } | |
37 | ||
38 | radio[pane=paneApplications] { | |
39 | -moz-image-region: rect(0, 128px, 32px, 96px); | |
40 | } | |
41 | ||
42 | radio[pane=paneApplications]:not([selected="true"]):hover { | |
43 | -moz-image-region: rect(32px, 128px, 64px, 96px); | |
44 | } | |
45 | ||
46 | radio[pane=panePrivacy] { | |
47 | -moz-image-region: rect(0, 160px, 32px, 128px); | |
48 | } | |
49 | ||
50 | radio[pane=panePrivacy]:not([selected="true"]):hover { | |
51 | -moz-image-region: rect(32px, 160px, 64px, 128px); | |
52 | } | |
53 | ||
54 | radio[pane=paneSecurity] { | |
55 | -moz-image-region: rect(0, 192px, 32px, 160px); | |
56 | } | |
57 | ||
58 | radio[pane=paneSecurity]:not([selected="true"]):hover { | |
59 | -moz-image-region: rect(32px, 192px, 64px, 160px); | |
60 | } | |
61 | ||
62 | radio[pane=paneAdvanced] { | |
63 | -moz-image-region: rect(0, 224px, 32px, 192px); | |
64 | } | |
65 | ||
66 | radio[pane=paneAdvanced]:not([selected="true"]):hover { | |
67 | -moz-image-region: rect(32px, 224px, 64px, 192px); | |
68 | } | |
69 | ||
70 | radio[pane=paneSync] { | |
71 | list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; | |
72 | } | |
73 | ||
46e71434 RK |
74 | label.small { |
75 | font-size: smaller; | |
76 | } | |
77 | ||
78 | #tabPrefsBox { | |
79 | margin: 6px; | |
80 | } | |
81 | ||
a21f2959 RK |
82 | /* General Pane */ |
83 | ||
84 | #isNotDefaultLabel { | |
85 | font-weight: bold; | |
86 | } | |
87 | ||
93c91f62 RK |
88 | /* Content Pane */ |
89 | #translationAttributionImage { | |
90 | width: 70px; | |
91 | cursor: pointer; | |
92 | } | |
93 | ||
50c0175b RK |
94 | /* Applications Pane */ |
95 | #BrowserPreferences[animated="true"] #handlersView { | |
96 | height: 25em; | |
97 | } | |
98 | ||
99 | #BrowserPreferences[animated="false"] #handlersView { | |
100 | -moz-box-flex: 1; | |
101 | } | |
102 | ||
103 | /* Privacy Pane */ | |
104 | ||
105 | /* styles for the link elements copied from .text-link in global.css */ | |
106 | .inline-link { | |
dbd844cb | 107 | color: #3333FF; |
56ab361a | 108 | text-decoration: none; |
50c0175b RK |
109 | cursor: pointer; |
110 | } | |
111 | ||
56ab361a RK |
112 | .inline-link:hover { |
113 | text-decoration: underline; | |
114 | } | |
115 | ||
50c0175b RK |
116 | .inline-link:-moz-focusring { |
117 | /* Don't specify the outline-color, we should always use initial value. */ | |
118 | outline: 1px dotted; | |
119 | } | |
120 | ||
121 | /* Modeless Window Dialogs */ | |
122 | .windowDialog, | |
123 | .windowDialog prefpane { | |
124 | padding: 0; | |
125 | } | |
126 | ||
127 | .contentPane { | |
128 | margin: 9px 8px 5px; | |
129 | } | |
130 | ||
131 | .actionButtons { | |
132 | margin: 0 3px 6px !important; | |
133 | } | |
134 | ||
135 | /* Cookies Manager */ | |
136 | #cookiesChildren::-moz-tree-image(domainCol) { | |
137 | width: 16px; | |
138 | height: 16px; | |
139 | margin: 0 2px; | |
dce90fef | 140 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); |
50c0175b RK |
141 | } |
142 | ||
143 | #cookiesChildren::-moz-tree-image(domainCol, container) { | |
144 | list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif"); | |
145 | } | |
146 | ||
147 | #cookiesChildren::-moz-tree-image(domainCol, container, open) { | |
148 | list-style-image: url("chrome://global/skin/filepicker/dir-open.gif"); | |
149 | } | |
150 | ||
151 | #cookieInfoBox { | |
152 | border: 1px solid #9C9CFF; | |
153 | border-radius: 3px; | |
154 | } | |
155 | ||
156 | /* Advanced Pane */ | |
157 | ||
158 | /* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff | |
159 | when browser.preferences.animateFadeIn = true */ | |
160 | #advancedPrefs { | |
161 | padding-bottom: 8px; | |
162 | } | |
163 | ||
164 | /* bottom-most box containing a groupbox in a prefpane. Prevents the bottom | |
165 | of the groupbox from being cutoff */ | |
166 | .bottomBox { | |
167 | padding-bottom: 4px; | |
168 | } | |
169 | ||
170 | /* Sync Pane */ | |
171 | ||
172 | #syncDesc { | |
8ad8bf83 | 173 | padding: 0 8em; |
50c0175b RK |
174 | } |
175 | ||
176 | .syncGroupBox { | |
177 | padding: 10px; | |
178 | } | |
179 | ||
180 | #accountCaptionImage { | |
181 | list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); | |
182 | } | |
183 | ||
184 | #syncAddDeviceLabel { | |
185 | margin-top: 1em; | |
186 | margin-bottom: 1em; | |
50c0175b | 187 | } |
46e71434 RK |
188 | |
189 | #noFxaAccount { | |
190 | margin: 6px; | |
191 | line-height: 1.2em; | |
192 | } | |
193 | ||
194 | #noFxaAccount > label:first-child { | |
195 | margin-bottom: 0.6em; | |
196 | } |