Documentation of main CSS ids and HTML attributes - aaFn/Bookmark-search-plus-2 GitHub Wiki

For those who want to customize further with their own CSS in userChrome.css with !important rules, here is a growing documentation of main ids and tricks, sorted by category (ids and howtos for now).

See also #112, https://github.com/Aris-t2/CustomCSSforFx/issues/109#issuecomment-402849175, and https://github.com/Aris-t2/CustomCSSforFx for more.

Contribution: if you want to contribute or correct things, this wiki is now editable.

Ids

.nofavicon

HTML class of the nofavicon favicon
E.g. for changing its image:

.nofavicon {
  background-image: url("path-you-want/folder-img-you-want.png") !important;
}

#mglass

HTML id of the magnifying glass button
E.g. for changing its image:

#mglass {
  background-image: url("path-you-want/folder-img-you-want.png") !important;
}

.twistiena

HTML class of the twistie for an empty folder
E.g. for changing its image:

.twistiena {
  background-image: url("path-you-want/folder-img-you-want.png") !important;
}

.twistieac

HTML class of the twistie for a non empty folder which is closed
E.g. for changing its image:

.twistieac {
  background-image: url("path-you-want/folder-img-you-want-when-no-hover.png") !important;
}

.brow:hover .twistieac, .selbrow:hover .twistieac {
  background-image: url("path-you-want/folder-img-you-want-when-hover.png") !important;
}

.twistieao

HTML class of the twistie for a non empty folder which is open
E.g. for changing its image:

.twistieao {
  background-image: url("path-you-want/folder-img-you-want-when-no-hover.png") !important;
}

.brow:hover .twistieao, .selbrow:hover .twistieao {
  background-image: url("path-you-want/folder-img-you-want-when-hover.png") !important;
}

.rtwistieac

HTML class of the indicator at front of a folder in search window
E.g. for changing its image:

.rtwistieac {
  background-image: url("path-you-want/folder-img-you-want.png") !important;
}

Howtos

Override minimum and maximum size of Firefox sidebar; to give more (or less) room to BSP2

Thanks to @Gitoffthelawn in https://github.com/aaFn/Bookmark-search-plus-2/issues/170#issuecomment-1022911448

#sidebar-box {
  min-width: 0 !important;
}
    
#sidebar {
  max-width: 100% !important;
}