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 a { |
| 8 color: rgb(80, 108, 164); |
| 9 text-decoration: none; |
| 10 |
| 11 text-shadow: 0 0 1px white; |
| 12 |
| 13 -webkit-transition: text-shadow .15s; |
| 14 } |
| 15 a:hover { |
| 16 text-shadow: 0 0 1px rgba(80, 108, 164, .5); |
| 17 } |
| 18 a:active { |
| 19 position: relative; |
| 20 top: 1px; |
| 21 } |
| 22 |
| 23 .hbox { |
| 24 display: -webkit-box; |
| 25 -webkit-box-orient: horizontal; |
| 26 } |
| 27 |
| 28 .vbox { |
| 29 display: -webkit-box; |
| 30 -webkit-box-orient: vertical; |
| 31 } |
| 32 |
| 33 .stretch { |
| 34 padding-right: 10px; |
| 35 -webkit-box-flex: 1; |
| 36 } |
| 37 |
| 38 .extensionListItem { |
| 39 font-family: 'Helvetica Neue', Arial, sans-serif; |
| 40 padding-bottom: 7px; |
| 41 padding-top: 7px; |
| 42 width: 100%; |
| 43 -webkit-user-select: auto; |
| 44 } |
| 45 |
| 46 /* List items have a fixed height, whereas we want variable height depending on |
| 47 content */ |
| 48 list > * { |
| 49 height: Auto; |
| 50 } |
| 51 |
| 52 /* Get rid of the light-blue background on list item hover. */ |
| 53 list:not([disabled]) > :hover { |
| 54 background-color: white; |
| 55 border-color: #CDCDCD; |
| 56 } |
| 57 |
| 58 /* Get rid of display: table, which causes width issues. */ |
| 59 .displaytable { |
| 60 display: block; |
| 61 } |
| 62 /* Get rid of display: table row, which causes width issues. */ |
| 63 .displaytable > section { |
| 64 display: block; |
| 65 } |
| 66 /* Get rid of display: table cell, which causes width issues. */ |
| 67 .displaytable > section > * { |
| 68 display: block; |
| 69 } |
| 70 |
| 71 .content { |
| 72 border-bottom : 0px solid #eeeeee; |
| 73 margin-top: 3px; |
| 74 } |
| 75 |
| 76 .big-list { |
| 77 overflow-y: hidden; |
| 78 } |
| 79 |
| 80 .butter-bar { |
| 81 background: #FFF299; |
| 82 padding: 2px 5px; |
| 83 border-radius: 3px; |
| 84 white-space: normal; |
| 85 } |
| 86 |
| 87 .page list { |
| 88 min-height: 0px; |
| 89 } |
| 90 |
| 91 .search-suppress { |
| 92 display: none; |
| 93 height: 0px; |
| 94 } |
| 95 |
| 96 .extensionListItemCollapsed { |
| 97 margin-bottom: 16px; |
| 98 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; |
| 99 } |
| 100 |
| 101 .extensionListItemExpanded { |
| 102 margin-bottom: 16px; |
| 103 overflow: visible; |
| 104 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; |
| 105 } |
| 106 |
| 107 .extension-settings { |
| 108 overflow-x: hidden; |
| 109 } |
| 110 |
| 111 .extension-icon { |
| 112 width: 48px; |
| 113 height: 48px; |
| 114 padding-left: 15px; |
| 115 padding-right: 15px; |
| 116 vertical-align: text-top; |
| 117 -webkit-user-select: none; |
| 118 } |
| 119 |
| 120 .extension-title { |
| 121 font-size: 16px; |
| 122 font-weight: 500; |
| 123 padding-right: 20px; |
| 124 } |
| 125 |
| 126 .extension-version { |
| 127 font-size: 13px; |
| 128 font-weight: 400; |
| 129 } |
| 130 |
| 131 .extension-description { |
| 132 font-size: 13px; |
| 133 white-space: normal; |
| 134 padding-right: 5px; |
| 135 } |
| 136 |
| 137 .extension-checkbox-span { |
| 138 margin-left: 7px; |
| 139 } |
| 140 |
| 141 .extension-checkbox-label { |
| 142 margin-right: 10px; |
| 143 } |
| 144 |
| 145 .extension-delete { |
| 146 margin-left: 5px; |
| 147 } |
| 148 |
| 149 .extension-details-hidden { |
| 150 opacity: 0; |
| 151 max-height: 0; |
| 152 -webkit-transition: max-height 400ms, opacity 200ms; |
| 153 } |
| 154 |
| 155 .extension-details-visible { |
| 156 opacity: 1; |
| 157 max-height: 100px; |
| 158 -webkit-transition: max-height 200ms, opacity 300ms; |
| 159 } |
| 160 |
| 161 .extension-links-view { |
| 162 padding-left: 15px; |
| 163 } |
| 164 |
| 165 .extension-links-trailing { |
| 166 padding-right: 7px; |
| 167 } |
| 168 |
| 169 .extension-zippy-container { |
| 170 cursor: pointer; |
| 171 width: 20px; |
| 172 -webkit-user-select: none; |
| 173 } |
| 174 |
| 175 .gray-text { |
| 176 color: gray; |
| 177 } |
| 178 |
| 179 .extension-zippy-default { |
| 180 background-image: url('zippy.png'); |
| 181 background-repeat: no-repeat; |
| 182 background-position: center top; |
| 183 position: absolute; |
| 184 left: 12px; |
| 185 top: 25px; |
| 186 width: 6px; |
| 187 height: 16px; |
| 188 opacity: .25; |
| 189 } |
| 190 |
| 191 .extension-zippy-collapsed { |
| 192 -webkit-transition: -webkit-transform .1s; |
| 193 -webkit-transform: rotate(0deg); |
| 194 } |
| 195 |
| 196 .extension-zippy-collapsed:hover { |
| 197 -webkit-transition: -webkit-transform .1s, opacity .1s; |
| 198 opacity: .5; |
| 199 -webkit-transform: rotate(5deg); |
| 200 } |
| 201 |
| 202 .extension-zippy-expanded { |
| 203 -webkit-transition: -webkit-transform .1s; |
| 204 -webkit-transform: rotate(90deg); |
| 205 } |
| 206 |
| 207 .extension-zippy-expanded:hover { |
| 208 -webkit-transition: -webkit-transform .1s; |
| 209 -webkit-transform: rotate(85deg); |
| 210 } |
| 211 |
| 212 .extension-enabling { |
| 213 position: relative; |
| 214 top: 3px; |
| 215 } |
| 216 |
| 217 .extension-enabling-label { |
| 218 padding-left: 3px; |
| 219 padding-right: 9px; |
| 220 color: black; |
| 221 } |
| 222 |
| 223 .extension-enabling-label-bold { |
| 224 font-weight: bold; |
| 225 } |
| 226 |
| 227 .extension-inspect-table { |
| 228 padding: 0; |
| 229 border-spacing: 0; |
| 230 } |
| 231 |
| 232 .extension-inspect-left-column { |
| 233 vertical-align: text-top; |
| 234 } |
| 235 |
| 236 /* Dev */ |
| 237 |
| 238 .dev-open { |
| 239 border-bottom: 1px solid rgb(205, 205, 205); |
| 240 height: 32px; |
| 241 padding-bottom: 7px; |
| 242 padding-left: 4px; |
| 243 padding-right: 3px; |
| 244 padding-top: 4px; |
| 245 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; |
| 246 } |
| 247 .dev-closed { |
| 248 height: 0; |
| 249 opacity: 0; |
| 250 padding-left: 4px; |
| 251 padding-right: 3px; |
| 252 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; |
| 253 } |
| 254 |
| 255 .dev-button-visible { |
| 256 display: inherit; |
| 257 opacity: 1; |
| 258 -webkit-transition: opacity 200ms; |
| 259 } |
| 260 |
| 261 .dev-button-hidden { |
| 262 display: none; |
| 263 } |
| 264 |
| 265 #suggest-gallery { |
| 266 padding-left: 10px; |
| 267 } |
| 268 |
| 269 #dev-toggle { |
| 270 display: block; |
| 271 float: right; |
| 272 margin-top: -28px; |
| 273 margin-right: 8px; |
| 274 } |
| 275 |
| 276 #get-more-extensions { |
| 277 padding-left: 10px; |
| 278 padding-top: 5px; |
| 279 font-size: 15px; |
| 280 } |
OLD | NEW |