Seriously hacking the new Addons Manager

[T0morrow]

Not sure if it helps someone but i use a modified version of this: http://userstyles.org/styles/42112/fire ... ns-manager

[patrickjdempsey]

I know this is a necro-thread and most of the info in here is very out-of-date, but I figured I would share this "solution" here. One of the serious problems with the addons manager is that the code that ships with the default theme is filled with all kinds of weird styling junk. You can force Firefox/SeaMonkey to rip out this junk and use OS-native styles by using -moz-appearance. NOTE: you cannot "theme" the elements after you've applied an OS appearance. This is essentially then just a quick-and-dirty way of killing the default styling. You can use it in conjunction with the binding I posted here to get something that looks close to the Firefox 3.x addons manager without much work:

Code: Select all

/* move header to bottom */
#addons-page  {
-moz-box-direction: reverse !important;
padding: 10px !important; }
#addons-page #header { margin: 0px !important; }

/* puts categories on top of addons */
#addons-page #header ~ hbox { -moz-box-orient: vertical !important; }
/* load the binding that makes categories horizontal */
#addons-page #categories > scrollbox > .scrollbox-innerbox {
  -moz-binding: url("chrome://seafox/content/addons.xml#addons-richlistbox"); }
#addons-page #categories {
margin: 0px !important;
-moz-appearance: listbox!important; }

/* places category labels under icons */
#addons-page .category {
-moz-box-orient: vertical!important;
-moz-appearance: tab!important;
height: 6em !important; }
#addons-page .category[selected="true"] {
font-weight:bold!important; }
#addons-page .category label {
font-size: 100% !important;
display:-moz-box!important; }
#addons-page .category .category-badge,
#addons-page .category[disabled="true"] { display:none!important; }

#addons-page #view-port-container {
-moz-appearance: listbox!important;
margin: 10px 0px !important; }
#addons-page .addon .name-container {
font-size: small !important; }