chrome/browser/resources/extensions/extensions.css

   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. */
   4
   5 html.loading * {
   6   -webkit-transition-duration: 0 !important;
   7 }
   8
   9 /* Developer mode */
  10
  11 #dev-controls {
  12   -webkit-padding-end: 3px;
  13   -webkit-padding-start: 4px;
  14   -webkit-transition: padding 100ms, height 100ms, opacity 100ms;
  15   border-bottom: 1px solid #eee;
  16   display: -webkit-box;
  17   height: 0;
  18   opacity: 0;
  19   overflow: hidden;
  20 }
  21
  22 #dev-controls button {
  23   white-space: nowrap;
  24 }
  25
  26 #extension-settings.dev-mode #dev-controls {
  27   -webkit-transition-duration: 250ms;
  28   height: 32px;
  29   opacity: 1;
  30   padding-bottom: 7px;
  31   padding-top: 13px;
  32 }
  33
  34 #dev-controls-spacer {
  35   -webkit-box-flex: 1;
  36 }
  37
  38 #dev-toggle {
  39   margin-top: 0;
  40   text-align: end;
  41 }
  42
  43 #extension-settings:not(.dev-mode) .developer-extras {
  44   display: none;
  45 }
  46
  47 .developer-extras > div {
  48   margin: 5px 0;
  49 }
  50
  51 #extension-settings #page-header {
  52   /* These values match the .page values. */
  53   -webkit-margin-end: 24px;
  54   min-width: 576px;
  55 }
  56
  57 /* Contents */
  58
  59 #extension-settings {
  60   max-width: 738px;
  61 }
  62
  63 #no-extensions-message {
  64   font-weight: bold;
  65 }
  66
  67 #suggest-gallery {
  68   -webkit-padding-start: 10px;
  69 }
  70
  71 #footer-section {
  72   background: url('chrome://theme/IDR_WEBSTORE_ICON_32') no-repeat left center;
  73   font-size: 1.25em;
  74 }
  75
  76 #footer-section > a {
  77   -webkit-margin-start: 42px;
  78   line-height: 32px;
  79 }
  80
  81 .empty-extension-list {
  82   height: 3em;
  83 }
  84
  85 .loading #no-extensions,
  86 .loading #footer-section,
  87 #extension-settings-list:not(.empty-extension-list) ~ #no-extensions,
  88 .empty-extension-list ~ #footer-section {
  89   display: none;
  90 }
  91
  92 .extension-list-item-wrapper {
  93   margin: 23px 0;
  94 }
  95
  96 .extension-list-item {
  97   background-repeat: no-repeat;
  98   display: -webkit-box;
  99   min-height: 48px;
 100 }
 101
 102 html[dir='rtl'] .extension-list-item {
 103   background-position: right;
 104 }
 105
 106 .extension-title {
 107   -webkit-padding-end: 20px;
 108   color: rgb(48, 57, 66);
 109   font-size: 14px;
 110   font-weight: 500;
 111 }
 112
 113 .inactive-extension .extension-title {
 114   color: inherit;
 115 }
 116
 117 .extension-version {
 118   -webkit-padding-end: 7px;
 119   font-size: 13px;
 120   font-weight: 400;
 121 }
 122
 123 .extension-description {
 124   -webkit-padding-end: 5px;
 125   font-size: 13px;
 126   margin: 5px 0;
 127   white-space: normal;
 128 }
 129
 130 .extension-details {
 131   -webkit-box-flex: 1;
 132   -webkit-padding-start: 55px;
 133 }
 134
 135 .extension-description,
 136 .extension-list-item-wrapper.inactive-extension .extension-details,
 137 .location-text,
 138 .enable-checkbox input:disabled + .enable-checkbox-text {
 139   color: rgb(151, 156, 160);
 140 }
 141
 142 .enable-controls {
 143   /* Matches right: position of dev controls toggle. */
 144   -webkit-margin-end: 20px;
 145   position: relative;
 146 }
 147
 148 .enable-checkbox-text {
 149   /* Matches width of trash. */
 150   -webkit-margin-end: 30px;
 151 }
 152
 153 .checkbox {
 154   display: inline-block;
 155 }
 156
 157 .enabled-text {
 158   font-weight: bold;
 159 }
 160
 161 .extension-list-item-wrapper.inactive-extension .enabled-text,
 162 .extension-list-item-wrapper:not(.inactive-extension) .enable-text,
 163 .extension-list-item-wrapper.inactive-extension .optional-controls,
 164 .extension-list-item-wrapper.inactive-extension .butter-bar {
 165   display: none;
 166 }
 167
 168 .load-path > span {
 169   word-wrap: break-word;
 170 }
 171
 172 .terminated-reload-link {
 173   -webkit-margin-end: 2.5em;
 174   padding-top: 7px;
 175 }
 176
 177 .extension-list-item a {
 178   -webkit-margin-start: 0.5em;
 179   display: inline-block;
 180 }
 181
 182 .install-warnings a {
 183   -webkit-margin-start: 0;
 184 }
 185
 186 .butter-bar,
 187 .install-warnings,
 188 .extension-warnings {
 189   border-radius: 3px;
 190   margin-top: 5px;
 191   padding: 2px 5px;
 192 }
 193
 194 .butter-bar {
 195   background: rgb(255, 242, 153);
 196 }
 197
 198 .install-warnings,
 199 .extension-warnings {
 200   background: pink;
 201 }
 202
 203 .install-warnings ul,
 204 .extension-warnings ul {
 205   margin: 0;
 206 }
 207
 208 #font-measuring-div {
 209   /* Remove from the flow and hide. */
 210   position: absolute;
 211   visibility: hidden;
 212 }
 213
 214 .extension-commands-config {
 215   float: right;
 216 }
 217
 218 /* Overlays */
 219
 220 #overlay {
 221   z-index: 5;
 222 }
 223
 224 #overlay .page:not(.showing) {
 225   display: none;
 226 }
 227
 228 #dropTargetOverlay {
 229   color: rgb(48, 57, 66);
 230   font-size: 18px;
 231   text-align: center;
 232 }
 233
 234 #dropTargetOverlay div {
 235   margin: 1em;
 236 }
 237
 238 /* Disabled extensions banner and related elements. */
 239
 240 .page:not(.sideload-wipeout) #sideload-wipeout-banner {
 241   display: none;
 242 }
 243
 244 .extension-disable-reason {
 245   padding-left: 12px;
 246 }
 247
 248 .location-text {
 249   display: block;
 250   width: 100px;
 251 }
 252
 253 /* Trash */
 254
 255 #extension-settings .trash {
 256   -webkit-transition: opacity 200ms;
 257   height: 22px;
 258   opacity: 0.8;
 259   position: absolute;
 260   right: 0;
 261   top: 3px;
 262   vertical-align: middle;
 263 }
 264
 265 html[dir='rtl'] #extension-settings .trash {
 266   left: 0;
 267   right: auto;
 268 }
 269
 270 .extension-list-item:not(:hover) .trash:not(:focus) {
 271   opacity: 0;
 272 }
 273
 274 .extension-list-item-wrapper.may-not-disable .trash {
 275   visibility: hidden;
 276 }
 277
 278 .extension-highlight {
 279   background: rgb(238, 238, 238);
 280   background-position: auto;
 281   background-repeat: auto;
 282   border-radius: 3px;
 283   padding: 5px 0 5px 5px;
 284 }
 285
 286 .may-not-disable .optional-controls .optional-controls-disableable {
 287   display: none;
 288 }
 289
 290 /* Managed mode */
 291
 292 .page:not(.managed-mode) .managed-mode-banner {
 293   display: none;
 294 }
 295
 296 .managed-mode-banner .page-banner-text {
 297   background-image: url('chrome://theme/IDR_WARNING');
 298 }
 299
 300 .managed-mode .more-extensions-link {
 301   display: none;
 302 }
 303
 304 /* Sideload Wipeout */
 305
 306 .sideload-wipeout-learn-more {
 307   text-decoration: none;
 308 }
 309
 310 .sideload-wipeout-banner .page-banner-text {
 311   -webkit-padding-start: 8px;
 312   background-image: none;
 313 }