LCARStrek/mozapps/extensions/extensions.css

   1 #extensionsBox {
   2   margin: 10px 10px 0px;
   3   min-width: 1px;
   4 }
   5
   6 #extensionsView {
   7   -moz-appearance: none;
   8   -moz-border-radius: 3px;
   9   border: 1px solid #9C9CFF;
  10   margin: 0;
  11   min-width: 245px;
  12 }
  13
  14 #resizerBox {
  15   margin-top: -12px;
  16   visibility: hidden;
  17 }
  18
  19 #resizerBox > resizer {
  20   height: 10px;
  21   max-height: 10px;
  22   visibility: visible;
  23 }
  24
  25 .notification-inner {
  26   border: none;
  27   border-bottom: 1px solid #9C9CFF;
  28 }
  29
  30 #searchfield {
  31   -moz-margin-start: 0;
  32 }
  33
  34 /* Command Bar */
  35 #commandBarBottom {
  36   margin-top: 5px;
  37   margin-bottom: 10px;
  38   -moz-margin-start: 10px;
  39   -moz-margin-end: 5px;
  40   min-width: 1px;
  41 }
  42
  43 #commandBarBottom button {
  44   margin: 0;
  45   -moz-margin-end: 5px;
  46 }
  47
  48 /* List Items */
  49 richlistitem {
  50   padding-top: 6px;
  51   padding-bottom: 6px;
  52   -moz-padding-start: 7px;
  53   -moz-padding-end: 7px;
  54   min-height: 25px;
  55   border-bottom: 1px dotted #FF9F00;
  56 }
  57
  58 richlistitem[isDisabled="true"] .addonIcon {
  59   opacity: 0.3;
  60 }
  61
  62 richlistitem[isDisabled="true"] {
  63   color: #8050B0;
  64 }
  65
  66 richlistitem[newAddon="true"] {
  67   background-color: #000000;
  68   color: #FFCF00;
  69 }
  70
  71 richlistitem[selected="true"] {
  72   background-color: #008484;
  73   color: #000000;
  74 }
  75
  76 richlistitem[selected="true"] .text-link {
  77   color: inherit;
  78 }
  79
  80 #extensionsView:focus > richlistitem[selected="true"] {
  81   background-color: #008484;
  82   color: #FFCF00;
  83 }
  84
  85 #extensionsView:focus > richlistitem[selected="true"][isDisabled="true"] {
  86   background-color: #8050B0;
  87   color: #000000;
  88 }
  89
  90 .descriptionWrap {
  91   margin-bottom: 2px;
  92 }
  93
  94 .addonName {
  95   font-weight: bold;
  96 }
  97
  98 .previewText {
  99   font-size: larger;
 100   font-weight: bold;
 101   color: #FF9F00;
 102   text-align: center;
 103 }
 104
 105 #themePreviewArea {
 106   -moz-border-radius: 3px;
 107   border: 1px solid #9C9CFF;
 108   background-color: #000000;
 109   color: #FF9F00;
 110   min-width: 65px;
 111   overflow: auto;
 112 }
 113
 114 #previewImageDeck {
 115   min-width: 220px;
 116 }
 117
 118 #themeSplitter {
 119  border-width: 0;
 120 }
 121
 122 .addonIcon {
 123   -moz-margin-end: 2px;
 124   width: 32px;
 125   height: 32px;
 126 }
 127
 128 .addonIcon > image {
 129   max-width: 32px;
 130   max-height: 32px;
 131 }
 132
 133 richlistitem[plugin] .addonIcon > image {
 134   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
 135 }
 136
 137 richlistitem[lwtheme] .addonIcon > image {
 138   list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
 139 }
 140
 141 .updateBadge,
 142 .notifyBadge {
 143   width: 16px;
 144   height: 16px;
 145   margin-bottom: -3px;
 146   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 147 }
 148
 149 richlistitem .updateBadge {
 150   -moz-margin-end: -2px;
 151 }
 152
 153 richlistitem .notifyBadge {
 154   -moz-margin-start: -2px;
 155 }
 156
 157 /* Selected Add-on buttons
 158    See content/extensions.css to hide / display buttons */
 159 .selectedButtons {
 160   margin-top: 4px;
 161   min-height: 2.1em;
 162 }
 163
 164 .selectedButtons > button {
 165   margin-top: 0;
 166   margin-bottom: 0;
 167 }
 168
 169 .enableButton,
 170 .disableButton,
 171 .optionsButton,
 172 .useThemeButton {
 173   -moz-margin-end: 0;
 174 }
 175
 176 .enableButton, .disableButton,
 177 .uninstallButton, .cancelUninstallButton {
 178   -moz-margin-start: 5px;
 179 }
 180
 181 richlistitem[loading="true"] .updateBadge {
 182   width: 16px;
 183   height: 16px;
 184   margin-bottom: -3px;
 185   -moz-margin-end: -2px;
 186   list-style-image: url("chrome://global/skin/icons/loading.gif");
 187   -moz-image-region: auto;
 188 }
 189
 190 .addonThrobber {
 191   -moz-margin-start: 5px;
 192   width: 16px;
 193   height: 16px;
 194   list-style-image: url("chrome://global/skin/icons/loading.gif");
 195 }
 196
 197 .selectedStatusMsgs > hbox {
 198   margin-top: 2px;
 199   margin-bottom: 2px;
 200 }
 201
 202 .selectedStatusMsgs label {
 203   font-weight: bold;
 204 }
 205
 206 .selectedStatusMsgs label.text-link {
 207   font-weight: normal;
 208   border: none;
 209 }
 210
 211 .addon-search-details {
 212   margin-top: 5px;
 213   margin-bottom: 5px;
 214   -moz-margin-start: 6px;
 215   -moz-margin-end: 0;
 216 }
 217
 218 .addonThumbnailContainer {
 219   background-color: #000000;
 220   padding: 5px;
 221   -moz-border-radius: 3px;
 222   border: 1px solid #9C9CFF;
 223   width: 135px;
 224   min-height: 104px;
 225   -moz-margin-end: 5px;
 226 }
 227
 228 .addonMissingThumbnail {
 229   color: GrayText;
 230   font-size: larger;
 231   font-weight: bold;
 232 }
 233
 234 .addonFailure {
 235   width: 16px;
 236   height: 16px;
 237   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 238 }
 239
 240 .addonLearnMore {
 241   margin-top: 4px;
 242   margin-bottom: 4px;
 243 }
 244
 245 .addonRating[rating] {
 246   width: 68px;
 247   height: 12px;
 248   list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
 249 }
 250
 251 .addonRating[rating="0"] {
 252   -moz-image-region: rect(0px 68px 12px 0px);
 253 }
 254
 255 .addonRating[rating="1"] {
 256   -moz-image-region: rect(12px 68px 24px 0px);
 257 }
 258
 259 .addonRating[rating="2"] {
 260   -moz-image-region: rect(24px 68px 36px 0px);
 261 }
 262
 263 .addonRating[rating="3"] {
 264   -moz-image-region: rect(36px 68px 48px 0px);
 265 }
 266
 267 .addonRating[rating="4"] {
 268   -moz-image-region: rect(48px 68px 60px 0px);
 269 }
 270
 271 .addonRating[rating="5"] {
 272   -moz-image-region: rect(60px 68px 72px 0px);
 273 }
 274
 275 .addonType image {
 276   -moz-margin-start: 6px;
 277   list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
 278   width: 16px;
 279   height: 16px;
 280 }
 281
 282 .addonTypeExtension image {
 283   -moz-image-region: rect(0px 16px 16px 0px);
 284 }
 285
 286 .addonTypeTheme image {
 287   -moz-image-region: rect(0px 32px 16px 16px);
 288 }
 289
 290 vbox[typeName="status"][type="search-failure"],
 291 vbox[typeName="status"][type="recommended-failure"],
 292 vbox[typeName="status"][type="message-norecommended"],
 293 vbox[typeName="status"][type="message-nosearchresults"],
 294 vbox[typeName="status"][type="retrieve-search"],
 295 vbox[typeName="status"][type="retrieve-recommended"] {
 296   margin-top: 2em;
 297 }
 298
 299 vbox[typeName="status"][type="footer-recommended"],
 300 vbox[typeName="status"][type="footer-search"] {
 301   margin-top: 1em;
 302 }
 303
 304 vbox[typeName="status"][type="header-recommended"] {
 305   font-size: 150%;
 306   background: #000000;
 307 }
 308
 309 #searchbox {
 310   padding: 0;
 311 }
 312
 313 #progressBox {
 314   padding: 5px;
 315 }
 316
 317 #progressBox > hbox {
 318   -moz-box-align: center;
 319 }
 320
 321 /* View buttons resp. Progress box */
 322 #topBar {
 323   border-bottom: 1px solid #9C9CFF;
 324   padding-bottom: 3px;
 325   background-color: #000000;
 326   color: #FF9F00;
 327 }
 328
 329 #viewGroup {
 330   -moz-padding-start: 10px;
 331 }
 332
 333 #viewGroup > radio {
 334   -moz-border-radius: 5px;
 335   margin: 0px;
 336   padding: 1px 3px;
 337   min-width: 4.5em;
 338   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 339   border: 1px solid transparent;
 340 }
 341
 342 #viewGroup > radio:hover {
 343   background-color: #FFCF00;
 344   color: #000000;
 345 }
 346
 347 #viewGroup > radio[selected="true"] {
 348   background-color: #008484;
 349   color: #000000;
 350 }
 351
 352 .viewButtonIcon {
 353   width: 32px;
 354   height: 32px;
 355 }
 356
 357 radio#extensions-view {
 358   -moz-image-region: rect(0px, 32px,  32px, 0px)
 359 }
 360
 361 radio#themes-view {
 362   -moz-image-region: rect(0px, 64px,  32px, 32px)
 363 }
 364
 365 radio#locales-view {
 366   -moz-image-region: rect(0px, 96px,  32px, 64px)
 367 }
 368
 369 radio#plugins-view {
 370   -moz-image-region: rect(0px, 128px, 32px, 96px)
 371 }
 372
 373 radio#updates-view {
 374   -moz-image-region: rect(0px, 160px, 32px, 128px)
 375 }
 376
 377 radio#installs-view {
 378   -moz-image-region: rect(0px, 192px, 32px, 160px)
 379 }
 380
 381 radio#search-view {
 382   -moz-image-region: rect(0px, 224px, 32px, 192px)
 383 }
 384
 385 /* Update view checkbox */
 386 .includeUpdate {
 387   -moz-user-focus: none;
 388 }
 389
 390 richlistitem[selected="true"] .includeUpdate {
 391   -moz-user-focus: normal;
 392 }
 393
 394 #infoDisplay {
 395   overflow-y: auto;
 396 }
 397
 398 #infoDisplay body {
 399   padding: 5px;
 400 }
 401
 402 #infoDisplay h1,
 403 #infoDisplay h2,
 404 #infoDisplay h3 {
 405   text-align: left;
 406   font-weight: bold;
 407   margin: 0 0 0.7em;
 408 }
 409
 410 #infoDisplay h1 {
 411   font-size: 150%;
 412 }
 413
 414 #infoDisplay h2 {
 415   font-size: 125%;
 416 }
 417
 418 #infoDisplay h3 {
 419   font-size: 100%;
 420 }
 421
 422 #infoDisplay ol,
 423 #infoDisplay ul {
 424   margin: 0 0 0.7em;
 425 }
 426
 427 #infoDisplay li {
 428   text-align: left;
 429 }
 430
 431 #infoDisplay p {
 432   text-align: justify;
 433   margin: 0 0 0.7em;
 434 }