Commit | Line | Data |
---|---|---|
470b6552 RK |
1 | #identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-content-owner, |
2 | #identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-content-verifier, | |
3 | #identity-popup-securityView:not(.unknownIdentity):not(.verifiedIdentity):not(.mixedContent) > #identity-popup-content-supplemental, | |
4 | #identity-popup-security-content:not(.verifiedIdentity):not(.verifiedDomain) > .identity-popup-connection-secure, | |
5 | #identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-securityView-header > .identity-popup-connection-secure, | |
6 | #identity-popup-securityView:not(.unknownIdentity) > #identity-popup-securityView-header > .identity-popup-connection-not-secure, | |
7 | #identity-popup-securityView:not(.chromeUI) > #identity-popup-securityView-header > .identity-popup-connection-internal, | |
8 | #identity-popup-security-content:not(.unknownIdentity) > .identity-popup-connection-not-secure, | |
9 | #identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-securityView-connection, | |
10 | #identity-popup-security-content:not(.chromeUI) > .identity-popup-connection-internal, | |
11 | #identity-popup-security-content.chromeUI + .identity-popup-expander { | |
12 | display: none; | |
13 | } | |
14 | ||
15 | /* PANEL */ | |
16 | ||
17 | #identity-popup, | |
18 | .panel-viewstack[viewtype="main"]:not([transitioning]) > .panel-mainview[panelid=identity-popup] > #identity-popup-mainView { | |
19 | /* Tiny hack to ensure the panel shrinks back to its original | |
20 | size after closing a subview that is bigger than the main view. */ | |
21 | max-height: 0; | |
22 | } | |
23 | ||
24 | #identity-popup > .panel-arrowcontainer > .panel-arrowcontent { | |
25 | padding: 0; | |
26 | } | |
27 | ||
28 | .panel-mainview[panelid=identity-popup] { | |
29 | min-width: 30em; | |
30 | } | |
31 | ||
32 | #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews { | |
33 | transform: translateX(100%); | |
34 | box-shadow: none; | |
35 | } | |
36 | ||
37 | #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) { | |
38 | transform: translateX(-100%); | |
39 | } | |
40 | ||
41 | #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews { | |
42 | background: var(--panel-arrowcontent-background); | |
43 | border-bottom-right-radius: 3.5px; | |
44 | padding: 0; | |
45 | } | |
46 | ||
47 | #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) { | |
48 | border-bottom-right-radius: 0; | |
49 | border-bottom-left-radius: 3.5px; | |
50 | } | |
51 | ||
52 | .identity-popup-section:not(:first-child) { | |
53 | border-top: 1px solid #A09090; | |
54 | } | |
55 | ||
56 | #identity-popup-securityView, | |
57 | #identity-popup-security-content, | |
58 | #identity-popup-permissions-content, | |
59 | #tracking-protection-content { | |
60 | padding: 0.75em 0 1em; | |
61 | -moz-padding-start: calc(2em + 24px); | |
62 | -moz-padding-end: 1em; | |
63 | background-repeat: no-repeat; | |
64 | background-position: 1em 1em; | |
65 | background-size: 24px auto; | |
66 | } | |
67 | ||
68 | #identity-popup-securityView:-moz-locale-dir(rtl), | |
69 | #identity-popup-security-content:-moz-locale-dir(rtl), | |
70 | #identity-popup-permissions-content:-moz-locale-dir(rtl), | |
71 | #tracking-protection-content:-moz-locale-dir(rtl) { | |
72 | background-position: calc(100% - 1em) 1em; | |
73 | } | |
74 | ||
75 | /* IN-CONTENT-PREF STYLE BUTTONS */ | |
76 | /* | |
77 | .identity-popup-button { | |
78 | -moz-appearance: none; | |
79 | margin: 5px 0; | |
80 | height: 30px; | |
81 | color: #333; | |
82 | line-height: 20px; | |
83 | border: 1px solid #c1c1c1; | |
84 | border-radius: 2px; | |
85 | background-color: #fbfbfb; | |
86 | } | |
87 | ||
88 | .identity-popup-button:not([disabled="true"]):hover { | |
89 | background-color: #ebebeb; | |
90 | } | |
91 | ||
92 | .identity-popup-button:not([disabled="true"]):hover:active { | |
93 | background-color: #dadada; | |
94 | } | |
95 | ||
96 | .identity-popup-button[disabled="true"] { | |
97 | cursor: not-allowed; | |
98 | opacity: 0.5; | |
99 | } | |
100 | */ | |
101 | /* EXPAND BUTTON */ | |
102 | ||
103 | .identity-popup-expander { | |
104 | margin: 0; | |
105 | min-width: auto; | |
106 | width: 38px; | |
107 | background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow"); | |
108 | background-size: 16px, auto; | |
109 | background-position: center; | |
110 | background-repeat: no-repeat; | |
111 | background-color: transparent; | |
112 | border-radius: 0 5px 5px 0; | |
113 | } | |
114 | ||
115 | .identity-popup-expander:-moz-locale-dir(rtl) { | |
116 | transform: scaleX(-1); | |
117 | } | |
118 | ||
119 | .identity-popup-expander[panel-multiview-anchor] { | |
120 | transition: background-color 250ms ease-in; | |
121 | background-color: #008484; | |
122 | background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); | |
123 | } | |
124 | ||
125 | @media (min-resolution: 1.1dppx) { | |
126 | .identity-popup-expander[panel-multiview-anchor] { | |
127 | background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png"); | |
128 | } | |
129 | } | |
130 | ||
131 | .identity-popup-expander > .button-box, | |
132 | .identity-popup-expander > .button-box:focus { | |
133 | padding: 4px 0; | |
134 | border-radius: 0 5px 5px 0; | |
135 | } | |
136 | ||
137 | .identity-popup-expander[panel-multiview-anchor] > .button-box, | |
138 | .identity-popup-expander[panel-multiview-anchor] > .button-box:focus { | |
139 | } | |
140 | ||
141 | .identity-popup-expander:hover { | |
142 | background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active"); | |
143 | background-color: #FFCF00; | |
144 | } | |
145 | ||
146 | .identity-popup-expander:hover:active { | |
147 | background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active"); | |
148 | background-color: #FF9F00; | |
149 | } | |
150 | ||
151 | /* CONTENT */ | |
152 | ||
153 | .identity-popup-text { | |
154 | white-space: pre-wrap; | |
155 | font-size: 110%; | |
156 | margin: 0; | |
157 | } | |
158 | ||
159 | .identity-popup-headline { | |
160 | margin: 2px 0 4px; | |
161 | font-size: 150%; | |
162 | } | |
163 | ||
164 | /* SECURITY */ | |
165 | ||
166 | #identity-popup-securityView > .identity-popup-text:not(#identity-popup-content-owner) { | |
167 | margin: 2px 0 4px; | |
168 | } | |
169 | ||
170 | .identity-popup-connection-secure { | |
171 | color: #008484; | |
172 | } | |
173 | ||
174 | .identity-popup-connection-not-secure { | |
175 | color: #9C9CFF; | |
176 | } | |
177 | ||
178 | #identity-popup-security-content.chromeUI { | |
179 | background-image: url(chrome://branding/content/icon48.png); | |
180 | } | |
181 | ||
182 | /* SECURITY SUBVIEW */ | |
183 | ||
184 | #identity-popup-securityView { | |
185 | padding-bottom: 2em; | |
186 | overflow: hidden; | |
187 | } | |
188 | ||
189 | #identity-popup-securityView, | |
190 | #identity-popup-security-content { | |
191 | background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg); | |
192 | } | |
193 | ||
194 | #identity-popup-securityView.verifiedDomain, | |
195 | #identity-popup-security-content.verifiedDomain { | |
196 | background-image: url(chrome://browser/skin/controlcenter/conn-secure-dv.svg); | |
197 | } | |
198 | ||
199 | #identity-popup-securityView.verifiedIdentity, | |
200 | #identity-popup-security-content.verifiedIdentity { | |
201 | background-image: url(chrome://browser/skin/controlcenter/conn-secure-ev.svg); | |
202 | } | |
203 | ||
204 | #identity-popup-securityView.mixedActiveContent, | |
205 | #identity-popup-security-content.mixedActiveContent { | |
206 | background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg); | |
207 | } | |
208 | ||
209 | #identity-popup-securityView-header { | |
210 | border-bottom: 1px solid #A09090; | |
211 | padding-bottom: 1em; | |
212 | margin-bottom: 1em; | |
213 | } | |
214 | ||
215 | #identity-popup-content-owner { | |
216 | font-weight: 700; | |
217 | } | |
218 | ||
219 | #identity-popup-content-verifier { | |
220 | color: #A09090; | |
221 | } | |
222 | ||
223 | #identity-popup-content-owner, | |
224 | #identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text { | |
225 | margin-top: 1em; | |
226 | } | |
227 | ||
228 | /* TRACKING PROTECTION */ | |
229 | ||
230 | #tracking-protection-content { | |
231 | background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg"); | |
232 | } | |
233 | ||
234 | #tracking-protection-content[block-disabled] { | |
235 | background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg"); | |
236 | } | |
237 | ||
238 | #tracking-action-block, | |
239 | #tracking-action-unblock { | |
240 | margin: 1em 0 0; | |
241 | } | |
242 | ||
243 | #tracking-protection-content[block-active] > #tracking-not-detected, | |
244 | #tracking-protection-content[block-disabled] > #tracking-not-detected, | |
245 | #tracking-protection-content:not([block-active]) > #tracking-blocked, | |
246 | #tracking-protection-content:not([block-active]) #tracking-action-unblock, | |
247 | #tracking-protection-content:not([block-disabled]) > #tracking-loaded, | |
248 | #tracking-protection-content:not([block-disabled]) #tracking-action-block, | |
249 | #tracking-protection-content:not([block-active]):not([block-disabled]) > #tracking-actions { | |
250 | display: none; | |
251 | } | |
252 | ||
253 | /* PERMISSIONS */ | |
254 | ||
255 | #identity-popup-permissions-content { | |
256 | background-image: url(chrome://browser/skin/controlcenter/permissions.svg); | |
257 | } | |
258 | ||
259 | #identity-popup-permission-list { | |
260 | margin-top: 5px; | |
261 | } | |
262 | ||
263 | .identity-popup-permission-label { | |
264 | -moz-margin-start: 0; | |
265 | } | |
266 | ||
267 | /* FOOTER BUTTONS */ | |
268 | ||
269 | #identity-popup-button-container { | |
270 | background-color: #000000; | |
271 | border-top: 1px solid #A09090; | |
272 | } | |
273 | ||
274 | #identity-popup-more-info-button { | |
275 | } | |
276 | /* | |
277 | #identity-popup-more-info-button:hover { | |
278 | } | |
279 | ||
280 | #identity-popup-more-info-button:hover:active { | |
281 | } | |
282 | */ |