OLD | NEW |
| (Empty) |
1 /* | |
2 Copyright (c) 2011 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 : 0px 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 top: 25px; | |
168 width: 6px; | |
169 height: 16px; | |
170 opacity: .25; | |
171 } | |
172 | |
173 .extension-zippy-collapsed { | |
174 -webkit-transition: -webkit-transform 100ms; | |
175 -webkit-transform: rotate(0deg); | |
176 } | |
177 | |
178 .extension-zippy-collapsed:hover { | |
179 opacity: .5; | |
180 -webkit-transform: rotate(5deg); | |
181 -webkit-transition: -webkit-transform 100ms, opacity 100ms; | |
182 } | |
183 | |
184 .extension-zippy-expanded { | |
185 -webkit-transition: -webkit-transform 100ms; | |
186 -webkit-transform: rotate(90deg); | |
187 } | |
188 | |
189 .extension-zippy-expanded:hover { | |
190 -webkit-transition: -webkit-transform 100ms; | |
191 -webkit-transform: rotate(85deg); | |
192 } | |
193 | |
194 .extension-enabling { | |
195 position: relative; | |
196 top: 3px; | |
197 } | |
198 | |
199 .extension-enabling-label { | |
200 color: black; | |
201 -webkit-padding-start: 3px; | |
202 -webkit-padding-end: 9px; | |
203 } | |
204 | |
205 .extension-enabling-label-bold { | |
206 font-weight: bold; | |
207 } | |
208 | |
209 .extension-inspect-table { | |
210 padding: 0; | |
211 border-spacing: 0; | |
212 } | |
213 | |
214 .extension-inspect-left-column { | |
215 vertical-align: text-top; | |
216 } | |
217 | |
218 /* Dev */ | |
219 | |
220 .dev-open { | |
221 border-bottom: 1px solid rgb(205, 205, 205); | |
222 height: 32px; | |
223 padding-bottom: 7px; | |
224 padding-top: 13px; | |
225 -webkit-padding-start: 4px; | |
226 -webkit-padding-end: 3px; | |
227 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; | |
228 } | |
229 .dev-closed { | |
230 height: 0; | |
231 opacity: 0; | |
232 padding-top: 9px; | |
233 -webkit-padding-start: 4px; | |
234 -webkit-padding-end: 3px; | |
235 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; | |
236 } | |
237 | |
238 .dev-button-visible { | |
239 display: inherit; | |
240 opacity: 1; | |
241 -webkit-transition: opacity 200ms; | |
242 } | |
243 | |
244 .dev-button-hidden { | |
245 display: none; | |
246 } | |
247 | |
248 #suggest-gallery { | |
249 -webkit-padding-start: 10px; | |
250 } | |
251 | |
252 #dev-toggle { | |
253 display: block; | |
254 text-align: end; | |
255 margin-top: -28px; | |
256 -webkit-margin-end: 8px; | |
257 } | |
258 | |
259 #get-more-extensions-container { | |
260 display: -webkit-box; | |
261 } | |
262 | |
263 #get-more-extensions { | |
264 padding-top: 5px; | |
265 font-size: 15px; | |
266 -webkit-padding-start: 10px; | |
267 } | |
268 | |
269 /* Support full keyboard accessibility without making things ugly | |
270 for users who click, by hiding some focus outlines when the user | |
271 clicks anywhere, but showing them when the user presses any key. */ | |
272 body.hide-some-focus-outlines .extension-zippy-container { | |
273 outline: none; | |
274 } | |
OLD | NEW |