API tools faq
paste
Guest User

Firefox CSS

a guest
Oct 20th, 2014
17
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.04 KB | None | 0 0
raw download clone embed print report
  1. /*Stole the app menu button from seaweed. You need to download the "moveable firefox button" to drag it into
  2. the navigation bar in order for it to look right. Favicons only display when tabs are pinned. Tab text and
  3. url text is centered. Navigate to the customize menu, and show text only on toolbar items for the firefox
  4. app button to display the heart properly.*/
  5.  
  6. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  7.  
  8.  
  9.  
  10. #appmenu-button-container,
  11. #appmenu-toolbar-button {
  12.     display: none !important;
  13. }
  14.  
  15.  
  16. /* Gray icon saying plugin is active and providing option to block
  17. #plugins-notification-icon{
  18.   width: 0px !important;
  19.   margin-left: -5px !important;
  20.   margin-right: -5px !important;
  21. }
  22. */
  23.  
  24.  
  25. .tab-close-button{display:none !important;}
  26.  
  27.  
  28. #tabbrowser-tabs tab .tab-close-button {
  29. opacity:0!important;
  30. }
  31.  
  32. #tabbrowser-tabs tab .tab-close-button:hover {
  33. opacity:1!important;
  34. }
  35.  
  36. #main-window #appmenu-button,
  37. #appmenu-toolbar-button {
  38.   background: url('http://i.imgur.com/0S0Lr.png') !important;
  39.   background-repeat: no-repeat !important;
  40.   background-position: center !important;
  41.   width: 20px !important;
  42.   margin-bottom: 0px !important;
  43.   margin-left: 4px !important;
  44.   margin-right: 6px !important;
  45.   position: relative !important;
  46.   -moz-transform: scale(.85) !important;
  47.   opacity: 0.9 !important;
  48.   border:0px !important;
  49. }
  50.  
  51. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  52. {
  53.  margin-top:-15px!important;
  54.  margin-left:0px!important;
  55.  margin-right:0px!important;
  56.  margin-bottom:0px!important;
  57. }
  58.  
  59.  
  60. #identity-box,
  61. #urlbar-icons > image,
  62. #urlbar-container dropmarker,
  63. #appmenu-button .button-text,
  64. #appmenu-button .button-menu-dropmarker
  65. {
  66. display:none!important;
  67. }
  68.  
  69. #main-window[tabsintitlebar] #appmenu-button {
  70. background-position: center center !important;
  71. }
  72.  
  73. #main-window[privatebrowsingmode=temporary] #appmenu-button,
  74. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button,
  75. #main-window[privatebrowsingmode=temporary] #appmenu-toolbar-button {
  76.   background: url("chrome://browser/skin/Privacy-48.png") !important;
  77.   background-repeat: no-repeat !important;
  78.   background-position: center bottom !important;
  79. }
  80.  
  81. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button {
  82.   background-repeat: no-repeat !important;
  83.   background-position: center center !important;
  84. }
  85.  
  86. #urlbar {
  87. font-size: 10pt !important; font-family: 'Haxrcorp S8' !important;
  88. text-align: center !important;
  89. border: none!important;
  90. background: none!important;
  91. margin-top: -1px!important;
  92. margin-bottom: -2px!important;
  93. margin-left: -1px !important;
  94. /*color:#444!important;
  95. text-shadow:rgba(40,40,40,.5) 0 0 1px!important;*/
  96. -moz-transition:color .2s ease-in-out;
  97. }
  98.  
  99. #urlbar:hover
  100. {
  101. background:none!important;
  102. }
  103. #main-window #tabbrowser-tabs tab
  104. {
  105. font-family:"Haxrcorp S8"!important;
  106. font-size: 9pt !important;
  107. background:none!important;
  108. color:#FFF!important;
  109. margin-left:1px !important;
  110. text-shadow:rgba(225,225,225,.7) 0 0 1px!important;
  111. text-align:center !important;
  112. border-left: 2px transparent !important;
  113. border-right: 2px transparent !important;
  114. margin-top: -3px!important;
  115. margin-bottom: -2px!important;
  116. }
  117.  
  118.  
  119. #main-window #tabbrowser-tabs tab[selected]
  120. {
  121. /*font-family:"Haxrcorp S8"!important;*/
  122. font-size : 9pt !important;
  123. background:#191919!important;
  124. /*text-shadow:rgba(225,225,225,.7) 0 0 1px!important;*/
  125. text-align: center !important;
  126. color:#658898!important;
  127. margin-left: 1px!important;
  128. margin-top: -3px!important;
  129. margin-bottom: -2px!important;
  130. border-left: 2px transparent !important;
  131. border-right: 2px transparent !important;
  132. }
  133. #main-window #tabbrowser-tabs tab:hover{
  134.     color:#A2C6DE!important;
  135. }
  136.  
  137. #main-window #tabbrowser-tabs tab .tab-throbber,
  138. #main-window #tabbrowser-tabs tab .tab-icon-image
  139. {
  140. max-height:12px!important;
  141. max-width:12px!important;
  142. margin-top:0px!important;
  143. }
  144.  
  145. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  146.     display: none !important;
  147. }
  148. div{
  149. position: relative;
  150. }
  151. img {
  152. position: absolute;
  153. top: 0; bottom:0; left: 0; right:0;
  154. margin: auto;
  155.  
  156. }
  157.  
  158. #TabsToolbar{
  159. margin-bottom:-2px !important;
  160. margin-left:-4px!important;
  161. margin-right:100px!important;
  162. border-bottom: 1px solid #fff !important;
  163. }
  164.  
  165. /*
  166. .tabs-newtab-button:hover {
  167.   -moz-image-region: rect(0px, 56px, 18px, 28px)!important;
  168. }
  169.  
  170. .tabs-newtab-button:hover:active {
  171.   -moz-image-region: rect(0px, 84px, 18px, 56px)!important;
  172. }
  173. */
  174. select > button,
  175. select > input
  176. {
  177.     opacity:0!important;
  178. }
  179.  
  180.     /* ADD ON BAR */
  181.     toolbar#addon-bar
  182.     {
  183.         font-family:"Haxrcorp S8"!important;
  184.         text-shadow:rgba(40,40,40,.7) 0 0 1px!important;
  185.         font-size : 8pt !important;
  186.         background:#ffffff!important;
  187.         border:1px solid #ccc!important;
  188.         max-height:20px!important;
  189.         min-height:20px!important;
  190.         -moz-appearance:none!important;
  191.     }
  192.     toolbar#addon-bar toolbarbutton
  193.     {
  194.         border:0!important;
  195.         max-height:18px!important;
  196.         min-height:18px!important;
  197.         margin:0!important;
  198.         padding:0!important;
  199.         -moz-appearance:none!important;
  200.     }
  201.     scrollbox#PlacesToolbarItems toolbarbutton
  202.     {
  203.         border:0!important;
  204.         border-left:1px solid transparent!important;
  205.         border-right:1px solid transparent!important;
  206.         max-height:18px!important;
  207.         min-height:18px!important;
  208.         max-width:24px!important;
  209.         min-width:24px!important;
  210.         padding:0 0 0 3px!important;
  211.         -moz-appearance:none!important;
  212.     }
  213.     scrollbox#PlacesToolbarItems toolbarbutton .toolbarbutton-icon
  214.     {
  215.         height:16px!important;
  216.         opacity:.5;
  217.         width:16px!important;
  218.         -moz-transition:all .1s linear;
  219.     }
  220.     scrollbox#PlacesToolbarItems toolbarbutton:hover .toolbarbutton-icon
  221.     {
  222.         opacity:1;
  223.     }
  224.     scrollbox#PlacesToolbarItems toolbarbutton:hover
  225.     {
  226.         background:#ffffff!important;
  227.         border-left:1px solid #ffffff!important;
  228.         border-right:1px solid #ffffff!important;
  229.         box-shadow:#ffffff 0 -1px 3px;
  230.     }
  231.     scrollbox#PlacesToolbarItems toolbarbutton:active
  232.     {
  233.         background:#ffffff!important;
  234.         border-left:1px solid #ffffff!important;
  235.         border-right:1px solid #ffffff!important;
  236.     }
  237.     scrollbox#PlacesToolbarItems toolbarbutton:first-child,
  238.     scrollbox#PlacesToolbarItems toolbarbutton:first-child:hover,
  239.     scrollbox#PlacesToolbarItems toolbarbutton:first-child:active
  240.     {
  241.         border-left:0!important;
  242.     }
  243.  
  244.     /* HIDDEN ELEMENTS */
  245.     #identity-box,
  246.     #urlbar-icons > image,
  247.     #urlbar-container dropmarker,
  248.     #tabbrowser-tabs .scrollbutton-up,
  249.     #tabbrowser-tabs .scrollbutton-down,
  250.     #appmenu-toolbar-button .toolbarbutton-text,
  251.     #appmenu-toolbar-button .toolbarbutton-menu-dropmarker,
  252.     toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  253.     toolbar#addon-bar #addonbar-closebutton
  254.     {
  255.         display:none!important;
  256.     }
  257.  
  258. #urlbar {
  259. /*font-size: 10pt !important; font-family: 'Helvetica Neue' !important; */
  260. text-align: left !important;
  261. border: none!important;
  262. background: none!important;
  263. margin-top: -2px!important;
  264. margin-left: -1px !important;
  265. color:#FFFFFF!important;
  266. max-height:51px!important;
  267. min-height:35px!important;
  268. /*text-shadow:rgba(225,225,225,.8) 0 0 1px!important;*/
  269. -moz-transition:color .2s ease-in-out;
  270. }
  271.  
  272. #nav-bar{
  273. border: none!important;
  274. background: #191919!important;
  275. }
  276.  
  277. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  278. {
  279.  margin-top:-10px!important;
  280.  margin-left:0px!important;
  281.  margin-right:0px!important;
  282.  margin-bottom:0px!important;
  283. }
  284.  
  285. #plugins-notification-icon{
  286.     padding-left:4px;
  287.     padding-top:4px;
  288. }
  289.  
  290. .tab-close-button,.tab-close-button > .toolbarbutton-icon {
  291. display: -moz-box !important;
  292. opacity: 1.0 !important;
  293. }
  294.  
  295. .tabs-newtab-button{
  296.     border: none !important;
  297.     padding-top: 3px!important;
  298.     background: none !important
  299. }
  300. .tabs-newtab-button:hover{
  301.     border: none !important;
  302.     background: #191919 !important
  303. }
  304.  
  305. #identity-box,
  306. #urlbar-icons > image,
  307. #urlbar-container dropmarker,
  308. #tabbrowser-tabs .scrollbutton-up,
  309. #tabbrowser-tabs .scrollbutton-down,
  310. #appmenu-toolbar-button .toolbarbutton-text,
  311. #appmenu-toolbar-button .toolbarbutton-menu-dropmarker,
  312. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  313. toolbar#addon-bar #addonbar-closebutton
  314. {
  315.     display:none!important;
  316. }
  317.  
  318. #plugins-notification-icon{
  319.     display:none !important;
  320.     opacity: 0!important;
  321. }
  322.  
  323. #TabsToolbar{
  324. padding-left: 7px !important;
  325. margin-right: 80px !important;
  326. margin-top: -4px !important;
  327. background: #0f0f0f !important;
  328. }
  329.  
  330. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  331.  
  332. #main-window #navigator-toolbox :-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button:not([status="active"]), #feed-button, #new-tab-button, #privatebrowsing-button, #open-file-button, #preferences-button, #history-panelmenu, #add-ons-button, #save-page-button, #nav-bar-overflow-button, #PanelUI-menu-button, #find-button, #developer-button, #characterencoding-button, #email-link-button) > .toolbarbutton-icon,
  333. #main-window #navigator-toolbox #bookmarks-menu-button:not([starred="true"]),
  334. #main-window #navigator-toolbox #bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
  335.     list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important;
  336.     }
  337.  
  338. #main-window #navigator-toolbox #alltabs-button[type="menu"],
  339. #main-window #navigator-toolbox .toolbarbutton-1 .dropmarker-icon {
  340.     list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
  341.     }
  342.  
  343. #main-window #navigator-toolbox #tabview-button {
  344.     list-style-image: url("chrome://browser/skin/tabview/tabview-inverted.png") !important;
  345.     }
  346.  
  347. #main-window #navigator-toolbox .tabs-newtab-button,
  348. #main-window #navigator-toolbox #TabsToolbar #new-tab-button > .toolbarbutton-icon {
  349.     list-style-image: url("chrome://browser/skin/tabbrowser/newtab-inverted.png") !important;
  350.     }
  351.  
  352. #main-window #navigator-toolbox .scrollbutton-up,
  353. #main-window #navigator-toolbox .scrollbutton-down  {
  354.     list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png") !important;
  355.     }
  356.  
  357. #main-window #navigator-toolbox #downloads-button[indicator="true"]:not([attention="true"]) #downloads-indicator-icon {
  358.     background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) !important;
  359.     }
  360.  
  361. #main-window #navigator-toolbox #downloads-indicator:not([attention="true"]) #downloads-indicator-icon {
  362.     background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) !important;
  363.     }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!