Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(95)

Side by Side Diff: chrome/browser/resources/options/extension_settings.css

Issue 9814030: get rid of old options pages (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: more fixes Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698