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