The Tor Browser / file comparison
comparison: toolkit/themes/linux/mozapps/extensions/extensions.css
toolkit/themes/linux/mozapps/extensions/extensions.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:b070a09c1982 |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 @import url("chrome://global/skin/inContentUI.css"); | |
| 6 | |
| 7 | |
| 8 /*** global warnings ***/ | |
| 9 | |
| 10 .global-warning-container { | |
| 11 overflow-x: hidden; | |
| 12 } | |
| 13 | |
| 14 .global-warning { | |
| 15 -moz-box-align: center; | |
| 16 padding: 0 8px; | |
| 17 font-weight: bold; | |
| 18 } | |
| 19 | |
| 20 .global-warning-text { | |
| 21 color: -moz-FieldText; | |
| 22 } | |
| 23 | |
| 24 #addons-page[warning] .global-warning-container { | |
| 25 background-color: rgba(255, 255, 0, 0.1); | |
| 26 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"); | |
| 27 background-repeat: repeat-x; | |
| 28 } | |
| 29 | |
| 30 #detail-view .global-warning { | |
| 31 padding: 4px 12px; | |
| 32 border-bottom: 1px solid ThreeDShadow; | |
| 33 min-height: 41px; | |
| 34 } | |
| 35 | |
| 36 @media (max-width: 600px) { | |
| 37 .global-warning-text { | |
| 38 display: none; | |
| 39 } | |
| 40 } | |
| 41 | |
| 42 /* Plugins aren't yet disabled by safemode (bug 342333), | |
| 43 so don't show that warning when viewing plugins. */ | |
| 44 #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container, | |
| 45 #addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container { | |
| 46 background-color: inherit; | |
| 47 background-image: none; | |
| 48 } | |
| 49 | |
| 50 | |
| 51 /*** notification icons ***/ | |
| 52 | |
| 53 .warning-icon { | |
| 54 list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); | |
| 55 width: 16px; | |
| 56 height: 16px; | |
| 57 margin: 3px 0; | |
| 58 } | |
| 59 | |
| 60 .error-icon { | |
| 61 list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); | |
| 62 width: 16px; | |
| 63 height: 16px; | |
| 64 margin: 3px 0; | |
| 65 } | |
| 66 | |
| 67 .pending-icon, | |
| 68 .info-icon { | |
| 69 list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); | |
| 70 width: 16px; | |
| 71 height: 16px; | |
| 72 margin: 3px 0; | |
| 73 } | |
| 74 | |
| 75 /*** view alert boxes ***/ | |
| 76 | |
| 77 .alert-container { | |
| 78 -moz-box-align: center; | |
| 79 } | |
| 80 | |
| 81 .alert-spacer-before { | |
| 82 -moz-box-flex: 1; | |
| 83 } | |
| 84 | |
| 85 .alert-spacer-after { | |
| 86 -moz-box-flex: 3; | |
| 87 } | |
| 88 | |
| 89 .alert { | |
| 90 -moz-box-align: center; | |
| 91 padding: 10px; | |
| 92 font-size: 12px; | |
| 93 border: 1px solid ThreeDShadow; | |
| 94 border-radius: 8px; | |
| 95 color: WindowText; | |
| 96 background-color: Window; | |
| 97 background-clip: padding-box; | |
| 98 } | |
| 99 | |
| 100 .alert .alert-title { | |
| 101 font-weight: bold; | |
| 102 font-size: 200%; | |
| 103 margin-bottom: 15px; | |
| 104 } | |
| 105 | |
| 106 .alert button { | |
| 107 margin: 1em 2em; | |
| 108 } | |
| 109 | |
| 110 .loading { | |
| 111 list-style-image: url("chrome://global/skin/icons/loading_16.png"); | |
| 112 padding-left: 20px; | |
| 113 padding-right: 20px; | |
| 114 } | |
| 115 | |
| 116 /*** category selector ***/ | |
| 117 | |
| 118 #categories { | |
| 119 -moz-appearance: none; | |
| 120 border: none; | |
| 121 -moz-margin-end: -1px; | |
| 122 background-color: transparent; | |
| 123 position: relative; | |
| 124 margin-top: 41px; | |
| 125 } | |
| 126 | |
| 127 .category { | |
| 128 -moz-appearance: none; | |
| 129 border-width: 1px; | |
| 130 -moz-border-end-width: 0; | |
| 131 border-style: solid; | |
| 132 border-color: transparent; | |
| 133 padding: 10px 4px; | |
| 134 -moz-box-align: center; | |
| 135 overflow: hidden; | |
| 136 min-height: 0; | |
| 137 color: WindowText; | |
| 138 } | |
| 139 | |
| 140 .category:-moz-locale-dir(ltr) { | |
| 141 border-top-left-radius: 5px; | |
| 142 border-bottom-left-radius: 5px; | |
| 143 } | |
| 144 | |
| 145 .category:-moz-locale-dir(rtl) { | |
| 146 border-top-right-radius: 5px; | |
| 147 border-bottom-right-radius: 5px; | |
| 148 } | |
| 149 | |
| 150 .category[disabled] { | |
| 151 border-top: 0; | |
| 152 border-bottom: 0; | |
| 153 height: 0; | |
| 154 opacity: 0; | |
| 155 transition-property: height, opacity; | |
| 156 transition-duration: 1s, 0.8s; | |
| 157 } | |
| 158 | |
| 159 .category:not([disabled]) { | |
| 160 height: 52px; | |
| 161 transition-property: height, opacity; | |
| 162 transition-duration: 1s, 0.8s; | |
| 163 } | |
| 164 | |
| 165 .category[selected] { | |
| 166 background-color: -moz-Field; | |
| 167 color: -moz-FieldText; | |
| 168 border-color: ThreeDShadow; | |
| 169 } | |
| 170 | |
| 171 .category-name { | |
| 172 font-size: 150%; | |
| 173 } | |
| 174 | |
| 175 /* Maximize the size of the viewport when the window is small */ | |
| 176 @media (max-width: 800px) { | |
| 177 .category-name { | |
| 178 display: none; | |
| 179 } | |
| 180 } | |
| 181 | |
| 182 .category-badge { | |
| 183 background-color: Highlight; | |
| 184 padding: 2px 8px; | |
| 185 margin: 6px 0; | |
| 186 border-radius: 10000px; | |
| 187 color: HighlightText; | |
| 188 font-weight: bold; | |
| 189 text-align: center; | |
| 190 } | |
| 191 | |
| 192 .category-badge[value="0"] { | |
| 193 visibility: hidden; | |
| 194 } | |
| 195 | |
| 196 .category-icon { | |
| 197 width: 32px; | |
| 198 height: 32px; | |
| 199 -moz-margin-start: 6px; | |
| 200 } | |
| 201 | |
| 202 #category-search > .category-icon { | |
| 203 list-style-image: url("chrome://mozapps/skin/extensions/category-search.png"); | |
| 204 } | |
| 205 #category-discover > .category-icon { | |
| 206 list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); | |
| 207 } | |
| 208 #category-locale > .category-icon { | |
| 209 list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); | |
| 210 } | |
| 211 #category-searchengine > .category-icon { | |
| 212 list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); | |
| 213 } | |
| 214 #category-extension > .category-icon { | |
| 215 list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); | |
| 216 } | |
| 217 #category-service > .category-icon { | |
| 218 list-style-image: url("chrome://mozapps/skin/extensions/category-service.png"); | |
| 219 } | |
| 220 #category-theme > .category-icon { | |
| 221 list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); | |
| 222 } | |
| 223 #category-plugin > .category-icon { | |
| 224 list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); | |
| 225 } | |
| 226 #category-dictionary > .category-icon { | |
| 227 list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png"); | |
| 228 } | |
| 229 #category-experiment > .category-icon { | |
| 230 list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png"); | |
| 231 } | |
| 232 #category-availableUpdates > .category-icon { | |
| 233 list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); | |
| 234 } | |
| 235 #category-recentUpdates > .category-icon { | |
| 236 list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png"); | |
| 237 } | |
| 238 | |
| 239 | |
| 240 /*** header ***/ | |
| 241 | |
| 242 #header { | |
| 243 margin-bottom: 18px; | |
| 244 } | |
| 245 | |
| 246 .nav-button { | |
| 247 min-width: 0; | |
| 248 } | |
| 249 | |
| 250 #back-btn:-moz-locale-dir(ltr) { | |
| 251 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar"); | |
| 252 } | |
| 253 | |
| 254 #forward-btn:-moz-locale-dir(ltr) { | |
| 255 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar"); | |
| 256 } | |
| 257 | |
| 258 #back-btn:-moz-locale-dir(rtl) { | |
| 259 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar"); | |
| 260 } | |
| 261 | |
| 262 #forward-btn:-moz-locale-dir(rtl) { | |
| 263 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar"); | |
| 264 } | |
| 265 | |
| 266 #back-btn[disabled="true"]:-moz-locale-dir(ltr) { | |
| 267 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled"); | |
| 268 } | |
| 269 | |
| 270 #forward-btn[disabled="true"]:-moz-locale-dir(ltr) { | |
| 271 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled"); | |
| 272 } | |
| 273 | |
| 274 #back-btn[disabled="true"]:-moz-locale-dir(rtl) { | |
| 275 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled"); | |
| 276 } | |
| 277 | |
| 278 #forward-btn[disabled="true"]:-moz-locale-dir(rtl) { | |
| 279 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled"); | |
| 280 } | |
| 281 | |
| 282 #header-utils-btn { | |
| 283 min-width: 4.5em; | |
| 284 } | |
| 285 | |
| 286 #header-utils-btn .toolbarbutton-icon { | |
| 287 list-style-image: url("moz-icon://stock/gtk-preferences?size=toolbar"); | |
| 288 } | |
| 289 | |
| 290 #header-utils-btn:-moz-focusring > .button-box { | |
| 291 border: none; | |
| 292 } | |
| 293 | |
| 294 #header-search { | |
| 295 margin: 0; | |
| 296 } | |
| 297 | |
| 298 @media (max-width: 600px) { | |
| 299 #header-search { | |
| 300 width: 12em; | |
| 301 } | |
| 302 } | |
| 303 | |
| 304 .view-header { | |
| 305 padding: 4px; | |
| 306 margin: 0; | |
| 307 min-height: 41px; | |
| 308 background-color: ThreeDHighlight; | |
| 309 border-bottom: 1px solid ThreeDShadow; | |
| 310 } | |
| 311 | |
| 312 | |
| 313 /*** sorters ***/ | |
| 314 | |
| 315 .sort-controls { | |
| 316 -moz-appearance: none; | |
| 317 } | |
| 318 | |
| 319 .sorter[checkState="1"] .button-icon { | |
| 320 display: -moz-box; | |
| 321 list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16"); | |
| 322 } | |
| 323 | |
| 324 .sorter[checkState="2"] .button-icon { | |
| 325 display: -moz-box; | |
| 326 list-style-image: url("moz-icon://stock/gtk-sort-ascending?size=16"); | |
| 327 } | |
| 328 | |
| 329 | |
| 330 /*** discover view ***/ | |
| 331 | |
| 332 .discover-spacer-before, | |
| 333 .discover-spacer-after { | |
| 334 -moz-box-flex: 1; | |
| 335 } | |
| 336 | |
| 337 #discover-error .alert { | |
| 338 max-width: 45em; | |
| 339 -moz-box-flex: 1; | |
| 340 } | |
| 341 | |
| 342 .discover-logo { | |
| 343 list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png"); | |
| 344 -moz-margin-end: 15px; | |
| 345 } | |
| 346 | |
| 347 .discover-title { | |
| 348 font-weight: bold; | |
| 349 font-size: 24px; | |
| 350 font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; | |
| 351 margin: 0 0 15px 0; | |
| 352 } | |
| 353 | |
| 354 .discover-description { | |
| 355 text-align: justify; | |
| 356 margin: 0 0 15px 0; | |
| 357 } | |
| 358 | |
| 359 .discover-footer { | |
| 360 text-align: justify; | |
| 361 } | |
| 362 | |
| 363 | |
| 364 /*** list ***/ | |
| 365 | |
| 366 .list { | |
| 367 -moz-appearance: none; | |
| 368 margin: 0; | |
| 369 border: none; | |
| 370 background-color: transparent; | |
| 371 } | |
| 372 | |
| 373 .addon { | |
| 374 border-bottom: 1px solid ThreeDLightShadow; | |
| 375 padding: 5px; | |
| 376 } | |
| 377 | |
| 378 .addon[selected] .text-link, | |
| 379 .addon[selected] .button-link { | |
| 380 color: inherit; | |
| 381 } | |
| 382 | |
| 383 .details { | |
| 384 cursor: pointer; | |
| 385 margin: 0; | |
| 386 -moz-margin-start: 10px; | |
| 387 } | |
| 388 | |
| 389 .icon-container { | |
| 390 width: 48px; | |
| 391 height: 48px; | |
| 392 margin: 3px 7px; | |
| 393 -moz-box-align: center; | |
| 394 -moz-box-pack: center; | |
| 395 } | |
| 396 | |
| 397 .icon { | |
| 398 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); | |
| 399 max-width: 48px; | |
| 400 max-height: 48px; | |
| 401 } | |
| 402 | |
| 403 .addon[active="false"] .icon { | |
| 404 filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); | |
| 405 } | |
| 406 | |
| 407 .addon-view[type="theme"] .icon { | |
| 408 list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); | |
| 409 } | |
| 410 | |
| 411 .addon-view[type="locale"] .icon { | |
| 412 list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); | |
| 413 } | |
| 414 | |
| 415 .addon-view[type="plugin"] .icon { | |
| 416 list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); | |
| 417 } | |
| 418 | |
| 419 .addon-view[type="dictionary"] .icon { | |
| 420 list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); | |
| 421 } | |
| 422 | |
| 423 .addon-view[type="experiment"] .icon { | |
| 424 list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png"); | |
| 425 } | |
| 426 | |
| 427 .name-container { | |
| 428 font-size: 150%; | |
| 429 margin-bottom: 0; | |
| 430 font-weight: bold; | |
| 431 -moz-box-align: end; | |
| 432 -moz-box-flex: 1; | |
| 433 } | |
| 434 | |
| 435 .creator { | |
| 436 font-weight: bold; | |
| 437 } | |
| 438 | |
| 439 .addon-view[active="false"]:not([selected]) { | |
| 440 color: GrayText; | |
| 441 } | |
| 442 | |
| 443 .description-container { | |
| 444 -moz-margin-start: 6px; | |
| 445 -moz-box-align: center; | |
| 446 } | |
| 447 | |
| 448 .description { | |
| 449 margin: 0; | |
| 450 } | |
| 451 | |
| 452 .warning, | |
| 453 .pending, | |
| 454 .error { | |
| 455 -moz-margin-start: 48px; | |
| 456 -moz-box-align: center; | |
| 457 } | |
| 458 | |
| 459 .content-container, | |
| 460 .basicinfo-container { | |
| 461 -moz-box-align: start; | |
| 462 } | |
| 463 | |
| 464 .addon[status="installing"] > .content-container { | |
| 465 -moz-box-align: stretch; | |
| 466 } | |
| 467 | |
| 468 .advancedinfo-container, | |
| 469 .update-info-container { | |
| 470 -moz-box-align: center; | |
| 471 } | |
| 472 | |
| 473 .update-available { | |
| 474 -moz-box-align: end; | |
| 475 } | |
| 476 | |
| 477 .install-status-container { | |
| 478 -moz-box-pack: end; | |
| 479 -moz-box-align: end; | |
| 480 } | |
| 481 | |
| 482 .name-outer-container { | |
| 483 -moz-box-pack: center; | |
| 484 } | |
| 485 | |
| 486 .relnotes-toggle-container, | |
| 487 .icon-outer-container { | |
| 488 -moz-box-pack: start; | |
| 489 } | |
| 490 | |
| 491 .status-container, | |
| 492 .control-container { | |
| 493 -moz-box-pack: end; | |
| 494 } | |
| 495 | |
| 496 .addon-view:not([selected]) .warning { | |
| 497 color: #90792E; | |
| 498 } | |
| 499 | |
| 500 .addon-view:not([selected]) .error { | |
| 501 color: #7C322B; | |
| 502 } | |
| 503 | |
| 504 .addon-view:not([selected]) .pending { | |
| 505 color: #4F7939; | |
| 506 } | |
| 507 | |
| 508 .addon[active="false"] { | |
| 509 background-image: linear-gradient(rgba(135, 135, 135, 0.2), | |
| 510 rgba(135, 135, 135, 0.1)); | |
| 511 } | |
| 512 | |
| 513 .addon-view[notification="warning"] { | |
| 514 background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), | |
| 515 linear-gradient(rgba(255, 255, 0, 0.04), | |
| 516 rgba(255, 255, 0, 0)); | |
| 517 background-repeat: repeat-x; | |
| 518 } | |
| 519 | |
| 520 .addon-view[notification="error"] { | |
| 521 background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), | |
| 522 linear-gradient(rgba(255, 0, 0, 0.04), | |
| 523 rgba(255, 0, 0, 0)); | |
| 524 background-repeat: repeat-x; | |
| 525 } | |
| 526 | |
| 527 .addon-view[pending="enable"], | |
| 528 .addon-view[pending="upgrade"], | |
| 529 .addon-view[pending="install"] { | |
| 530 background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), | |
| 531 linear-gradient(rgba(0, 255, 0, 0.04), | |
| 532 rgba(0, 255, 0, 0)); | |
| 533 background-repeat: repeat-x; | |
| 534 } | |
| 535 | |
| 536 .addon-view[pending="disable"], | |
| 537 .addon-view[pending="uninstall"] { | |
| 538 background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), | |
| 539 linear-gradient(rgba(128, 128, 128, 0.04), | |
| 540 rgba(128, 128, 128, 0)); | |
| 541 background-repeat: repeat-x; | |
| 542 } | |
| 543 | |
| 544 .addon .relnotes-container { | |
| 545 -moz-box-align: start; | |
| 546 height: 0; | |
| 547 overflow: hidden; | |
| 548 opacity: 0; | |
| 549 transition-property: height, opacity; | |
| 550 transition-duration: 0.5s, 0.5s; | |
| 551 } | |
| 552 | |
| 553 .addon[show-relnotes] .relnotes-container { | |
| 554 opacity: 1; | |
| 555 transition-property: height, opacity; | |
| 556 transition-duration: 0.5s, 0.5s; | |
| 557 } | |
| 558 | |
| 559 .addon .relnotes-header { | |
| 560 font-weight: bold; | |
| 561 margin: 10px 0; | |
| 562 } | |
| 563 | |
| 564 .addon .relnotes-toggle { | |
| 565 -moz-appearance: none; | |
| 566 border: none; | |
| 567 background: transparent; | |
| 568 font-weight: bold; | |
| 569 cursor: pointer; | |
| 570 list-style-image: url("moz-icon://stock/gtk-go-down?size=16"); | |
| 571 } | |
| 572 | |
| 573 .addon .relnotes-toggle > .button-box > .button-icon { | |
| 574 display: -moz-box; | |
| 575 } | |
| 576 | |
| 577 .addon[show-relnotes] .relnotes-toggle { | |
| 578 list-style-image: url("moz-icon://stock/gtk-go-up?size=16"); | |
| 579 } | |
| 580 | |
| 581 | |
| 582 /*** search view ***/ | |
| 583 | |
| 584 #search-filter { | |
| 585 padding: 5px 20px; | |
| 586 font-size: 120%; | |
| 587 overflow-x: hidden; | |
| 588 border-bottom: 1px solid ThreeDShadow; | |
| 589 } | |
| 590 | |
| 591 #search-filter-label { | |
| 592 font-weight: bold; | |
| 593 } | |
| 594 | |
| 595 #search-allresults-link { | |
| 596 margin-top: 1em; | |
| 597 margin-bottom: 2em; | |
| 598 } | |
| 599 | |
| 600 /*** detail view ***/ | |
| 601 | |
| 602 #detail-view[active="false"] .fade { | |
| 603 opacity: 0.6; | |
| 604 } | |
| 605 | |
| 606 #detail-view .loading { | |
| 607 opacity: 0; | |
| 608 } | |
| 609 | |
| 610 #detail-view[loading-extended] .loading { | |
| 611 -moz-box-align: center; | |
| 612 -moz-box-pack: center; | |
| 613 opacity: 1; | |
| 614 transition-property: opacity; | |
| 615 transition-duration: 1s; | |
| 616 } | |
| 617 | |
| 618 .detail-view-container { | |
| 619 padding: 0 2em 2em 2em; | |
| 620 font-size: 110%; | |
| 621 } | |
| 622 | |
| 623 #detail-notifications { | |
| 624 margin-top: 1em; | |
| 625 margin-bottom: 2em; | |
| 626 } | |
| 627 | |
| 628 #detail-notifications .warning, | |
| 629 #detail-notifications .pending, | |
| 630 #detail-notifications .error { | |
| 631 -moz-margin-start: 0; | |
| 632 } | |
| 633 | |
| 634 #detail-icon-container { | |
| 635 width: 64px; | |
| 636 -moz-margin-end: 10px; | |
| 637 } | |
| 638 | |
| 639 #detail-icon { | |
| 640 max-width: 64px; | |
| 641 max-height: 64px; | |
| 642 } | |
| 643 | |
| 644 #detail-summary { | |
| 645 margin-bottom: 2em; | |
| 646 } | |
| 647 | |
| 648 #detail-name-container { | |
| 649 font-size: 200%; | |
| 650 } | |
| 651 | |
| 652 #detail-screenshot { | |
| 653 -moz-margin-end: 2em; | |
| 654 max-width: 300px; | |
| 655 max-height: 300px; | |
| 656 } | |
| 657 | |
| 658 #detail-screenshot[loading] { | |
| 659 background-image: url("chrome://global/skin/icons/loading_16.png"); | |
| 660 background-position: 50% 50%; | |
| 661 background-repeat: no-repeat; | |
| 662 border: 1px threedshadow solid; | |
| 663 border-radius: 5px; | |
| 664 box-sizing: border-box; | |
| 665 } | |
| 666 | |
| 667 #detail-screenshot[loading="error"] { | |
| 668 background-image: url("chrome://global/skin/media/error.png"); | |
| 669 } | |
| 670 | |
| 671 #detail-desc-container { | |
| 672 margin-bottom: 2em; | |
| 673 } | |
| 674 | |
| 675 #detail-desc, #detail-fulldesc { | |
| 676 -moz-margin-start: 6px; | |
| 677 /* This is necessary to fix layout issues with multi-line descriptions, see | |
| 678 bug 592712*/ | |
| 679 outline: solid transparent; | |
| 680 white-space: pre-wrap; | |
| 681 min-width: 10em; | |
| 682 } | |
| 683 | |
| 684 #detail-fulldesc { | |
| 685 margin-top: 1em; | |
| 686 } | |
| 687 | |
| 688 #detail-contributions { | |
| 689 border-radius: 5px; | |
| 690 border: 1px solid ThreeDShadow; | |
| 691 margin-bottom: 2em; | |
| 692 padding: 1em; | |
| 693 background: ThreeDHighlight; | |
| 694 } | |
| 695 | |
| 696 #detail-contrib-description { | |
| 697 font-style: italic; | |
| 698 margin-bottom: 1em; | |
| 699 } | |
| 700 | |
| 701 #detail-contrib-suggested { | |
| 702 color: GrayText; | |
| 703 } | |
| 704 | |
| 705 #detail-grid { | |
| 706 margin-bottom: 2em; | |
| 707 } | |
| 708 | |
| 709 #detail-grid > columns > column:first-child { | |
| 710 min-width: 15em; | |
| 711 max-width: 25em; | |
| 712 } | |
| 713 | |
| 714 .detail-row[first-row="true"], | |
| 715 .detail-row-complex[first-row="true"], | |
| 716 setting[first-row="true"] { | |
| 717 border-top: none; | |
| 718 } | |
| 719 | |
| 720 .detail-row, | |
| 721 .detail-row-complex, | |
| 722 setting { | |
| 723 border-top: 1px solid ThreeDShadow; | |
| 724 -moz-box-align: center; | |
| 725 min-height: 32px; | |
| 726 } | |
| 727 | |
| 728 #detail-controls { | |
| 729 margin-bottom: 1em; | |
| 730 } | |
| 731 | |
| 732 #detail-view[active="false"]:not([pending]):not([notification]) { | |
| 733 background-image: linear-gradient(rgba(135, 135, 135, 0.1), | |
| 734 rgba(135, 135, 135, 0)); | |
| 735 } | |
| 736 | |
| 737 setting[first-row="true"] { | |
| 738 margin-top: 2em; | |
| 739 } | |
| 740 | |
| 741 setting { | |
| 742 -moz-box-align: start; | |
| 743 } | |
| 744 | |
| 745 .preferences-alignment { | |
| 746 min-height: 32px; | |
| 747 -moz-box-align: center; | |
| 748 } | |
| 749 | |
| 750 .preferences-description { | |
| 751 font-size: 90.9%; | |
| 752 color: graytext; | |
| 753 margin-top: -2px; | |
| 754 -moz-margin-start: 2em; | |
| 755 white-space: pre-wrap; | |
| 756 } | |
| 757 | |
| 758 .preferences-description:empty { | |
| 759 display: none; | |
| 760 } | |
| 761 | |
| 762 menulist { /* Fixes some styling inconsistencies */ | |
| 763 font-size: 100%; | |
| 764 margin: 1px 5px 2px 5px; | |
| 765 } | |
| 766 | |
| 767 colorpicker[type="button"] { /* Fixes some styling inconsistencies */ | |
| 768 height: 29px; | |
| 769 margin: 1px 5px 2px 5px; | |
| 770 } | |
| 771 | |
| 772 setting[type="radio"] > radiogroup { | |
| 773 -moz-box-orient: horizontal; | |
| 774 } | |
| 775 | |
| 776 /*** creator ***/ | |
| 777 | |
| 778 .creator > label { | |
| 779 -moz-margin-start: 0; | |
| 780 -moz-margin-end: 0; | |
| 781 } | |
| 782 | |
| 783 .creator > .text-link { | |
| 784 margin-top: 1px; | |
| 785 margin-bottom: 1px; | |
| 786 } | |
| 787 | |
| 788 | |
| 789 /*** rating ***/ | |
| 790 | |
| 791 .meta-rating { | |
| 792 -moz-margin-end: 0; | |
| 793 vertical-align: text-top; | |
| 794 } | |
| 795 | |
| 796 .meta-rating[showrating="average"] > .star { | |
| 797 list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); | |
| 798 padding: 0 1px; | |
| 799 } | |
| 800 | |
| 801 .meta-rating[showrating="user"] > .star { | |
| 802 list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); | |
| 803 padding: 2px 3px; | |
| 804 } | |
| 805 | |
| 806 .meta-rating > .star[on="true"], | |
| 807 .meta-rating[showrating="user"] > .star[hover] { | |
| 808 list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); | |
| 809 padding: 0 1px; | |
| 810 } | |
| 811 | |
| 812 | |
| 813 /*** download progress ***/ | |
| 814 | |
| 815 .download-progress { | |
| 816 width: 200px; | |
| 817 } | |
| 818 | |
| 819 .download-progress .start-cap, | |
| 820 .download-progress .end-cap { | |
| 821 display: none; | |
| 822 } | |
| 823 | |
| 824 .download-progress .progress { | |
| 825 padding: 0; | |
| 826 margin: 0; | |
| 827 border: none; | |
| 828 } | |
| 829 | |
| 830 .download-progress .cancel { | |
| 831 -moz-appearance: none; | |
| 832 background-color: ButtonFace; | |
| 833 padding-bottom: 1px; | |
| 834 -moz-padding-start: 2px; | |
| 835 border-width: 1px; | |
| 836 border-style: solid; | |
| 837 border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; | |
| 838 border-radius: 10000px; | |
| 839 min-width: 16px; | |
| 840 width: 16px; | |
| 841 height: 16px; | |
| 842 margin: 3px; | |
| 843 } | |
| 844 | |
| 845 .download-progress .cancel:hover { | |
| 846 background-color: -moz-ButtonHoverFace; | |
| 847 } | |
| 848 | |
| 849 .download-progress .cancel { | |
| 850 list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); | |
| 851 } | |
| 852 | |
| 853 .download-progress .status-container { | |
| 854 -moz-box-align: center; | |
| 855 } | |
| 856 | |
| 857 | |
| 858 /*** install status ***/ | |
| 859 | |
| 860 .install-status { | |
| 861 -moz-box-align: center; | |
| 862 } | |
| 863 | |
| 864 | |
| 865 /*** check for updates ***/ | |
| 866 | |
| 867 #updates-container { | |
| 868 -moz-box-align: center; | |
| 869 } | |
| 870 | |
| 871 #updates-installed, | |
| 872 #updates-downloaded { | |
| 873 font-weight: bold; | |
| 874 } | |
| 875 | |
| 876 #update-selected { | |
| 877 margin: 12px; | |
| 878 } | |
| 879 | |
| 880 | |
| 881 /*** buttons ***/ | |
| 882 | |
| 883 .addon-control[disabled="true"] { | |
| 884 display: none; | |
| 885 } | |
| 886 | |
| 887 .addon-control.enable { | |
| 888 list-style-image: url("moz-icon://stock/gtk-yes?size=button"); | |
| 889 } | |
| 890 | |
| 891 .addon-control.disable { | |
| 892 list-style-image: url("moz-icon://stock/gtk-no?size=button"); | |
| 893 } | |
| 894 | |
| 895 .addon-control.remove { | |
| 896 list-style-image: url("moz-icon://stock/gtk-remove?size=button"); | |
| 897 } | |
| 898 | |
| 899 .addon-control.preferences { | |
| 900 list-style-image: url("moz-icon://stock/gtk-preferences?size=button"); | |
| 901 } | |
| 902 | |
| 903 .addon-control.install, | |
| 904 .addon-control.update { | |
| 905 list-style-image: url("moz-icon://stock/gtk-save?size=button"); | |
| 906 } | |
| 907 | |
| 908 .button-link { | |
| 909 -moz-appearance: none; | |
| 910 background: transparent; | |
| 911 border: none; | |
| 912 text-decoration: underline; | |
| 913 color: -moz-nativehyperlinktext; | |
| 914 cursor: pointer; | |
| 915 min-width: 0; | |
| 916 margin: 0 6px; | |
| 917 } | |
| 918 | |
| 919 .button-link:active { | |
| 920 color: -moz-activehyperlinktext; | |
| 921 } | |
| 922 | |
| 923 .header-button .toolbarbutton-text { | |
| 924 display: none; | |
| 925 } | |
| 926 | |
| 927 /*** telemetry experiments ***/ | |
| 928 | |
| 929 #detail-experiment-container { | |
| 930 font-size: 80%; | |
| 931 margin-bottom: 1em; | |
| 932 } | |
| 933 | |
| 934 #detail-experiment-bullet-container, | |
| 935 #detail-experiment-state, | |
| 936 #detail-experiment-time, | |
| 937 .experiment-bullet-container, | |
| 938 .experiment-state, | |
| 939 .experiment-time { | |
| 940 vertical-align: middle; | |
| 941 display: inline-block; | |
| 942 } | |
| 943 | |
| 944 .addon .experiment-bullet, | |
| 945 #detail-experiment-bullet { | |
| 946 fill: rgb(158, 158, 158); | |
| 947 } | |
| 948 | |
| 949 .addon[active="true"] .experiment-bullet, | |
| 950 #detail-view[active="true"] #detail-experiment-bullet { | |
| 951 fill: rgb(106, 201, 20); | |
| 952 } |
