OLD | NEW |
| (Empty) |
1 /* | |
2 Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
3 Use of this source code is governed by a BSD-style license that can be | |
4 found in the LICENSE file. | |
5 */ | |
6 | |
7 .details-view { | |
8 -webkit-padding-end: 10px; | |
9 } | |
10 | |
11 .extension-list-item { | |
12 padding-bottom: 7px; | |
13 padding-top: 7px; | |
14 width: 100%; | |
15 -webkit-user-select: auto; | |
16 } | |
17 | |
18 /* Get rid of display: table, which causes width issues. */ | |
19 #extension-settings .displaytable { | |
20 display: block; | |
21 } | |
22 /* Get rid of display: table row, which causes width issues. */ | |
23 #extension-settings .displaytable > section { | |
24 display: block; | |
25 } | |
26 /* Get rid of display: table cell, which causes width issues. */ | |
27 #extension-settings .displaytable > section > * { | |
28 display: block; | |
29 } | |
30 | |
31 .extension-settings-content { | |
32 border-bottom : 0 solid #eee; | |
33 margin-top: 3px; | |
34 } | |
35 | |
36 #extension-settings-list { | |
37 min-height: 0; | |
38 overflow-y: hidden; | |
39 } | |
40 | |
41 /* Get rid of the light-blue background on list item hover. */ | |
42 #extension-settings-list:not([disabled]) > :hover { | |
43 background-color: white; | |
44 border-color: #CDCDCD; | |
45 } | |
46 | |
47 .butter-bar { | |
48 background: #FFF299; | |
49 padding: 2px 5px; | |
50 border-radius: 3px; | |
51 white-space: normal; | |
52 } | |
53 | |
54 .search-suppress { | |
55 display: none; | |
56 height: 0; | |
57 } | |
58 | |
59 .extension-list-item-collaped { | |
60 height: auto; | |
61 margin-bottom: 16px; | |
62 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; | |
63 } | |
64 | |
65 .extension-list-item-expanded { | |
66 height: auto; | |
67 margin-bottom: 16px; | |
68 overflow: visible; | |
69 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; | |
70 } | |
71 | |
72 .extension-settings { | |
73 overflow-x: hidden; | |
74 } | |
75 | |
76 .extension-icon { | |
77 height: 48px; | |
78 vertical-align: text-top; | |
79 width: 48px; | |
80 -webkit-padding-start: 15px; | |
81 -webkit-padding-end: 15px; | |
82 -webkit-user-select: none; | |
83 } | |
84 | |
85 .extension-title { | |
86 font-size: 16px; | |
87 font-weight: 500; | |
88 -webkit-padding-end: 20px; | |
89 } | |
90 | |
91 .extension-version { | |
92 font-size: 13px; | |
93 font-weight: 400; | |
94 -webkit-padding-end: 7px; | |
95 } | |
96 | |
97 .extension-description { | |
98 font-size: 13px; | |
99 white-space: normal; | |
100 -webkit-padding-end: 5px; | |
101 } | |
102 | |
103 .extension-checkbox-span { | |
104 -webkit-margin-start: 7px; | |
105 } | |
106 | |
107 .extension-checkbox-label { | |
108 -webkit-margin-end: 10px; | |
109 } | |
110 | |
111 .extension-delete { | |
112 -webkit-margin-start: 5px; | |
113 } | |
114 | |
115 .extension-details-hidden { | |
116 opacity: 0; | |
117 max-height: 0; | |
118 -webkit-transition: max-height 400ms, opacity 200ms; | |
119 } | |
120 | |
121 .extension-details-visible { | |
122 opacity: 1; | |
123 max-height: 1000px; | |
124 -webkit-transition: max-height 200ms, opacity 300ms; | |
125 } | |
126 | |
127 .extension-links-view { | |
128 -webkit-padding-start: 15px; | |
129 } | |
130 | |
131 .extension-links-trailing { | |
132 -webkit-padding-end: 7px; | |
133 } | |
134 | |
135 .extension-zippy-container { | |
136 cursor: pointer; | |
137 width: 20px; | |
138 -webkit-user-select: none; | |
139 } | |
140 | |
141 .extension-warnings-title { | |
142 color: red; | |
143 } | |
144 | |
145 .extension-warnings { | |
146 margin-top: 6px; | |
147 } | |
148 | |
149 .extension-warnings ul { | |
150 margin: 0; | |
151 } | |
152 | |
153 .extension-warnings > * { | |
154 white-space: normal; | |
155 } | |
156 | |
157 .informative-text { | |
158 color: gray; | |
159 } | |
160 | |
161 .extension-zippy-default { | |
162 background-image: url('zippy.png'); | |
163 background-repeat: no-repeat; | |
164 background-position: center top; | |
165 position: absolute; | |
166 left: 12px; | |
167 right: 12px; | |
168 top: 25px; | |
169 width: 6px; | |
170 height: 16px; | |
171 opacity: .25; | |
172 } | |
173 | |
174 .extension-zippy-collapsed { | |
175 -webkit-transition: -webkit-transform 100ms; | |
176 -webkit-transform: rotate(0deg); | |
177 } | |
178 | |
179 html[dir="rtl"] .extension-zippy-collapsed { | |
180 -webkit-transform: rotate(180deg); | |
181 } | |
182 | |
183 .extension-zippy-collapsed:hover { | |
184 opacity: .5; | |
185 -webkit-transform: rotate(5deg); | |
186 -webkit-transition: -webkit-transform 100ms, opacity 100ms; | |
187 } | |
188 | |
189 html[dir="rtl"] .extension-zippy-collapsed:hover { | |
190 -webkit-transform: rotate(175deg); | |
191 } | |
192 | |
193 .extension-zippy-expanded { | |
194 -webkit-transition: -webkit-transform 100ms; | |
195 -webkit-transform: rotate(90deg); | |
196 } | |
197 | |
198 .extension-zippy-expanded:hover { | |
199 -webkit-transition: -webkit-transform 100ms; | |
200 -webkit-transform: rotate(85deg); | |
201 } | |
202 | |
203 html[dir="rtl"] .extension-zippy-expanded:hover { | |
204 -webkit-transform: rotate(95deg); | |
205 } | |
206 | |
207 .extension-enabling { | |
208 position: relative; | |
209 top: 3px; | |
210 } | |
211 | |
212 .extension-enabling-label { | |
213 color: black; | |
214 -webkit-padding-start: 3px; | |
215 -webkit-padding-end: 9px; | |
216 } | |
217 | |
218 .extension-enabling-label-bold { | |
219 font-weight: bold; | |
220 } | |
221 | |
222 .extension-inspect-table { | |
223 padding: 0; | |
224 border-spacing: 0; | |
225 } | |
226 | |
227 .extension-inspect-left-column { | |
228 vertical-align: text-top; | |
229 } | |
230 | |
231 /* Dev */ | |
232 | |
233 .dev-open { | |
234 border-bottom: 1px solid rgb(205, 205, 205); | |
235 height: 32px; | |
236 padding-bottom: 7px; | |
237 padding-top: 13px; | |
238 -webkit-padding-start: 4px; | |
239 -webkit-padding-end: 3px; | |
240 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; | |
241 } | |
242 .dev-closed { | |
243 height: 0; | |
244 opacity: 0; | |
245 padding-top: 9px; | |
246 -webkit-padding-start: 4px; | |
247 -webkit-padding-end: 3px; | |
248 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; | |
249 } | |
250 | |
251 .dev-button-visible { | |
252 display: inherit; | |
253 opacity: 1; | |
254 -webkit-transition: opacity 200ms; | |
255 } | |
256 | |
257 .dev-button-hidden { | |
258 display: none; | |
259 } | |
260 | |
261 #suggest-gallery { | |
262 -webkit-padding-start: 10px; | |
263 } | |
264 | |
265 #dev-toggle { | |
266 display: block; | |
267 text-align: end; | |
268 margin-top: -28px; | |
269 -webkit-margin-end: 8px; | |
270 } | |
271 | |
272 #get-more-extensions-container { | |
273 display: -webkit-box; | |
274 } | |
275 | |
276 #get-more-extensions { | |
277 padding-top: 5px; | |
278 font-size: 15px; | |
279 -webkit-padding-start: 10px; | |
280 } | |
281 | |
282 #dev-table tr { | |
283 white-space: nowrap; | |
284 } | |
285 | |
286 /* Support full keyboard accessibility without making things ugly | |
287 for users who click, by hiding some focus outlines when the user | |
288 clicks anywhere, but showing them when the user presses any key. */ | |
289 body.hide-some-focus-outlines .extension-zippy-container { | |
290 outline: none; | |
291 } | |
OLD | NEW |