Browser CSS Snippets

/* The following lines of code can be added to your current browser css userstyle, or edited if the elements already exist. You can search for the values right within Stylish. These snippets may solve some common questions or issues with browser css. Keep in mind your borders are visual style dependent and some lines are part of the browser body not the border. You may also need to adjust the pixel/color values to your liking. Some solutions may be different for other people, and separate suggestions will be divided with "-----------" */

/* Please review http://www.w3schools.com/css/css_boxmodel.asp */

/* AUSTRALIS IS OUT. REFER TO: https://support.mozilla.org/en-US/questions/998739 */

-----------

/* Remove Scrollbar */
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
scrollbar {visibility:collapse !important; } /* agent sheet comment needed for australis, copy paste as is */

-----------

#content browser{margin-right:-16px !important;
overflow-y:scroll; overflow-x:hidden;}

/* White lines or white border appears on certain sides or around the browser body */
/* First, try navigating to about:config and toggle tabs:onTop to FALSE. */

#navigator-toolbox::after {
height: 0px !important;
}
-----------
#browser-border-start, #browser-border-end {
 display: none!important;
 }
-----------
#nav-bar{
border:none !important;
}
-----------
#main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
margin-left:-1px!important;
margin-right:-1px!important;
margin-bottom: -1px !important;
}

/* Remove the plugin icon in url bar (looks like a lego piece) */

#plugins-notification-icon{
  width: 0px !important;
  margin-left: -7px !important;
  margin-right: -5px !important;
}

-----

/* Remove the reader icon from url bar (looks like a book)  NOT TESTED */

.toolbar .button {
  visibility: none !important;
  height: 0 !important;
  width: 0 !important;
  border-width: 0 !important;
}

-----

#plugins-notification-icon, #notification-anchor-icon, #notification-popup-box {
display: none !important;
}

/* Remove borders and captions (min/max/close buttons) */

 #main-window {-moz-appearance:none !important;} /*this can potentially cause flash videos not to display*/

/* Align min/max/close buttons better with tabs. #TabsToolbar may overlap the buttons completely if moved enough. */

#main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
margin-top:-18px!important;
}
-----------
#TabsToolbar{
margin-top: -5px;
}

/* Tabs dont match the background of the whole tab bar, or the background is not displaying properly */

#TabsToolbar{
background: #1b1b1b !important;
}

/* Resize favicons */

#main-window #tabbrowser-tabs tab .tab-throbber,
#main-window #tabbrowser-tabs tab .tab-icon-image {
max-height:12px!important;
max-width:12px!important;
margin-top:1px!important;
}

/* Favicons only display on pinned tabs */

.tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none !important;
}

/* Hide all favicons */

#main-window #tabbrowser-tabs tab .tab-throbber,
#main-window #tabbrowser-tabs tab .tab-icon-image,
.tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none !important;
}

/* Tabs close button only appears on hover */

#tabbrowser-tabs tab .tab-close-button {
opacity:0!important;
}

#tabbrowser-tabs tab .tab-close-button:hover {
opacity:1!important;
}

/* Element Names, Identification help */
/* Editing tabs */

#main-window #tabbrowser-tabs tab
#main-window #tabbrowser-tabs tab[selected]
#main-window #tabbrowser-tabs tab:hover

/* Editing Navigation bar */

#nav-bar

/* Editing URL bar */

#urlbar

/* Editing Addon bar */

toolbar#addon-bar

/* Editing the firefox appmenu button */

#main-window #appmenu-button,
#appmenu-toolbar-button,
#appmenu-button .button-icon,
#appmenu-button .button-text

/* Other element actions  */

[selected]  /* when element is selected */
:hover  /* when element has mouse pointer over it */
[sizemode="maximized"]  /* when window is maximized */
[sizemode="normal"]  /* when window is not maximized/restored */