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 .updateBadge,
 134 .notifyBadge {
 135   width: 16px;
 136   height: 16px;
 137   margin-bottom: -3px;
 138   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 139 }
 140
 141 richlistitem .updateBadge {
 142   -moz-margin-end: -2px;
 143 }
 144
 145 richlistitem .notifyBadge {
 146   -moz-margin-start: -2px;
 147 }
 148
 149 /* Selected Add-on buttons
 150    See content/extensions.css to hide / display buttons */
 151 .selectedButtons {
 152   margin-top: 4px;
 153   min-height: 2.1em;
 154 }
 155
 156 .selectedButtons > button {
 157   margin-top: 0;
 158   margin-bottom: 0;
 159 }
 160
 161 .enableButton,
 162 .disableButton,
 163 .optionsButton,
 164 .useThemeButton {
 165   -moz-margin-end: 0;
 166 }
 167
 168 .enableButton, .disableButton,
 169 .uninstallButton, .cancelUninstallButton {
 170   -moz-margin-start: 5px;
 171 }
 172
 173 richlistitem[loading="true"] .updateBadge {
 174   width: 16px;
 175   height: 16px;
 176   margin-bottom: -3px;
 177   -moz-margin-end: -2px;
 178   list-style-image: url("chrome://global/skin/icons/loading.gif");
 179   -moz-image-region: auto;
 180 }
 181
 182 .addonThrobber {
 183   -moz-margin-start: 5px;
 184   width: 16px;
 185   height: 16px;
 186   list-style-image: url("chrome://global/skin/icons/loading.gif");
 187 }
 188
 189 .selectedStatusMsgs > hbox {
 190   margin-top: 2px;
 191   margin-bottom: 2px;
 192 }
 193
 194 .selectedStatusMsgs label {
 195   font-weight: bold;
 196 }
 197
 198 .selectedStatusMsgs label.text-link {
 199   font-weight: normal;
 200   border: none;
 201 }
 202
 203 .addon-search-details {
 204   margin-top: 5px;
 205   margin-bottom: 5px;
 206   -moz-margin-start: 6px;
 207   -moz-margin-end: 0;
 208 }
 209
 210 .addonThumbnailContainer {
 211   background-color: #000000;
 212   padding: 5px;
 213   -moz-border-radius: 3px;
 214   border: 1px solid #9C9CFF;
 215   width: 135px;
 216   min-height: 104px;
 217   -moz-margin-end: 5px;
 218 }
 219
 220 .addonMissingThumbnail {
 221   color: GrayText;
 222   font-size: larger;
 223   font-weight: bold;
 224 }
 225
 226 .addonFailure {
 227   width: 16px;
 228   height: 16px;
 229   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
 230 }
 231
 232 .addonLearnMore {
 233   margin-top: 4px;
 234   margin-bottom: 4px;
 235 }
 236
 237 .addonRating[rating] {
 238   width: 68px;
 239   height: 12px;
 240   list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
 241 }
 242
 243 .addonRating[rating="0"] {
 244   -moz-image-region: rect(0px 68px 12px 0px);
 245 }
 246
 247 .addonRating[rating="1"] {
 248   -moz-image-region: rect(12px 68px 24px 0px);
 249 }
 250
 251 .addonRating[rating="2"] {
 252   -moz-image-region: rect(24px 68px 36px 0px);
 253 }
 254
 255 .addonRating[rating="3"] {
 256   -moz-image-region: rect(36px 68px 48px 0px);
 257 }
 258
 259 .addonRating[rating="4"] {
 260   -moz-image-region: rect(48px 68px 60px 0px);
 261 }
 262
 263 .addonRating[rating="5"] {
 264   -moz-image-region: rect(60px 68px 72px 0px);
 265 }
 266
 267 .addonType image {
 268   -moz-margin-start: 6px;
 269   list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
 270   width: 16px;
 271   height: 16px;
 272 }
 273
 274 .addonTypeExtension image {
 275   -moz-image-region: rect(0px 16px 16px 0px);
 276 }
 277
 278 .addonTypeTheme image {
 279   -moz-image-region: rect(0px 32px 16px 16px);
 280 }
 281
 282 vbox[typeName="status"][type="search-failure"],
 283 vbox[typeName="status"][type="recommended-failure"],
 284 vbox[typeName="status"][type="message-norecommended"],
 285 vbox[typeName="status"][type="message-nosearchresults"],
 286 vbox[typeName="status"][type="retrieve-search"],
 287 vbox[typeName="status"][type="retrieve-recommended"] {
 288   margin-top: 2em;
 289 }
 290
 291 vbox[typeName="status"][type="footer-recommended"],
 292 vbox[typeName="status"][type="footer-search"] {
 293   margin-top: 1em;
 294 }
 295
 296 vbox[typeName="status"][type="header-recommended"] {
 297   font-size: 150%;
 298   background: #000000;
 299 }
 300
 301 #searchbox {
 302   padding: 0;
 303 }
 304
 305 #progressBox {
 306   padding: 5px;
 307 }
 308
 309 #progressBox > hbox {
 310   -moz-box-align: center;
 311 }
 312
 313 /* View buttons resp. Progress box */
 314 #topBar {
 315   border-bottom: 1px solid #9C9CFF;
 316   padding-bottom: 3px;
 317   background-color: #000000;
 318   color: #FF9F00;
 319 }
 320
 321 #viewGroup {
 322   -moz-padding-start: 10px;
 323 }
 324
 325 #viewGroup radio {
 326   -moz-border-radius: 5px;
 327   margin: 0px;
 328   padding: 1px 3px;
 329   min-width: 4.5em;
 330   list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
 331   border: 1px solid transparent;
 332 }
 333
 334 #viewGroup radio:hover {
 335   background-color: #FFCF00;
 336   color: #000000;
 337 }
 338
 339 #viewGroup radio[selected="true"] {
 340   background-color: #008484;
 341   color: #000000;
 342 }
 343
 344 .viewButtonIcon {
 345   width: 32px;
 346   height: 32px;
 347 }
 348
 349 radio#extensions-view {
 350   -moz-image-region: rect(0px, 32px,  32px, 0px)
 351 }
 352
 353 radio#themes-view {
 354   -moz-image-region: rect(0px, 64px,  32px, 32px)
 355 }
 356
 357 radio#locales-view {
 358   -moz-image-region: rect(0px, 96px,  32px, 64px)
 359 }
 360
 361 radio#plugins-view {
 362   -moz-image-region: rect(0px, 128px, 32px, 96px)
 363 }
 364
 365 radio#updates-view {
 366   -moz-image-region: rect(0px, 160px, 32px, 128px)
 367 }
 368
 369 radio#installs-view {
 370   -moz-image-region: rect(0px, 192px, 32px, 160px)
 371 }
 372
 373 radio#search-view {
 374   -moz-image-region: rect(0px, 224px, 32px, 192px)
 375 }
 376
 377 /* Update view checkbox */
 378 .includeUpdate {
 379   -moz-user-focus: none;
 380 }
 381
 382 richlistitem[selected="true"] .includeUpdate {
 383   -moz-user-focus: normal;
 384 }
 385
 386 #infoDisplay {
 387   overflow-y: auto;
 388 }
 389
 390 #infoDisplay body {
 391   padding: 5px;
 392 }
 393
 394 #infoDisplay h1,
 395 #infoDisplay h2,
 396 #infoDisplay h3 {
 397   text-align: left;
 398   font-weight: bold;
 399   margin: 0 0 0.7em;
 400 }
 401
 402 #infoDisplay h1 {
 403   font-size: 150%;
 404 }
 405
 406 #infoDisplay h2 {
 407   font-size: 125%;
 408 }
 409
 410 #infoDisplay h3 {
 411   font-size: 100%;
 412 }
 413
 414 #infoDisplay ol,
 415 #infoDisplay ul {
 416   margin: 0 0 0.7em;
 417 }
 418
 419 #infoDisplay li {
 420   text-align: left;
 421 }
 422
 423 #infoDisplay p {
 424   text-align: justify;
 425   margin: 0 0 0.7em;
 426 }