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
3 * found in the LICENSE file. */
6 -webkit-transition-duration: 0 !important;
9 html:not(.focus-outline-visible)
10 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
11 /* Cancel border-color for :focus specified in widgets.css. */
12 border-color: rgba(0, 0, 0, 0.25);
22 -webkit-margin-end: 20px;
23 -webkit-transition: padding 100ms, height 100ms, opacity 100ms;
24 border-bottom: 1px solid #eee;
30 #dev-controls .buttons-container {
31 -webkit-padding-end: 3px;
32 -webkit-padding-start: 4px;
35 #dev-controls .buttons-container {
40 #dev-controls button {
44 #apps-developer-tools-promo {
45 -webkit-margin-before: 15px;
46 -webkit-padding-before: 5px;
47 -webkit-padding-end: 3px;
49 border-top: 1px solid #eee;
54 #apps-developer-tools-promo img {
55 content: url(apps_developer_tools_promo_48.png);
58 #apps-developer-tools-promo-text {
59 -webkit-margin-start: 5px;
62 #apps-developer-tools-promo-close-wrapper {
65 justify-content: flex-end;
68 #apps-developer-tools-promo .close-button {
69 background: url(chrome://theme/IDR_CLOSE_DIALOG) no-repeat center center;
76 #apps-developer-tools-promo .close-button:hover {
77 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_H);
80 #apps-developer-tools-promo .close-button:active {
81 background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P);
84 #extension-settings.dev-mode #dev-controls {
85 -webkit-transition-duration: 250ms;
91 #extension-settings.dev-mode.adt-promo #dev-controls {
92 height: 105px; /* Allow more height for the Apps Developer Tools promo. */
95 #dev-controls-spacer {
105 border: 1px solid #ccc;
107 font-family: monospace;
112 .extension-code > * {
116 .extension-code-line-numbers {
117 align-self: flex-start;
118 background-color: rgba(240, 240, 240, 1);
119 border-right: 1px solid #ccc;
120 color: rgba(128, 128, 128, 1);
125 #extension-settings:not(.dev-mode) .developer-extras {
129 .developer-extras > div,
130 .permanent-warnings > div {
134 #extension-settings #page-header {
135 /* These values match the .page values. */
136 -webkit-margin-end: 24px;
142 #extension-settings {
146 #no-extensions-message {
151 -webkit-padding-start: 10px;
155 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center;
159 html[dir=rtl] #footer-section {
160 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center;
163 #footer-section > a {
164 -webkit-margin-start: 42px;
168 .empty-extension-list {
172 .loading #no-extensions,
173 .loading #footer-section,
174 #extension-settings-list:not(.empty-extension-list) ~ #no-extensions,
175 .empty-extension-list ~ #footer-section {
179 .extension-list-item-wrapper {
183 .extension-list-item {
184 background-repeat: no-repeat;
185 display: -webkit-box;
189 html[dir='rtl'] .extension-list-item {
190 background-position: right;
194 -webkit-padding-end: 20px;
195 color: rgb(48, 57, 66);
200 .inactive-extension .extension-title {
205 -webkit-padding-end: 7px;
210 .extension-description {
211 -webkit-padding-end: 5px;
219 -webkit-padding-start: 55px;
222 .extension-description,
223 .extension-list-item-wrapper.inactive-extension .extension-details,
226 .enable-checkbox input:disabled + .enable-checkbox-text {
227 color: rgb(151, 156, 160);
231 /* Matches right: position of dev controls toggle. */
232 -webkit-margin-end: 20px;
236 .enable-checkbox-text {
237 /* Matches width of trash. */
238 -webkit-margin-end: 30px;
242 display: inline-block;
249 .extension-list-item-wrapper.inactive-extension .enabled-text,
250 .extension-list-item-wrapper:not(.inactive-extension) .enable-text,
251 .extension-list-item-wrapper.inactive-extension .optional-controls,
252 .extension-list-item-wrapper.inactive-extension .butter-bar {
257 word-wrap: break-word;
260 .terminated-reload-link {
261 -webkit-margin-end: 2.5em;
265 .extension-list-item a {
266 -webkit-margin-start: 0.5em;
267 display: inline-block;
270 .install-warnings a {
271 -webkit-margin-start: 0;
276 .extension-warnings {
283 background: rgb(255, 242, 153);
287 .extension-warnings {
291 .install-warnings ul,
292 .extension-warnings ul {
296 .error-collection-control {
297 -webkit-margin-start: 5px;
301 #extension-settings.dev-mode .error-collection-control {
305 #font-measuring-div {
306 /* Remove from the flow and hide. */
311 .extension-commands-config {
315 html[dir=rtl] .extension-commands-config {
325 #overlay .page:not(.showing) {
329 #drop-target-overlay {
330 color: rgb(48, 57, 66);
335 #drop-target-overlay div {
347 #extension-settings .trash {
348 -webkit-transition: opacity 200ms;
354 vertical-align: middle;
357 html[dir='rtl'] #extension-settings .trash {
362 .extension-list-item:not(:hover) .trash:not(:focus) {
366 .extension-list-item-wrapper.may-not-remove .trash {
370 .extension-highlight {
371 background: rgb(238, 238, 238);
372 background-position: auto;
373 background-repeat: auto;
375 padding: 5px 0 5px 5px;
378 .may-not-modify .optional-controls .optional-controls-disableable {
384 .page:not(.profile-is-managed) .profile-is-managed-banner,
385 .profile-is-managed .more-extensions-link {
389 .profile-is-managed-banner .page-banner-text {
390 background-image: url(chrome://theme/IDR_WARNING);
393 /* Sideload Wipeout */
395 .sideload-wipeout-learn-more {
396 text-decoration: none;
399 .sideload-wipeout-banner .page-banner-text {
400 -webkit-padding-start: 8px;
401 background-image: none;