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

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

Issue 8930012: Revert 114236 - Options2: Pull the trigger. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Created 9 years 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) 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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options2/extension_list.js ('k') | chrome/browser/resources/options2/extension_settings.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698