API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 15th, 2017
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.25 KB | None | 0 0
raw download clone embed print report
  1. /* adjust tab toolbars buttons for squared tabs */
  2. #TabsToolbar #alltabs-button .toolbarbutton-icon,
  3. #TabsToolbar > #new-tab-button .toolbarbutton-icon,
  4. #TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon {
  5. padding: 3px !important;
  6. }
  7. /* remove tab fog */
  8. #TabsToolbar:not(:-moz-lwtheme),
  9. #TabsToolbar:not(:-moz-lwtheme)::before,
  10. #TabsToolbar:not(:-moz-lwtheme)::after {
  11. box-shadow: unset !important;
  12. }
  13.  
  14. /*******************************************/
  15. /**** default themes tab colors [start] ****/
  16. /*******************************************/
  17.  
  18. /* black tab text color */
  19. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  20. color: #000000 !important;
  21. }
  22. /* default tabs color */
  23. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
  24. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  25. background-image: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
  26. }
  27. /* selected tabs color */
  28. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
  29. background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
  30. }/* hovered tabs color */
  31. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
  32. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  33. background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
  34. }
  35. /* unloaded/pending tabs color *//*
  36. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {
  37. background: red !important;
  38. }
  39. /* unread tabs color *//*
  40. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[unread] .tab-content {
  41. background: purple !important;
  42. }
  43. /* tab border color */
  44. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
  45. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  46. border-top: 1px solid #5f7181 !important;
  47. border-left: 1px solid #5f7181 !important;
  48. border-right: 1px solid #5f7181 !important;
  49. }
  50. #TabsToolbar .tabs-newtab-button {
  51. border-top: 1px solid rgba(0,0,0,.2) !important;
  52. border-left: 1px solid rgba(0,0,0,.2) !important;
  53. border-right: 1px solid rgba(0,0,0,.2) !important;
  54. }
  55. #TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
  56. border-top: 1px solid rgba(0,0,0,.5) !important;
  57. border-left: 1px solid rgba(0,0,0,.5) !important;
  58. border-right: 1px solid rgba(0,0,0,.5) !important;
  59. }
  60. /* new tab icon color */
  61. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button/*,
  62. #TabsToolbar:not(:-moz-lwtheme) > #new-tab-button,
  63. #TabsToolbar:not(:-moz-lwtheme) > toolbarpaletteitem > #new-tab-button*/ {
  64. fill: black !important;
  65. color: black !important;
  66. }
  67. /*******************************************/
  68. /***** default themes tab colors [end] *****/
  69. /*******************************************/
  70.  
  71. /********************************************/
  72. /******* lw-themes tab colors [start] *******/
  73. /********************************************/
  74.  
  75. /* lightweight theme tab colors*/
  76. .tabs-newtab-button:-moz-lwtheme-darktext,
  77. .tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {
  78. background-image: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
  79. }
  80. .tabs-newtab-button:hover:-moz-lwtheme-darktext,
  81. .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
  82. background-image: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
  83. }
  84. .tabs-newtab-button:-moz-lwtheme-brighttext,
  85. .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
  86. background-image: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important;
  87. }
  88. .tabs-newtab-button:hover:-moz-lwtheme-brighttext,
  89. .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
  90. background-image: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;
  91. }
  92. .tabbrowser-tab:not([selected]):not(:hover):-moz-lwtheme-brighttext {
  93. background: unset !important;
  94. }
  95. /* compact dark lw-theme */
  96. #main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:-moz-lwtheme-brighttext,
  97. #main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
  98. background-image: linear-gradient(rgba(71,71,71,.99), rgba(71,71,71,.99)) !important;
  99. }
  100. #main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:hover:-moz-lwtheme-brighttext,
  101. #main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
  102. background-image: linear-gradient(rgba(91,91,91,.99), rgba(91,91,91,.99)) !important;
  103. }
  104. .tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {
  105. border-top: 1px solid rgba(0,0,0,.5) !important;
  106. border-left: 1px solid rgba(0,0,0,.4) !important;
  107. border-right: 1px solid rgba(0,0,0,.4) !important;
  108. }
  109. .tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {
  110. border-top: 1px solid rgba(255,255,255,.6) !important;
  111. border-left: 1px solid rgba(255,255,255,.2) !important;
  112. border-right: 1px solid rgba(255,255,255,.2) !important;
  113. }
  114. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext,
  115. .tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
  116. border-top: 1px solid rgba(0,0,0,.2) !important;
  117. border-left: 1px solid rgba(0,0,0,.2) !important;
  118. border-right: 1px solid rgba(0,0,0,.2) !important;
  119. }
  120. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext,
  121. .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
  122. border-top: 1px solid rgba(255,255,255,.6) !important;
  123. border-left: 1px solid rgba(255,255,255,.2) !important;
  124. border-right: 1px solid rgba(255,255,255,.2) !important;
  125. }
  126. /********************************************/
  127. /******** lw-themes tab colors [end] ********/
  128. /********************************************/
  129.  
  130. /* tab line & tab background*/
  131. .tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] {
  132. height: 0px !important;
  133. }
  134. .tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
  135. .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
  136. background-color: rgba(0,0,0,.2);
  137. opacity: 0 !important;
  138. }
  139. .tabbrowser-tab .tab-background[selected=true] {
  140. border-image: unset !important;
  141. border-image-slice: 0 !important;
  142. }
  143. .tabbrowser-tab:not([selected]) .tab-background{
  144. display: none !important;
  145. }
  146. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
  147. background-color: rgba(0,0,0,.0) !important;
  148. }
  149. /* tab top border roundness */
  150. #TabsToolbar .tabs-newtab-button,
  151. #TabsToolbar .tabbrowser-tab,
  152. #TabsToolbar .tabbrowser-tab .tab-stack,
  153. #TabsToolbar .tabbrowser-tab .tab-background,
  154. #TabsToolbar .tabbrowser-tab .tab-content {
  155. border-top-left-radius: 3px !important;
  156. border-top-right-radius: 3px !important;
  157. }
  158. /* loading animation */
  159. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {
  160. --tab-loading-fill: #0A84FF !important;
  161. }
  162. /* space between tabs */
  163. .tabs-newtab-button,
  164. .tabbrowser-tab:not([pinned]) {
  165. -moz-margin-start: 0px !important;
  166. }
  167. /* width of new tab tab */
  168. #TabsToolbar .tabs-newtab-button{
  169. min-width: 0px !important;
  170. width: 26px !important;
  171. margin: 1px !important;
  172. }
  173. /* size of new tab tabs '+' icon */
  174. .tabs-newtab-button .toolbarbutton-icon{
  175. min-width: 0px !important;
  176. min-height: 0px !important;
  177. width: 14px !important;
  178. height: 14px !important;
  179. margin: 0px !important;
  180. margin-bottom: 0px !important;
  181. padding: 0px !important;
  182. background: unset !important;
  183. box-shadow: unset !important;
  184. }
  185. /* tab close icon size and position */
  186. .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  187. width: 16px !important;
  188. height: 16px !important;
  189. -moz-margin-end:-4px !important;
  190. }
  191. :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  192. margin-top: -8px !important;
  193. margin-bottom: -8px !important;
  194. }
  195. /*tab favicon position*/
  196. .tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
  197. .tabbrowser-tab:not([pinned]) .tab-icon-image{
  198. -moz-margin-start:-6px !important;
  199. }
  200. /* reduce minimum tab height */
  201. #tabbrowser-tabs,
  202. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  203. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  204. min-height: 25px !important;
  205. }
  206. #TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  207. min-height: 25px !important;
  208. max-height: 25px !important;
  209. }
  210. /* Windows 10 fix ['@media (-moz-os-version: windows-win10)' currently broken on Windows 10FCU] */
  211. /*@media (-moz-os-version: windows-win10) {*/
  212. .titlebar-button {
  213. padding-top: 0px !important;
  214. padding-bottom: 0px !important;
  215. }
  216. /*pinned tabs*/
  217. #TabsToolbar .tab-content[pinned] {
  218. padding: 0 6px !important;
  219. }
  220. /* remove top line above tabs for lw-themes */
  221. #main-window:-moz-lwtheme #browser-panel{
  222. border: unset !important;
  223. box-shadow: unset !important;
  224. }
  225. /* hide tab separators */
  226. .tabbrowser-tab::after,
  227. .tabbrowser-tab::before {
  228. opacity: 0 !important;
  229. border-image: unset !important;
  230. border-image-slice: unset !important;
  231. width: unset !important;
  232. }
  233. #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
  234. .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
  235. #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  236. content: unset !important;
  237. display: unset !important;
  238. }
  239. /* remove crap set by Firefox 58+ */
  240. .tabbrowser-tab,
  241. .tab-stack,
  242. .tab-background {
  243. border: unset !important;
  244. }
  245. .tabbrowser-tab::after,
  246. .tabbrowser-tab::before {
  247. border-left: unset !important;
  248. border-image: unset !important;
  249. border-image-slice: unset !important;
  250. border-top-left-radius: 3px !important;
  251. border-top-right-radius: 3px !important;
  252. }
  253. :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
  254. :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
  255. .tabbrowser-tab:hover::before,
  256. .tabbrowser-tab[last-visible-tab]:hover::after,
  257. #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
  258. border-image: unset !important;
  259. border-image-slice: unset !important;
  260. border-top-left-radius: 3px !important;
  261. border-top-right-radius: 3px !important;
  262. }
  263.  
  264. /* white buttons icon colors */
  265. #containers-panelmenu,
  266. #web-apps-button,
  267. #e10s-button,
  268. #panic-button,
  269. #cut-button,
  270. #zoom-out-button,
  271. #stop-button,
  272. #stop-button .toolbarbutton-animatable-image,
  273. #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image,
  274. #save-page-button ,
  275. #back-button,
  276. #forward-button,
  277. #new-window-button,
  278. #new-tab-button,
  279. #alltabs-button,
  280. .scrollbutton-up,
  281. .scrollbutton-down,
  282. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  283. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
  284. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down,
  285. #downloads-button,
  286. #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon,
  287. #zoom-in-button,
  288. #copy-button,
  289. #find-button,
  290. #sidebar-button,
  291. #fullscreen-button,
  292. #PanelUI-customize,
  293. #password-notification-icon,
  294. #PanelUI-fxa-status,
  295. #sync-button,
  296. #tabview-button,
  297. #paste-button,
  298. #email-link-button,
  299. #reload-button,
  300. #reload-button .toolbarbutton-animatable-image,
  301. #add-ons-button,
  302. #open-file-button,
  303. #home-button,
  304. #feed-button,
  305. #history-button,
  306. #history-panelmenu,
  307. #library-button,
  308. #privatebrowsing-button,
  309. #print-button,
  310. #webide-button,
  311. #PanelUI-menu-button,
  312. #nav-bar-overflow-button,
  313. #bookmarks-menu-button,
  314. #bookmarks-button,
  315. #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
  316. #developer-button,
  317. #preferences-button,
  318. #characterencoding-button {
  319. fill: #FFFFFF !important;
  320. fill-opacity: 1.0 !important;
  321. opacity: 1.0 !important;
  322. }
  323.  
  324. /* tabs size settings */
  325. .tabbrowser-tab[fadein]:not([pinned]) {
  326. max-width: 260px !important;
  327. min-width: 150px !important;
  328. max-height: 26px !important;
  329. overflow: hidden !important;
  330. margin: 0px 0px !important;
  331. }
  332.  
  333. /* more compact navigation toolbar */
  334. #main-window[uidensity=compact] #nav-bar #nav-bar-overflow-button,
  335. #main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbarbutton,
  336. #main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem textbox,
  337. #main-window[uidensity=compact] #nav-bar #nav-bar-customization-target #stop-reload-button > toolbarbutton {
  338. margin: 3px 3px !important;
  339. padding: 1 !important;
  340. }
  341. #main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem{
  342. margin: 0 !important;
  343. padding: 0 !important;
  344. }
  345.  
  346. /* hide close tab button */
  347. .tabbrowser-tab .tab-close-button {
  348. visibility: collapse !important;
  349. }
  350.  
  351. /* tabs and bookmarks below adress bar */
  352. #nav-bar { /* main toolbar */
  353. -moz-box-ordinal-group: 1 !important;
  354. border-top-width: 0 !important;
  355. }
  356. #PersonalToolbar { /* bookmarks toolbar */
  357. -moz-box-ordinal-group: 2 !important;
  358. }
  359. #TabsToolbar { /* tab bar */
  360. -moz-box-ordinal-group: 3 !important;
  361. }
  362.  
  363. /* refresh and stop buttons */
  364. #reload-button, #stop-button {
  365. display: inherit !important;
  366. }
  367. #reload-button > .toolbarbutton-icon {
  368. -moz-appearance: none !important;
  369. }
  370.  
  371. /* changes for bookmarks bar */
  372. #PersonalToolbar {
  373. padding: 2px 0px !important;
  374. min-height: 26px !important;
  375. background-color:transparent !important;
  376. background-image:none !important;
  377. border-color:transparent !important;
  378. box-shadow:none !important;
  379. color: white !important;
  380. text-shadow: 2px 2px 2px black !important;
  381. }
  382.  
  383. /* makes adress bar background transparent */
  384. #nav-bar {
  385. background-color:transparent !important;
  386. background-image:none !important;
  387. border-color:transparent !important;
  388. box-shadow:none !important;
  389. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!