| OLD | NEW |
| (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 } | |
| OLD | NEW |