?  search:
summary | log | graphiclog1 | graphiclog2 | refs | edit | fork

D204637
[gecko.git] / 
blobd204637072efdf141687bb441e6c7e1ba6135f30
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(.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.unknownIdentity:not(.mixedContent) + .identity-popup-expander,
11 #identity-popup-security-content:not(.chromeUI) > .identity-popup-connection-internal,
12 #identity-popup-security-content.chromeUI + .identity-popup-expander {
13   display: none;
14 }
15
16 /* PANEL */
17
18 #identity-popup,
19 .panel-viewstack[viewtype="main"]:not([transitioning]) > .panel-mainview[panelid=identity-popup] > #identity-popup-mainView {
20   /* Tiny hack to ensure the panel shrinks back to its original
21      size after closing a subview that is bigger than the main view. */
22   max-height: 0;
23 }
24
25 .panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView menulist,
26 .panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView button:not([panel-multiview-anchor]) {
27   -moz-user-focus: ignore;
28 }
29
30 #identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
31   padding: 0;
32 }
33
34 .panel-mainview[panelid=identity-popup] {
35   min-width: 30em;
36 }
37
38 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews {
39   transform: translateX(100%);
40   box-shadow: none;
41 }
42
43 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
44   transform: translateX(-100%);
45 }
46
47 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
48   background: var(--panel-arrowcontent-background);
49   border-bottom-right-radius: 3.5px;
50   padding: 0;
51 }
52
53 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
54   border-bottom-right-radius: 0;
55   border-bottom-left-radius: 3.5px;
56 }
57
58 .identity-popup-section:not(:first-child) {
59   border-top: 1px solid var(--panel-separator-color);
60 }
61
62 #identity-popup-securityView,
63 #identity-popup-security-content,
64 #identity-popup-permissions-content {
65   padding: 0.75em 0 1em;
66   -moz-padding-start: calc(2em + 24px);
67   -moz-padding-end: 1em;
68   background-repeat: no-repeat;
69   background-position: 1em 1em;
70   background-size: 24px auto;
71 }
72
73 #identity-popup-securityView:-moz-locale-dir(rtl),
74 #identity-popup-security-content:-moz-locale-dir(rtl),
75 #identity-popup-permissions-content:-moz-locale-dir(rtl) {
76   background-position: calc(100% - 1em) 1em;
77 }
78
79 /* EXPAND BUTTON */
80
81 .identity-popup-expander {
82   margin: 0;
83   padding: 4px 0;
84   min-width: auto;
85   width: 38px;
86   border: 0 none;
87   -moz-appearance: none;
88   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg"),
89                     linear-gradient(rgba(255,255,255,0.3), transparent);
90   background-size: 16px, auto;
91   background-position: center;
92   background-repeat: no-repeat;
93   background-color: transparent;
94 }
95
96 .identity-popup-expander:-moz-locale-dir(rtl) {
97   transform: scaleX(-1);
98 }
99
100 .identity-popup-expander[panel-multiview-anchor] {
101   transition: background-color 250ms ease-in;
102   background-color: #0069d9;
103   background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"),
104                     linear-gradient(rgba(255,255,255,0.3), transparent);
105 }
106
107 @media (min-resolution: 1.1dppx) {
108   .identity-popup-expander[panel-multiview-anchor] {
109     background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png"),
110                       linear-gradient(rgba(255,255,255,0.3), transparent);
111   }
112 }
113
114 .identity-popup-expander > .button-box {
115   padding: 0;
116   -moz-appearance: none;
117   border-style: none;
118   border-left: 1px solid var(--panel-separator-color);
119 }
120
121 .identity-popup-expander:-moz-focusring > .button-box,
122 .identity-popup-expander[panel-multiview-anchor] > .button-box {
123   border-style: none;
124 }
125
126 .identity-popup-expander:hover {
127   background-color: hsla(210,4%,10%,.07);
128 }
129
130 .identity-popup-expander:hover:active {
131   background-color: hsla(210,4%,10%,.12);
132   box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
133 }
134
135 /* CONTENT */
136
137 .identity-popup-text {
138   white-space: pre-wrap;
139   font-size: 110%;
140   margin: 0;
141 }
142
143 .identity-popup-headline {
144   margin: 2px 0 4px;
145   font-size: 150%;
146 }
147
148 /* SECURITY */
149
150 #identity-popup-securityView > .identity-popup-text:not(#identity-popup-content-owner) {
151   margin: 2px 0 4px;
152 }
153
154 .identity-popup-connection-secure {
155   color: #418220;
156 }
157
158 .identity-popup-connection-not-secure {
159   color: #d74345;
160 }
161
162 #identity-popup-security-content.chromeUI {
163   background-image: url(chrome://branding/content/icon48.png);
164 }
165
166 /* SECURITY SUBVIEW */
167
168 #identity-popup-securityView {
169   padding-bottom: 2em;
170   overflow: hidden;
171 }
172
173 #identity-popup-securityView,
174 #identity-popup-security-content {
175   background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg);
176 }
177
178 #identity-popup-securityView.verifiedDomain,
179 #identity-popup-securityView.verifiedIdentity,
180 #identity-popup-security-content.verifiedDomain,
181 #identity-popup-security-content.verifiedIdentity {
182   background-image: url(chrome://browser/skin/controlcenter/conn-secure.svg);
183 }
184
185 #identity-popup-securityView-header {
186   border-bottom: 1px solid var(--panel-separator-color);
187   padding-bottom: 1em;
188   margin-bottom: 1em;
189 }
190
191 #identity-popup-content-owner {
192   font-weight: 700;
193 }
194
195 #identity-popup-content-verifier {
196   color: Graytext;
197 }
198
199 #identity-popup-content-owner,
200 #identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text {
201   margin-top: 1em;
202 }
203
204 /* PERMISSIONS */
205
206 #identity-popup-permissions-content {
207   background-image: url(chrome://browser/skin/controlcenter/permissions.svg);
208 }
209
210 #identity-popup-permission-list {
211   margin-top: 5px;
212 }
213
214 .identity-popup-permission-label {
215   -moz-margin-start: 0;
216 }
217
218 /* FOOTER BUTTONS */
219
220 #identity-popup-button-container {
221   background-color: hsla(210,4%,10%,.07);
222 }
223
224 #identity-popup-more-info-button {
225   border: none;
226   border-top: 1px solid var(--panel-separator-color);
227   background: transparent;
228   -moz-appearance: none;
229   margin-top: 5px;
230   margin: 0;
231 }
232
233 #identity-popup-more-info-button > .button-box {
234   -moz-appearance: none;
235   padding: 1em;
236 }
237
238 #identity-popup-more-info-button:hover {
239   background-color: hsla(210,4%,10%,.07);
240 }
241
242 #identity-popup-more-info-button:hover:active {
243   color: inherit;
244   background-color: hsla(210,4%,10%,.12);
245   box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
246 }
247
248 #identity-popup-more-info-button:-moz-focusring {
249   border-color: transparent;
250 }