OLD | NEW |
---|---|
1 /* | 1 /* |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 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 | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .details-view { | 7 .details-view { |
8 padding-right: 10px; | 8 -webkit-padding-end: 10px; |
Yoyo Zhou
2011/09/12 16:02:59
These changes don't look related. If you plan to i
Finnur
2011/09/12 16:14:13
Ah, yeah. I was planning to update the CL descript
| |
9 } | 9 } |
10 | 10 |
11 .extension-list-item { | 11 .extension-list-item { |
12 padding-bottom: 7px; | 12 padding-bottom: 7px; |
13 padding-top: 7px; | 13 padding-top: 7px; |
14 width: 100%; | 14 width: 100%; |
15 -webkit-user-select: auto; | 15 -webkit-user-select: auto; |
16 } | 16 } |
17 | 17 |
18 /* Get rid of display: table, which causes width issues. */ | 18 /* Get rid of display: table, which causes width issues. */ |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
68 overflow: visible; | 68 overflow: visible; |
69 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; | 69 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; |
70 } | 70 } |
71 | 71 |
72 .extension-settings { | 72 .extension-settings { |
73 overflow-x: hidden; | 73 overflow-x: hidden; |
74 } | 74 } |
75 | 75 |
76 .extension-icon { | 76 .extension-icon { |
77 height: 48px; | 77 height: 48px; |
78 padding-left: 15px; | |
79 padding-right: 15px; | |
80 vertical-align: text-top; | 78 vertical-align: text-top; |
81 width: 48px; | 79 width: 48px; |
80 -webkit-padding-start: 15px; | |
81 -webkit-padding-end: 15px; | |
82 -webkit-user-select: none; | 82 -webkit-user-select: none; |
83 } | 83 } |
84 | 84 |
85 .extension-title { | 85 .extension-title { |
86 font-size: 16px; | 86 font-size: 16px; |
87 font-weight: 500; | 87 font-weight: 500; |
88 padding-right: 20px; | 88 -webkit-padding-end: 20px; |
89 } | 89 } |
90 | 90 |
91 .extension-version { | 91 .extension-version { |
92 font-size: 13px; | 92 font-size: 13px; |
93 font-weight: 400; | 93 font-weight: 400; |
94 -webkit-padding-end: 7px; | |
94 } | 95 } |
95 | 96 |
96 .extension-description { | 97 .extension-description { |
97 font-size: 13px; | 98 font-size: 13px; |
98 white-space: normal; | 99 white-space: normal; |
99 padding-right: 5px; | 100 -webkit-padding-end: 5px; |
100 } | 101 } |
101 | 102 |
102 .extension-checkbox-span { | 103 .extension-checkbox-span { |
103 margin-left: 7px; | 104 -webkit-margin-start: 7px; |
104 } | 105 } |
105 | 106 |
106 .extension-checkbox-label { | 107 .extension-checkbox-label { |
107 margin-right: 10px; | 108 -webkit-margin-end: 10px; |
108 } | 109 } |
109 | 110 |
110 .extension-delete { | 111 .extension-delete { |
111 margin-left: 5px; | 112 -webkit-margin-start: 5px; |
112 } | 113 } |
113 | 114 |
114 .extension-details-hidden { | 115 .extension-details-hidden { |
115 opacity: 0; | 116 opacity: 0; |
116 max-height: 0; | 117 max-height: 0; |
117 -webkit-transition: max-height 400ms, opacity 200ms; | 118 -webkit-transition: max-height 400ms, opacity 200ms; |
118 } | 119 } |
119 | 120 |
120 .extension-details-visible { | 121 .extension-details-visible { |
121 opacity: 1; | 122 opacity: 1; |
122 max-height: 100px; | 123 max-height: 100px; |
123 -webkit-transition: max-height 200ms, opacity 300ms; | 124 -webkit-transition: max-height 200ms, opacity 300ms; |
124 } | 125 } |
125 | 126 |
126 .extension-links-view { | 127 .extension-links-view { |
127 padding-left: 15px; | 128 -webkit-padding-start: 15px; |
128 } | 129 } |
129 | 130 |
130 .extension-links-trailing { | 131 .extension-links-trailing { |
131 padding-right: 7px; | 132 -webkit-padding-end: 7px; |
132 } | 133 } |
133 | 134 |
134 .extension-zippy-container { | 135 .extension-zippy-container { |
135 cursor: pointer; | 136 cursor: pointer; |
136 width: 20px; | 137 width: 20px; |
137 -webkit-user-select: none; | 138 -webkit-user-select: none; |
138 } | 139 } |
139 | 140 |
140 .informative-text { | 141 .informative-text { |
141 color: gray; | 142 color: gray; |
(...skipping 10 matching lines...) Expand all Loading... | |
152 height: 16px; | 153 height: 16px; |
153 opacity: .25; | 154 opacity: .25; |
154 } | 155 } |
155 | 156 |
156 .extension-zippy-collapsed { | 157 .extension-zippy-collapsed { |
157 -webkit-transition: -webkit-transform .1s; | 158 -webkit-transition: -webkit-transform .1s; |
158 -webkit-transform: rotate(0deg); | 159 -webkit-transform: rotate(0deg); |
159 } | 160 } |
160 | 161 |
161 .extension-zippy-collapsed:hover { | 162 .extension-zippy-collapsed:hover { |
162 -webkit-transition: -webkit-transform .1s, opacity .1s; | |
163 opacity: .5; | 163 opacity: .5; |
164 -webkit-transform: rotate(5deg); | 164 -webkit-transform: rotate(5deg); |
165 -webkit-transition: -webkit-transform .1s, opacity .1s; | |
165 } | 166 } |
166 | 167 |
167 .extension-zippy-expanded { | 168 .extension-zippy-expanded { |
168 -webkit-transition: -webkit-transform .1s; | 169 -webkit-transition: -webkit-transform .1s; |
169 -webkit-transform: rotate(90deg); | 170 -webkit-transform: rotate(90deg); |
170 } | 171 } |
171 | 172 |
172 .extension-zippy-expanded:hover { | 173 .extension-zippy-expanded:hover { |
173 -webkit-transition: -webkit-transform .1s; | 174 -webkit-transition: -webkit-transform .1s; |
174 -webkit-transform: rotate(85deg); | 175 -webkit-transform: rotate(85deg); |
175 } | 176 } |
176 | 177 |
177 .extension-enabling { | 178 .extension-enabling { |
178 position: relative; | 179 position: relative; |
179 top: 3px; | 180 top: 3px; |
180 } | 181 } |
181 | 182 |
182 .extension-enabling-label { | 183 .extension-enabling-label { |
183 padding-left: 3px; | |
184 padding-right: 9px; | |
185 color: black; | 184 color: black; |
185 -webkit-padding-start: 3px; | |
186 -webkit-padding-end: 9px; | |
186 } | 187 } |
187 | 188 |
188 .extension-enabling-label-bold { | 189 .extension-enabling-label-bold { |
189 font-weight: bold; | 190 font-weight: bold; |
190 } | 191 } |
191 | 192 |
192 .extension-inspect-table { | 193 .extension-inspect-table { |
193 padding: 0; | 194 padding: 0; |
194 border-spacing: 0; | 195 border-spacing: 0; |
195 } | 196 } |
196 | 197 |
197 .extension-inspect-left-column { | 198 .extension-inspect-left-column { |
198 vertical-align: text-top; | 199 vertical-align: text-top; |
199 } | 200 } |
200 | 201 |
201 /* Dev */ | 202 /* Dev */ |
202 | 203 |
203 .dev-open { | 204 .dev-open { |
204 border-bottom: 1px solid rgb(205, 205, 205); | 205 border-bottom: 1px solid rgb(205, 205, 205); |
205 height: 32px; | 206 height: 32px; |
206 padding-bottom: 7px; | 207 padding-bottom: 7px; |
207 padding-left: 4px; | |
208 padding-right: 3px; | |
209 padding-top: 4px; | 208 padding-top: 4px; |
209 -webkit-padding-start: 4px; | |
210 -webkit-padding-end: 3px; | |
210 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; | 211 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; |
211 } | 212 } |
212 .dev-closed { | 213 .dev-closed { |
213 height: 0; | 214 height: 0; |
214 opacity: 0; | 215 opacity: 0; |
215 padding-left: 4px; | 216 -webkit-padding-start: 4px; |
216 padding-right: 3px; | 217 -webkit-padding-end: 3px; |
217 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; | 218 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; |
218 } | 219 } |
219 | 220 |
220 .dev-button-visible { | 221 .dev-button-visible { |
221 display: inherit; | 222 display: inherit; |
222 opacity: 1; | 223 opacity: 1; |
223 -webkit-transition: opacity 200ms; | 224 -webkit-transition: opacity 200ms; |
224 } | 225 } |
225 | 226 |
226 .dev-button-hidden { | 227 .dev-button-hidden { |
227 display: none; | 228 display: none; |
228 } | 229 } |
229 | 230 |
230 #suggest-gallery { | 231 #suggest-gallery { |
231 padding-left: 10px; | 232 -webkit-padding-start: 10px; |
232 } | 233 } |
233 | 234 |
234 #dev-toggle { | 235 #dev-toggle { |
235 display: block; | 236 display: block; |
236 float: right; | 237 float: right; |
237 margin-top: -28px; | 238 margin-top: -28px; |
238 margin-right: 8px; | 239 -webkit-margin-end: 8px; |
239 } | 240 } |
240 | 241 |
241 #get-more-extensions-container { | 242 #get-more-extensions-container { |
242 display: -webkit-box; | 243 display: -webkit-box; |
243 } | 244 } |
244 | 245 |
245 #get-more-extensions { | 246 #get-more-extensions { |
246 padding-left: 10px; | |
247 padding-top: 5px; | 247 padding-top: 5px; |
248 font-size: 15px; | 248 font-size: 15px; |
249 -webkit-padding-start: 10px; | |
249 } | 250 } |
OLD | NEW |