Advertisement
xdemonessx

White clear Firefox CSS

Mar 16th, 2013
699
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.57 KB | None | 0 0
  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. Tabs will clip over the min/max close buttons. Preview: http://i.imgur.com/EgsUU3D.jpg
  4. Note: Tulip is the name of the visual style used along side this CSS, which makes the rest of the borders
  5. transparent. You may need to adjust the font sizes since I use themefont and size changer for defaults.
  6. Navigate to the customize menu, and show text only on toolbar items for the firefox app button to display the heart properly.*/
  7.  
  8. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  9.  
  10.  
  11. #main-window #appmenu-button,
  12. #appmenu-toolbar-button {
  13.   background: url('http://i.imgur.com/0S0Lr.png') !important;
  14.   background-repeat: no-repeat !important;
  15.   background-position: center !important;
  16.   width: 20px !important;
  17.   margin-bottom: 0px !important;
  18.   margin-left: 4px !important;
  19.   margin-right: 6px !important;
  20.   position: relative !important;
  21.   -moz-transform: scale(.85) !important;
  22.   opacity: 0.9 !important;
  23.   border:0px !important;
  24. }
  25. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  26. {
  27.  margin-top:-14px!important;
  28.  margin-left:-2px!important;
  29.  margin-right:-2px!important;
  30.  margin-bottom:-1px!important;
  31. }
  32.  
  33. #identity-box,
  34. #urlbar-icons > image,
  35. #urlbar-container dropmarker,
  36. #appmenu-button .button-text,
  37. #appmenu-button .button-menu-dropmarker
  38. {
  39. display:none!important;
  40. }
  41. #tabbrowser-tabs tab .tab-close-button {
  42. opacity:0!important;
  43. -moz-transition:all .1s ease-in-out!important;
  44. }
  45. #main-window[tabsintitlebar] #appmenu-button {
  46. background-position: center center !important;
  47. }
  48.  
  49. #main-window[privatebrowsingmode=temporary] #appmenu-button,
  50. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button,
  51. #main-window[privatebrowsingmode=temporary] #appmenu-toolbar-button {
  52.   background: url("chrome://browser/skin/Privacy-48.png") !important;
  53.   background-repeat: no-repeat !important;
  54.   background-position: center bottom !important;
  55. }
  56.  
  57. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button {
  58.   background-repeat: no-repeat !important;
  59.   background-position: center center !important;
  60. }
  61.  
  62. #urlbar {
  63. font-size: 10pt !important; font-family: 'Calibri' !important;
  64. text-align: center !important;
  65. border: none!important;
  66. background: none!important;
  67. margin-top: 0px!important;
  68. margin-bottom: 0px!important;
  69. margin-left: -1px !important;
  70. color:#525252!important;
  71. max-height:20px!important;
  72. min-height:20px!important;
  73. text-shadow:rgba(225,225,225,.8) 0 0 1px!important;
  74. -moz-transition:color .2s ease-in-out;
  75.  
  76. }
  77. #urlbar:hover
  78. {
  79. color:#3E549C!important;
  80. background:none!important;
  81. }
  82. #main-window #tabbrowser-tabs tab
  83. {
  84. font-family:"Calibri"!important;
  85. background:rgba(200,200,205,.3)!important;
  86. color:rgb(220,220,245)!important;
  87. margin-left:1px !important;
  88. text-shadow:rgba(40,40,40,.3) 0 0 1px!important;
  89. text-align:center !important;
  90. border-left: 2px transparent !important;
  91. border-right: 2px transparent !important;
  92. margin-top: -3px!important;
  93. margin-bottom: -1px!important;
  94. border-bottom: 2px transparent !important;
  95. }
  96.  
  97. #main-window #tabbrowser-tabs tab[selected],
  98. #main-window #tabbrowser-tabs tab:hover
  99. {
  100. font-family:"Calibri"!important;
  101. background:rgba(200,200,205,.7)!important;
  102. text-shadow:rgba(40,40,40,.3) 0 0 1px!important;
  103. text-align: center !important;
  104. color:rgb(240,240,245)!important;
  105. margin-left:1px!important;
  106. margin-top: -3px!important;
  107. margin-bottom: -1px!important;
  108. border-left: 2px transparent !important;
  109. border-right: 2px transparent !important;
  110. border-bottom: 2px transparent !important;
  111. }
  112. #main-window #tabbrowser-tabs tab .tab-throbber,
  113. #main-window #tabbrowser-tabs tab .tab-icon-image
  114. {
  115. max-height:12px!important;
  116. max-width:12px!important;
  117. margin-top:0px!important;
  118. }
  119. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  120.     display: none !important;
  121. }
  122. div{
  123. position: relative;
  124. }
  125. img {
  126. position: absolute;
  127. top: 0; bottom:0; left: 0; right:0;
  128. margin: auto;
  129.  
  130. }
  131.  
  132. .tabs-newtab-button {
  133.   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAASCAYAAADFavmwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAXkSURBVFhH7VhbTBVXFL2Y2H4Qq1hJGqAJiW384IraghQrFD/QFmnBFAw2QHm0gEKRV8Eo0fAQgqEp0IpQQF4CEt6hLQQEgvGjAUIgfCEaPkAeCuH90sTbtW6kweHMzA2kP8ZJdnLvOfvMmr3mrL33GY3m7fW/MLAXd/0IZrUN+xhrP4C9Y8ATvtF4Rjt37rQaGRk58fLlS+et2vj4+InKykp7ExMTLQglYXKXkbGxsXZmZiYWWNe3avPz85e6urp8LC0tD6nhIT5tUVFRVkVFRflWDetvpqenXzQzMzuigqfZgQCtlpeXjyO4z7dhDjqdzml4eNjJwsLiIEB3yzC6w9zc3Hptbc0PWN7bsACsvTg9PR1jbW3NIGXxTE1ND927d++P+/fvF2zV2tvbbzc1NRUXFhZmHDhwwEYBTx+2RXNz81FDyMQu/CY1NdU7IyPDq6WlxUWwxqG/v98R97RU2KUWPT09roaQ2dnZGVZSUhJXVVUV09vbe16wJvDJkyc/qeFhZ/5sCJnl5eUVWVlZtTk5OdXALJOuaWtrK8zPz09VwdPsCggIOGIIofHx8X4vXrzQLS4uTqekpPjIrHFITk4+CtB9MqTuSkhIcDCE0Nzc3Cuv8GaLi4svidZAGUEI3k0JLyIi4mtDCIWs64k3Ozu7nJmZWSNa09raWhgXF+etgKfR57W5ubljaqReuHDh/NLSkm5ycnI2Njb2Rzn/p0+fOjI3A9RIQKrRnj17DiLNnFMjFWpIJB7ut4AAr8r5LywshDIGBTzrjo6Om2qkJiYm/km8iYmJVWA3yPlXV1f/ztwsg6cP2aympsZWRNC6zCn1wMDAcBBBwPng4OAwjtHoI1nrcPnyZeYaE5ldavbgwQOmjE15dF3mlPq1a9dSiIcXuIhdf51jNPpI1vqXlpaeVsLDfISIoHWZU+p45ibiociuAvtvjtHos3Etc2p0dLSXAp7G2NPT87CIUMp8ZWVF9/z5c93q6qqOb5DG3xzjHH2kax8/fuwAwP0yhBrHxMSwCG4ilDJXw6OPdO2zZ89ClPCCgoK+FBFKmavh0Ue6Fnk5XQFPH/b+hw8ffiYlhjJHm6NTMvqICpSXlxcrsLEMqfvHxsa+lRJDmavh0UfwMn5Abj6hhIdKnSolhjJXw6OPqED5+vp+pYCnMYmKitpUnFh8nJ2dk+3s7LJsbGyyp6amdI8ePVq0tbW9yTHOyRUodA/HAGguQ6gJ8uIXUmLQ88XhQXPd3NzuuLi43CUedvsSf3OMc/QR7e6BgQEfJTwQ7iklhpL29/fv9PDw+Mfd3b37VXxr/M0xztFHtLtv3boVq4Cn0Tf5yI/2G3cbmn4nvNnTyEFnABKPfMYA55Ei4jjGOfqI0gUacEf2uQDdISpOxENFPbuRHATk193dfR55Kjw0NDSTeHyBkZGRv3CMc/QREQrpBrHPVcDTokpnbCQH7V8RWyS8pLvAayMelLqGzdXKMc7RR0RoY2NjDvtcGTx9yPuQjD+Rq94sSkjYuqGhoXmAh6h1BWhpjoeHh3+K+74ns0v3oa/jKU3Y5LMoEY+EpqWliWQuXfd9dnb2KSW8GzdufCdXvVmUiDc4OLialJT0l1pXgOJ4GzycUcDTh22JXWAnIovSPnnyZJKrq+tVNvdqhHIeoJT9hzKE6vHwgtxFpFLakFxOSEjIb2zu1doszoMMXzW8hoaGBDxXgdSQgmqxaTqB147mvkrkIx3Ly8u7ooKn2Y3joxZBviZ9kkNp84REk5O5lGS0IUqyJ6G7raysDqFAeUgJo7R5Qurr6wtB4TDouIrOI1hB9no8rVZrU1tbm4Y4CjZafX19Edqysju4IOdC6bzoP9rNfDXZE3QvP3TgdGIzOjq6iVhDdua6D8739gpN9/rG3UsS8MCncD5/Lacasis3+uAQcJYHB9xYdKj4Dw8fOg5DZWFof36tq6sr2KqVlZWlIz7mbSU8Pe67MH6S46e57Xza46fB9xUkvz71puMZQMFbl9cY+Bdc8+adxtEhmAAAAABJRU5ErkJggg==")!important;
  134.   -moz-image-region: rect(0px, 28px, 18px, 0px)!important;
  135. }
  136.  
  137. .tabs-newtab-button:hover {
  138.   -moz-image-region: rect(0px, 56px, 18px, 28px)!important;
  139. }
  140.  
  141. .tabs-newtab-button:hover:active {
  142.   -moz-image-region: rect(0px, 84px, 18px, 56px)!important;
  143. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement