Advertisement
Dobbie03

Firefox .css

Dec 26th, 2017
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.93 KB | None | 0 0
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2. /* GENERAL */
  3. /** DESCRIPTION : set the main font and others details **/
  4. * {
  5. font-family: "IBM Plex Sans", "ぼくたちのゴシック2ボールド" !important;
  6. }
  7. html {
  8. overflow: auto;
  9. }
  10.  
  11. #content browser {
  12. margin-right: -14px !important;
  13. overflow-y: scroll;
  14. overflow-x: hidden;
  15. }
  16.  
  17.  
  18. /* WINDOW */
  19. /** DESCRIPTION : change the position of main window in normal/maximized/fullscreen mode **/
  20. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
  21. margin-top: -6px !important;
  22. margin-right: -2px !important;
  23. margin-bottom: -1px !important;
  24. margin-left: -1px !important;
  25. z-index: 99999 !important;
  26. }
  27. #main-window:not([chromehidden*="toolbar"])[sizemode="maximized"] {
  28. margin-top: -5px !important;
  29. margin-right: -1px !important;
  30. margin-bottom: -1px !important;
  31. margin-left: -1px !important;
  32. }
  33. #main-window:not([chromehidden*="toolbar"])[sizemode="fullscreen"] {
  34. margin-right: -1px !important;
  35. margin-left: -1px !important;
  36. }
  37. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  38. margin-left: -25px !important;
  39. }
  40.  
  41. /* TABS */
  42. /** DESCRIPTION : change the appearance of the tabs and others elements **/
  43. #TabsToolbar {
  44. /*** TABS TOOLBAR ***/
  45. background: transparent !important;
  46. margin-bottom: 0 !important;
  47. visibility: collapse !important;
  48. }
  49. .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  50. /*** TABS WIDTH (PINNED AND UNPINNED) ***/
  51. min-width: 10px !important;
  52. max-width: 260px !important;
  53. }
  54. #TabsToolbar .tabbrowser-tabs .tab-content {
  55. /*** THE TABS ***/
  56. border-style: solid !important;
  57. border-width: 0px 0px 0px 0px !important;
  58. box-shadow: none !important;
  59. font-family: 'IBM Plex Sans' !important;
  60. font-size: 13px !important;
  61. height: 25px !important;
  62. margin-top: 5px !important;
  63. margin-right: -1px !important;
  64. margin-bottom: -1px !important;
  65. margin-left: -1px !important;
  66. -moz-border-top-colors: none !important;
  67. -moz-border-left-colors: none !important;
  68. -moz-border-right-colors: none !important;
  69. -moz-border-bottom-colors: none !important;
  70. }
  71. #TabsToolbar .tabbrowser-tab {
  72. background: #DFE1E8 !important;
  73. background-clip: padding-box !important;
  74. color: #DFE1E8 !important;
  75. padding: 15px 10px !important;
  76. transition: all 0.3s ease-in-out;
  77. margin-left: 0px !important;
  78. }
  79. #TabsToolbar .tabbrowser-tab:after,
  80. #TabsToolbar .tabbrowser-tab:before,
  81. #TabsToolbar .tab-background {
  82. display: none !important;
  83. }
  84. #TabsToolbar .tabbrowser-tab[selected] {
  85. background: #FFF !important;
  86. color: rgba(90, 90, 90, 1) !important;
  87. padding-top: 15px !important;
  88. transition: all 0.3s ease-in-out;
  89. }
  90. #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  91. border-color: rgba(0, 0, 0, 0) !important;
  92. transition: all 0.3s ease-in-out;
  93. }
  94. .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]),
  95. .tab-label-container[textoverflow]:-moz-locale-dir(ltr):not([labeldirection]):not([pinned]) {
  96. mask-image: none !important;
  97. }
  98. #tabbrowser-tabs tab .tab-close-button {
  99. /*** CLOSE BUTTON ***/
  100. background: url('file:///home/dobbie/Documents/Arrows/close.png') no-repeat 50% 50%;
  101. background-size: 20px auto !important;
  102. height: 0px !important;
  103. width: 0px !important;
  104. padding: 10px 0 0 10px !important;
  105. opacity: .7 !important;
  106. }
  107. #tabbrowser-tabs tab .tab-close-button:hover {
  108. background: url("file:///home/dobbie/Documents/Arrows/close.png") no-repeat 50% 50% !important;
  109. background-size: 20px auto !important;
  110. padding: 10px 0 0 10px !important;
  111. }
  112. .tabs-newtab-button {
  113. /*** NEW TAB BUTTON ***/
  114. display: none;
  115. }
  116. .tab-icon-sound,
  117. .tab-icon-overlay,
  118. .tab-icon-sound[muted="true"] {
  119. /*** SPEAKER ICON ***/
  120. display: none !important;
  121. }
  122.  
  123. /* NAVBAR */
  124. /** DESCRIPTION : change the appearance of the navbar and the elements within it **/
  125. #addon-bar,
  126. #PersonalToolbar,
  127. #nav-bar {
  128. /*** ALL THE BARS ***/
  129. border: none !important;
  130. box-shadow: none !important;
  131. }
  132. #nav-bar {
  133. /*** NAVBAR ***/
  134. height: 45px;
  135. background-color: rgba(223, 225, 232, 1) !important;
  136. border: none !important;
  137. margin-bottom: -1px !important;
  138. }
  139. #nav-bar #back-button > .toolbarbutton-icon {
  140. /*** BACK BUTTON ***/
  141. background: url("file:///home/dobbie/Documents/Arrows/back.png") !important;
  142. background-repeat: no-repeat !important;
  143. background-size: 16px auto !important;
  144. background-position: center center !important;
  145. border:none !important;
  146. height: 0px;
  147. width: 0px;
  148. padding: 30px 0px 0px 15px !important;
  149. margin-top: 0px;
  150. margin-left: -4px;
  151. }
  152. #back-button#back-button#back-button>image.toolbarbutton-icon {
  153. box-shadow: none !important;
  154. }
  155. #forward-button {
  156. /*** FORWARD BUTTON ***/
  157. background: url("file:///home/dobbie/Documents/Arrows/forward.png") !important;
  158. background-repeat: no-repeat !important;
  159. background-size: 16px auto !important;
  160. background-position: center center !important;
  161. border:none !important;
  162. height: 0px;
  163. width: 0px;
  164. padding: 30px 0px 0px 15px !important;
  165. margin-top: 0px;
  166. margin-right: 0px;
  167. margin-left: 0px !important;
  168. }
  169. #forward-button#forward-button#back-button>image.toolbarbutton-icon {
  170. box-shadow: none !important;
  171. }
  172. #home-button {
  173. /*** HOME BUTTON ***/
  174. background: url("file:///home/dobbie/Documents/Arrows/home.png") !important;
  175. background-repeat: no-repeat !important;
  176. background-size: 16px auto !important;
  177. background-position: center center !important;
  178. border:none !important;
  179. height: 0px;
  180. width: 0px;
  181. padding: 30px 0px 0px 15px !important;
  182. margin-top: 0px;
  183. margin-right: 0px;
  184. margin-left: 0px !important;
  185. }
  186. #home-button#home-button#home-button>image.toolbarbutton-icon {
  187. box-shadow: none !important;
  188. }
  189. #back-button:hover,
  190. #forward-button:hover,
  191. #home-button:hover,
  192. #forward-button:focus,
  193. #back-button:focus,
  194. #home-button:focus {
  195. border: none !important;
  196. box-shadow: none !important;
  197. opacity: .6 !important;
  198. }
  199. #searchbar > .searchbar-textbox,
  200. #urlbar {
  201. /*** URLBAR ***/
  202. background: #DFE1E8 !important;
  203. border: 1px solid #DFE1E8 !important;
  204. box-shadow: none !important;
  205. color: rgb(130, 130, 130) !important;
  206. font-family: "IBM Plex Sans" !important;
  207. height: 25px !important;
  208. padding: 0px !important;
  209. margin-top: 5px !important;
  210. margin-left: 0px !important;
  211. }
  212. #urlbar * {
  213. font-family: 'IBM Plex Sans' !important;
  214. font-size: 10pt !important;
  215. margin-top: 1px !important;
  216. }
  217. PanelUI-button {
  218. /*** HAMBURGER ICON ***/
  219. width: 5px !important;
  220. margin-left: -28px !important;
  221. pointer-events: none !important;
  222. list-style-image: url("file:///home/dobbie/Documents/Arrows/menu.png") !important;
  223. padding-right: 10px !important;
  224. }
  225. #PanelUI-button .button-icon,
  226. #PanelUI-button .button-text {
  227. display: none !important;
  228. }
  229. #nav-bar-overflow-button {
  230. /*** DROPDOWN ICON ***/
  231. list-style-image: url("file:///home/dobbie/Documents/Arrows/down.png") !important;
  232. padding-right: 10px !important;
  233. }
  234. #identity-box,
  235. #dropmarker-icon,
  236. #historydropmarker,
  237. #autocomplete-history-dropmarker,
  238. #urlbar-history-dropmarker,
  239. #dropmarker,
  240. #autocomplete-history-dropmarker,
  241. #urlbar-history-dropmarker,
  242. #urlbar-reload-button,
  243. #urlbar-zoom-button,
  244. #plugins-notification-icon,
  245. #notification-anchor-icon,
  246. #notification-popup-box,
  247. .scrollbutton-up,
  248. .scrollbutton-down,
  249. #alltabs-button,
  250. .autocomplete-history-dropmarker.urlbar-history-dropmarker,
  251. .toolbarbutton-menubutton-dropmarker,
  252. #memfx-toolbar-button,
  253. #reload-button,
  254. .box-inherit.toolbarbutton-menubutton-button,
  255. .scrollbutton-up,
  256. .scrollbutton-down,
  257. #stop-button,
  258. #page-action-buttons {
  259. /*** ICONS AND BUTTONS ***/
  260. display: none !important;
  261. }
  262. #toolbarbutton-icon .Downloads,
  263. #downloads-indicator-icon,
  264. #downloads-indicator-progress-area,
  265. #downloads-button .button-text {
  266. visibility: hidden;
  267. }
  268. #PanelUI-button,
  269. #customization-panel-container,
  270. #customization-panelWrapper .panel-arrow,
  271. #ctr_panelui-button,
  272. #wrapper-ctr_panelui-button {
  273. margin-top: 2px !important;
  274. -moz-box-ordinal-group: 0;
  275. }
  276. #reader-mode-button,
  277. #bookmarks-menu-button,
  278. #PanelUI-button {
  279. list-style-image: none !important;
  280. }
  281. menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
  282. list-style-image: url("file:///home/dobbie/Documents/Arrows/folder.png") !important;
  283. -moz-image-region: rect(0 32px 32px 0) !important;
  284. }
  285. #home-button .toolbarbutton-icon:hover {
  286. opacity: 1 !important;
  287. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement