Guest User

Untitled

a guest
Feb 3rd, 2019
144
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. /* Colored folders for bookmark sidebar, toolbar, menu button */
  3. /* Standard folder */
  4. #bookmarks-view treechildren::-moz-tree-image(container),
  5. #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
  6. #PlacesToolbarItems menu[container="true"] .menu-iconic-left,
  7. #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon {
  8. fill: #e8bb00 !important; /* slightly muted gold */
  9. }
  10. /* Live Bookmark (RSS Feed) */
  11. #bookmarks-view treechildren::-moz-tree-image(container, livemark),
  12. #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
  13. #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
  14. #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon {
  15. fill: orange !important;
  16. }
  17. /* Smart bookmark folder */
  18. #bookmarks-view treechildren::-moz-tree-image(container, query),
  19. #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
  20. #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
  21. #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon {
  22. fill: #69c !important; /* similar to blue smart folder color */
  23. }
  24. /* These "containers" are SVG in the sidebar, not yet on the menu */
  25. #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  26. fill: olive !important;
  27. }
  28. #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  29. fill: olive !important;
  30. }
  31. #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  32. fill: olive !important;
  33. }
  34.  
  35. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  36. #nav-bar { /* main toolbar containing address bar, search bar, add-on icons */
  37.  
  38. -moz-box-ordinal-group: 1 !important;
  39.  
  40. }
  41. #PersonalToolbar { /* bookmarks toolbar */
  42.  
  43. -moz-box-ordinal-group: 2 !important;
  44.  
  45. }
  46. #TabsToolbar { /* tab bar */
  47.  
  48. -moz-box-ordinal-group: 3 !important;
  49.  
  50. }
  51. :root {
  52. --tab-curve-width: 30px;
  53. --tabs-border: transparent !important;
  54. }
  55.  
  56. .arrowscrollbox-scrollbox {
  57. padding-inline-start: 10px !important;
  58. }
  59.  
  60. /* To be able to see the top border of the tab */
  61. .tab-stack {
  62. margin-top: 2px !important;
  63. }
  64.  
  65. /* When the window is maximized, the first pinned tab is properly displayed. */
  66. #TabsToolbar {
  67. padding-inline-start: 15px !important;
  68. }
  69.  
  70. .titlebar-placeholder {
  71. border: none !important;
  72. }
  73.  
  74. /* Hack to make sure the first tab has enough margin on the left/right due to the curves,
  75. Pinned tabs while in overflow will have custom margin-start calculated by Firefox dynamically, so we
  76. don't want to target that.
  77. */
  78. .tabbrowser-tab:not([pinned]) {
  79. margin-inline-start: 15px !important;
  80. margin-inline-end: -15px !important;
  81. }
  82.  
  83. .tabbrowser-tabs:not([overflow]) > .tabbrowser-tab {
  84. margin-inline-start: 15px !important;
  85. margin-inline-end: -15px !important;
  86. }
  87.  
  88.  
  89. /* Remove unneeded styles from Photon */
  90. .tabbrowser-tab::before,
  91. .tabbrowser-tab::after {
  92. border: none !important;
  93. }
  94.  
  95. .tabbrowser-tab > .tab-stack > .tab-background {
  96. background-image: none !important;
  97. -moz-box-orient: horizontal !important;
  98. background-color: transparent !important;
  99. margin-top: 1px !important;
  100. }
  101.  
  102. .tab-background[selected="true"] {
  103. border: none !important;
  104. }
  105.  
  106. .tab-line {
  107. display: none !important;
  108. }
  109.  
  110. .tab-bottom-line {
  111. display: none !important;
  112. }
  113.  
  114. /* overlap the tab curves */
  115. .tab-background {
  116. -moz-margin-end: -15px !important;
  117. -moz-margin-start: -15px !important;
  118. }
  119.  
  120. .tabs-newtab-button {
  121. -moz-margin-end: -15px !important;
  122. }
  123.  
  124. /* Begin tab background customizations */
  125. .tab-background[selected="true"]::before {
  126. border: none !important;
  127. content: "" !important;
  128. width: 30px !important;
  129. min-height: 30px !important;
  130. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(255,255,255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  131. display: -moz-box !important;
  132. background-repeat: no-repeat !important;
  133. }
  134.  
  135. .tab-background[selected="true"]::after {
  136. border: none !important;
  137. content: "" !important;
  138. width: 30px !important;
  139. min-height: 30px !important;
  140. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(255,255,255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  141. display: -moz-box !important;
  142. background-repeat: no-repeat !important;
  143. }
  144.  
  145. .tab-background[selected="true"] > spacer {
  146. background-image:
  147. linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
  148. linear-gradient(
  149. transparent
  150. 2px,
  151. rgb(255,255,255) 2px,
  152. rgb(255,255,255)
  153. ),
  154. none !important;
  155. margin-top: 0px !important;
  156. }
  157.  
  158. #new-tab-button,
  159. .tabs-newtab-button {
  160. width: calc(36px + 30px) !important;
  161. margin-inline-start: 30px;
  162. margin-top: 1px !important;
  163. }
  164.  
  165. /* Tab hover customizations */
  166.  
  167. /* Regular tabs */
  168. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  169. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  170. display: -moz-box !important;
  171. background-repeat: no-repeat !important;
  172. content: "" !important;
  173. width: 30px !important;
  174. min-height: 30px !important;
  175. background-color: transparent !important;
  176. }
  177.  
  178. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  179. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  180. display: -moz-box !important;
  181. background-repeat: no-repeat !important;
  182. content: "" !important;
  183. width: 30px !important;
  184. min-height: 30px !important;
  185. background-color: transparent !important;
  186. }
  187.  
  188. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  189. background-image:
  190. linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
  191. linear-gradient(
  192. transparent
  193. 2px,
  194. rgba(255,255,255,.1) 2px,
  195. rgba(255,255,255,.1)
  196. ),
  197. none !important;
  198. margin-top: 0px !important;
  199. }
  200.  
  201. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
  202. .tabs-newtab-button:hover,
  203. .tabs-newtab-button:hover::before,
  204. .tabs-newtab-button:hover::after {
  205. background-color: transparent !important;
  206. }
  207.  
  208. /* New tab hover customizations */
  209. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
  210. background-position: left top, 30px 2px , right bottom !important;
  211. background-repeat: no-repeat !important;
  212. background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
  213. }
  214.  
  215. .tabs-newtab-button:hover > .toolbarbutton-icon {
  216. background: none !important;
  217. background-color: transparent !important;
  218. }
  219.  
  220. .tabs-newtab-button:hover {
  221. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
  222. linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
  223. url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>")
  224. !important;
RAW Paste Data