OLD | NEW |
---|---|
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 body, | 5 body, |
6 html { | 6 html { |
7 color: rgb(48, 57, 66); | 7 color: rgb(48, 57, 66); |
8 font-family: Arial, sans-serif; | 8 font-family: Arial, sans-serif; |
9 font-size: 90%; | 9 font-size: 90%; |
10 overflow: visible; | 10 overflow: visible; |
11 } | 11 } |
12 | 12 |
13 hr { | 13 hr { |
14 color: rgb(115, 111, 110); | 14 color: rgb(115, 111, 110); |
15 margin: 10px 0 10px; | 15 margin: 15px 0; |
16 } | 16 } |
17 | 17 |
18 /* Contents */ | 18 /* Contents */ |
19 | 19 |
20 #extension-settings { | 20 #extension-settings { |
21 margin: 30px; | 21 margin: 30px; |
22 max-width: 800px; | 22 max-width: 800px; |
23 } | 23 } |
24 | 24 |
25 #no-extensions-message { | 25 #no-extensions-message, |
26 #no-apps-message { | |
26 font-weight: bold; | 27 font-weight: bold; |
27 } | 28 } |
28 | 29 |
29 .empty-extension-list { | 30 .empty-item-list { |
30 height: 3em; | 31 height: 3em; |
31 } | 32 } |
32 | 33 |
33 #developer-controls { | 34 #developer-controls { |
34 bottom: 15px; | 35 margin-top: 15px; |
35 max-width: 750px; | 36 max-width: 750px; |
36 top: 15px; | |
37 } | 37 } |
38 | 38 |
39 #search { | 39 #search { |
40 float: right; | 40 float: right; |
41 } | 41 } |
42 | 42 |
43 html[dir='rtl'] #search { | 43 html[dir='rtl'] #search { |
44 float: left; | 44 float: left; |
45 } | 45 } |
46 | 46 |
47 #no-extensions { | 47 #no-extensions, |
48 #no-apps { | |
48 margin: 10px 10px; | 49 margin: 10px 10px; |
49 } | 50 } |
50 | 51 |
51 .loading #no-extensions, | 52 .loading #no-extensions, |
52 #extension-settings-list:not(.empty-extension-list) ~ #no-extensions, | 53 .loading #no-apps, |
53 .empty-extension-list { | 54 #extension-settings-list:not(.empty-item-list) ~ #no-extensions, |
55 #app-settings-list:not(.empty-item-list) ~ #no-apps, | |
56 .empty-item-list { | |
54 display: none; | 57 display: none; |
55 } | 58 } |
56 | 59 |
57 .extension-list-item-wrapper { | 60 .extension-list-item-wrapper { |
58 margin: 23px 0; | 61 margin: 30px 0; |
59 } | 62 } |
60 | 63 |
61 .extension-list-item { | 64 .extension-list-item { |
62 /* Set in ItemsList.createNode_(). */ | 65 /* Set in ItemsList.createNode_(). */ |
63 -webkit-background-size: 3em 3em; | 66 -webkit-background-size: 3em 3em; |
64 background-repeat: no-repeat; | 67 background-repeat: no-repeat; |
65 display: -webkit-box; | 68 display: -webkit-box; |
66 min-height: 4em; | 69 min-height: 4em; |
67 } | 70 } |
68 | 71 |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
105 } | 108 } |
106 | 109 |
107 .extension-description, | 110 .extension-description, |
108 .extension-list-item-wrapper.inactive-extension .extension-details, | 111 .extension-list-item-wrapper.inactive-extension .extension-details, |
109 .location-text, | 112 .location-text, |
110 .enable-checkbox input:disabled + .enable-checkbox-text { | 113 .enable-checkbox input:disabled + .enable-checkbox-text { |
111 color: rgb(151, 156, 160); | 114 color: rgb(151, 156, 160); |
112 } | 115 } |
113 | 116 |
114 .active-views { | 117 .active-views { |
115 margin: 4px; | 118 margin-top: 15px; |
116 } | 119 } |
117 | 120 |
118 .site-link { | 121 .site-link { |
119 font-size: 90%; | 122 font-size: 90%; |
120 } | 123 } |
121 | 124 |
122 .enable-controls { | 125 .enable-controls { |
123 float: right; | 126 float: right; |
124 position: relative; | 127 position: relative; |
125 } | 128 } |
126 | 129 |
127 html[dir='rtl'] .enable-control { | 130 html[dir='rtl'] .enable-control { |
128 float: left; | 131 float: left; |
129 } | 132 } |
130 | 133 |
131 .file-access-control, | 134 .file-access-control, |
132 .incognito-control { | 135 .incognito-control { |
136 left: 0; | |
133 position: relative; | 137 position: relative; |
134 right: 0.5em; | 138 right: 0; |
135 } | 139 } |
136 | 140 |
137 html[dir='rtl'] .file-access-control, | 141 html[dir='rtl'] .file-access-control, |
138 html[dir='rtl'] .incognito-control { | 142 html[dir='rtl'] .incognito-control { |
139 left: 0.5em; | 143 left: 0.5em; |
Dan Beam
2013/04/03 22:56:24
^ this is still wrong (0.5em in RTL doesn't match
Gaurav
2013/04/04 17:50:59
Sorry, this was not required. Deleting it.
| |
140 right: auto; | 144 right: 0; |
141 } | 145 } |
142 | 146 |
143 .enable-checkbox-text { | 147 .enable-checkbox-text { |
144 /* Matches width of trash. */ | 148 /* Matches width of trash. */ |
145 -webkit-margin-end: 30px; | 149 -webkit-margin-end: 30px; |
146 min-width: 62px; | 150 min-width: 62px; |
147 } | 151 } |
148 | 152 |
149 .checkbox { | 153 .checkbox { |
150 display: inline-block; | 154 display: inline-block; |
151 } | 155 } |
152 | 156 |
153 .enabled-text { | 157 .enabled-text { |
154 font-weight: bold; | 158 font-weight: bold; |
155 } | 159 } |
156 | 160 |
157 .extension-list-item-wrapper.inactive-extension .enabled-text, | 161 .extension-list-item-wrapper.inactive-extension .enabled-text, |
158 .extension-list-item-wrapper:not(.inactive-extension) .enable-text, | 162 .extension-list-item-wrapper:not(.inactive-extension) .enable-text, |
159 .extension-list-item-wrapper.inactive-extension .optional-controls { | 163 .extension-list-item-wrapper.inactive-extension .optional-controls { |
160 display: none; | 164 display: none; |
161 } | 165 } |
162 | 166 |
163 .load-path > span { | 167 .load-path > span { |
164 word-wrap: break-word; | 168 word-wrap: break-word; |
165 } | 169 } |
166 | 170 |
171 .load-path { | |
172 margin-top: 15px; | |
173 } | |
174 | |
167 .terminated-reload-link { | 175 .terminated-reload-link { |
168 -webkit-margin-end: 2.5em; | 176 -webkit-margin-end: 2.5em; |
169 padding-top: 7px; | 177 padding-top: 7px; |
170 } | 178 } |
171 | 179 |
172 .extension-list-item a { | 180 .extension-list-item a { |
173 -webkit-margin-end: 0.5em; | 181 -webkit-margin-end: 0.5em; |
174 -webkit-margin-start: 0; | 182 -webkit-margin-start: 0; |
175 display: inline-block; | 183 display: inline-block; |
176 } | 184 } |
177 | 185 |
178 .install-warnings a { | 186 .install-warnings a { |
179 -webkit-margin-start: 0; | 187 -webkit-margin-start: 0; |
180 } | 188 } |
181 | 189 |
190 #tabs { | |
191 background: none; | |
192 } | |
193 | |
194 #tab-panels { | |
195 box-shadow: none; | |
196 } | |
197 | |
182 /* Overlays */ | 198 /* Overlays */ |
183 | 199 |
184 #overlay { | 200 #overlay { |
185 z-index: 5; | 201 z-index: 5; |
186 } | 202 } |
187 | 203 |
188 #overlay .page:not(.showing) { | 204 #overlay .page:not(.showing) { |
189 display: none; | 205 display: none; |
190 } | 206 } |
191 | 207 |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
223 } | 239 } |
224 | 240 |
225 .extension-list-item-wrapper.may-not-disable .trash { | 241 .extension-list-item-wrapper.may-not-disable .trash { |
226 visibility: hidden; | 242 visibility: hidden; |
227 } | 243 } |
228 | 244 |
229 .may-not-disable .optional-controls .optional-controls-disableable { | 245 .may-not-disable .optional-controls .optional-controls-disableable { |
230 display: none; | 246 display: none; |
231 } | 247 } |
232 | 248 |
249 .optional-controls { | |
250 margin-top: 15px; | |
251 } | |
252 | |
233 a { | 253 a { |
234 color: rgb(17, 85, 204); | 254 color: rgb(17, 85, 204); |
235 text-decoration: underline; | 255 text-decoration: underline; |
236 } | 256 } |
237 | 257 |
238 a:active { | 258 a:active { |
239 color: rgb(5, 37, 119); | 259 color: rgb(5, 37, 119); |
240 } | 260 } |
OLD | NEW |