SHARE
TWEET

Browser CSS Snippets

xdemonessx Jul 19th, 2013 (edited) 3,350 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* 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 "-----------" */
  2.  
  3. /* Please review http://www.w3schools.com/css/css_boxmodel.asp */
  4.  
  5. /* AUSTRALIS IS OUT. REFER TO: https://support.mozilla.org/en-US/questions/998739 */
  6.  
  7. -----------
  8.  
  9. /* Remove Scrollbar */
  10. /* AGENT_SHEET */
  11. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);    
  12. scrollbar {visibility:collapse !important; } /* agent sheet comment needed for australis, copy paste as is */
  13.  
  14. -----------
  15.  
  16. #content browser{margin-right:-16px !important;
  17. overflow-y:scroll; overflow-x:hidden;}
  18.  
  19. /* White lines or white border appears on certain sides or around the browser body */
  20. /* First, try navigating to about:config and toggle tabs:onTop to FALSE. */
  21.  
  22. #navigator-toolbox::after {
  23. height: 0px !important;
  24. }
  25. -----------
  26. #browser-border-start, #browser-border-end {
  27.  display: none!important;
  28.  }
  29. -----------
  30. #nav-bar{
  31. border:none !important;
  32. }
  33. -----------
  34. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
  35. margin-left:-1px!important;
  36. margin-right:-1px!important;
  37. margin-bottom: -1px !important;
  38. }
  39.  
  40. /* Remove the plugin icon in url bar (looks like a lego piece) */
  41.  
  42. #plugins-notification-icon{
  43.   width: 0px !important;
  44.   margin-left: -7px !important;
  45.   margin-right: -5px !important;
  46. }
  47.  
  48. -----
  49.  
  50. /* Remove the reader icon from url bar (looks like a book)  NOT TESTED */
  51.  
  52. .toolbar .button {
  53.   visibility: none !important;
  54.   height: 0 !important;
  55.   width: 0 !important;
  56.   border-width: 0 !important;
  57. }
  58.  
  59. -----
  60.  
  61. #plugins-notification-icon, #notification-anchor-icon, #notification-popup-box {
  62. display: none !important;
  63. }
  64.  
  65. /* Remove borders and captions (min/max/close buttons) */
  66.  
  67.  #main-window {-moz-appearance:none !important;} /*this can potentially cause flash videos not to display*/
  68.  
  69. /* Align min/max/close buttons better with tabs. #TabsToolbar may overlap the buttons completely if moved enough. */
  70.  
  71. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
  72. margin-top:-18px!important;
  73. }
  74. -----------
  75. #TabsToolbar{
  76. margin-top: -5px;
  77. }
  78.  
  79. /* Tabs dont match the background of the whole tab bar, or the background is not displaying properly */
  80.  
  81. #TabsToolbar{
  82. background: #1b1b1b !important;
  83. }
  84.  
  85. /* Resize favicons */
  86.  
  87. #main-window #tabbrowser-tabs tab .tab-throbber,
  88. #main-window #tabbrowser-tabs tab .tab-icon-image {
  89. max-height:12px!important;
  90. max-width:12px!important;
  91. margin-top:1px!important;
  92. }
  93.  
  94. /* Favicons only display on pinned tabs */
  95.  
  96. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  97. display: none !important;
  98. }
  99.  
  100. /* Hide all favicons */
  101.  
  102. #main-window #tabbrowser-tabs tab .tab-throbber,
  103. #main-window #tabbrowser-tabs tab .tab-icon-image,
  104. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  105. display: none !important;
  106. }
  107.  
  108. /* Tabs close button only appears on hover */
  109.  
  110. #tabbrowser-tabs tab .tab-close-button {
  111. opacity:0!important;
  112. }
  113.  
  114. #tabbrowser-tabs tab .tab-close-button:hover {
  115. opacity:1!important;
  116. }
  117.  
  118. /* Element Names, Identification help */
  119. /* Editing tabs */
  120.  
  121. #main-window #tabbrowser-tabs tab
  122. #main-window #tabbrowser-tabs tab[selected]
  123. #main-window #tabbrowser-tabs tab:hover
  124.  
  125. /* Editing Navigation bar */
  126.  
  127. #nav-bar
  128.  
  129. /* Editing URL bar */
  130.  
  131. #urlbar
  132.  
  133. /* Editing Addon bar */
  134.  
  135. toolbar#addon-bar
  136.  
  137. /* Editing the firefox appmenu button */
  138.  
  139. #main-window #appmenu-button,
  140. #appmenu-toolbar-button,
  141. #appmenu-button .button-icon,
  142. #appmenu-button .button-text
  143.  
  144. /* Other element actions  */
  145.  
  146. [selected]  /* when element is selected */
  147. :hover  /* when element has mouse pointer over it */
  148. [sizemode="maximized"]  /* when window is maximized */
  149. [sizemode="normal"]  /* when window is not maximized/restored */
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top