SHARE
TWEET

User Chrome

a guest Oct 24th, 2019 49 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.   HELLO! This script has optional settings that you can try out if you return to its page: https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43
  3. */
  4.  
  5. @-moz-document url(chrome://browser/content/browser.xhtml) {
  6.  
  7. /* Hide Giant Thumbnail and Favicon */
  8. #editBookmarkPanelImage,
  9. #editBookmarkPanelFaviconContainer {
  10. display: none !important;
  11. }
  12.  
  13.   /* Make the one-off buttons span the full width */
  14.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
  15.     width: 100% !important;
  16.     height: 24px !important;
  17.     background-image: none !important;
  18.     padding-left: 6px !important;
  19.     box-sizing: content-box !important;
  20.     line-height: 1em !important;
  21.   }
  22.   /* Hide the empties */
  23.   #PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) {
  24.     display: none !important;
  25.   }
  26.   /* Fix up borders */
  27.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext],
  28.   #PopupSearchAutoComplete .addengine-item {
  29.     border-bottom: 1px solid #ccc !important;
  30.   }
  31.   #PopupSearchAutoComplete .search-setting-button.search-panel-header,
  32.   #PopupSearchAutoComplete .addengine-item,
  33.   #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
  34.     border-top: none !important;
  35.     max-height: 26px !important;
  36.     min-height: 16px !important;
  37.     padding-top: 1px !important;
  38.   }
  39.   /* Insert descriptive name for search engine plugin */
  40.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
  41.     content: attr(tooltiptext);
  42.     margin: 5px 6px 0px !important;
  43.     display: block !important;
  44.   }
  45.   /* Fix icon positioning */
  46.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box {
  47.     display: inline-flex !important;
  48.     width: 16px !important;
  49.     max-width: 16px !important;
  50.     border: none !important;
  51.     padding: 0 0 !important;
  52.   }
  53.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
  54.     display: block !important;
  55.     margin-top: 4px !important;
  56.     margin-left: -1px !important;
  57.   }
  58.   /* Lock in space for 5 search suggestions with scroll bar */
  59.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,
  60.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
  61.     display: flex !important;
  62.     flex: 1 1 auto !important;
  63.   }
  64.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
  65.     max-height: calc(5 * 1.5em) !important;
  66.     min-height: calc(5 * 1.5em) !important;
  67.   }
  68.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
  69.     visibility: visible !important;
  70.   }
  71.   /* User style options */
  72.     /* Two columns - standard spacing */
  73.   #PopupSearchAutoComplete {
  74.     width: calc(32em + 14px) !important;
  75.     min-width: calc(32em + 14px) !important;
  76.   }
  77.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
  78.     width: 16em !important;
  79.     white-space: nowrap;
  80.     overflow: hidden;
  81.   }
  82.     /* Hiding "Search for ..." */
  83.   #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
  84.     display: none !important;
  85.   }
  86.     /* Not hiding "Add ..." engine */
  87.     /* Not hiding "Change Search Settings" */
  88.     /* Search bar tooltip text only visible on mouseover */
  89.     /* No color scheme */
  90. }
  91.  
  92.  
  93. :root {
  94.   --tab-curve-width: 30px;
  95.   --tabs-border: transparent !important;
  96. }
  97.  
  98. .arrowscrollbox-scrollbox {
  99.   padding-inline-start: 10px !important;
  100. }
  101.  
  102. /* To be able to see the top border of the tab */
  103. .tab-stack {
  104.   margin-top: 2px !important;
  105. }
  106.  
  107. /* When the window is maximized, the first pinned tab is properly displayed. */
  108. #TabsToolbar  {
  109.   padding-inline-start: 15px !important;
  110. }
  111.  
  112. .titlebar-placeholder {
  113.   border: none !important;
  114. }
  115.  
  116. /* Remove unneeded styles from Photon */
  117. .tabbrowser-tab::before,
  118. .tabbrowser-tab::after {
  119.   border: none !important;
  120. }
  121.  
  122. .tabbrowser-tab > .tab-stack > .tab-background {
  123.   background-image: none !important;
  124.   -moz-box-orient: horizontal !important;
  125.   background-color: transparent !important;
  126.   margin-top: 1px !important;
  127. }
  128.  
  129. .tab-background[selected="true"] {
  130.   border: none !important;
  131. }
  132.  
  133. .tab-line {
  134.   display: none !important;
  135. }
  136.  
  137. .tab-bottom-line {
  138.   display: none !important;
  139. }
  140.  
  141. /* Match height of new tab button (right svg) on hover */
  142. .tabs-newtab-button {
  143.   margin: 0 !important;
  144. }
  145.  
  146. /* overlap the tab curves */
  147. .tab-background {
  148.   -moz-margin-end: -15px !important;
  149.   -moz-margin-start: -15px !important;
  150. }
  151.  
  152. /* Begin tab background customizations */
  153. .tab-background[selected="true"]::before {
  154.   border: none !important;
  155.   content: "" !important;
  156.   width: 30px !important;
  157.   min-height: 30px !important;
  158.   display: -moz-box !important;
  159.   background-repeat: no-repeat !important;
  160. }
  161.  
  162. .tab-background[selected="true"]::after {
  163.   border: none !important;
  164.   content: "" !important;
  165.   width: 30px !important;
  166.   min-height: 30px !important;
  167.   display: -moz-box !important;
  168.   background-repeat: no-repeat !important;
  169. }
  170.  
  171. .tab-background[selected="true"] > spacer {
  172.   margin-top: 0px !important;
  173. }
  174.  
  175. #new-tab-button,
  176. .tabs-newtab-button {
  177.   width: calc(36px + 30px) !important;
  178.   margin-inline-start: -15px !important;
  179.   margin-top: 1px !important;
  180. }
  181.  
  182. /* Tab hover customizations */
  183.  
  184. /* Regular tabs */
  185. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  186.   display: -moz-box !important;
  187.   background-repeat: no-repeat !important;
  188.   content: "" !important;
  189.   width: 30px !important;
  190.   min-height: 30px !important;
  191.   background-color: transparent !important;
  192. }
  193.  
  194. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  195.   display: -moz-box !important;
  196.   background-repeat: no-repeat !important;
  197.   content: "" !important;
  198.   width: 30px !important;
  199.   min-height: 30px !important;
  200.   background-color: transparent !important;
  201. }
  202.  
  203. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  204.   margin-top: 0px !important;
  205. }
  206.  
  207. #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
  208. .tabs-newtab-button:hover,
  209. .tabs-newtab-button:hover::before,
  210. .tabs-newtab-button:hover::after {
  211.   background-color: transparent !important;
  212. }
  213.  
  214. /* New tab hover customizations */
  215. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
  216.   background-position: 0px 2px, 30px 3px , right bottom !important;
  217.   background-repeat: no-repeat !important;
  218.   background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
  219. }
  220.  
  221. .tabs-newtab-button:hover > .toolbarbutton-icon {
  222.   background: none !important;
  223.   background-color: transparent !important;
  224. }
  225.  
  226. /* Color specific customizations */
  227. .tab-background[selected="true"]::before {
  228.   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(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  229. }
  230. .tab-background[selected="true"]::after {
  231.   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(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>") !important;
  232. }
  233.  
  234. .tab-background[selected="true"] > spacer {
  235.   background-image:
  236.   linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
  237.   linear-gradient(
  238.     transparent
  239.     2px,
  240.     rgb(50, 50, 52) 2px,
  241.     rgb(50, 50, 52)
  242.   ),
  243.   none !important;
  244. }
  245.  
  246. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
  247.   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>") !important;
  248. }
  249.  
  250. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
  251.   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;
  252. }
  253.  
  254. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
  255.   background-image:
  256.   linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
  257.   linear-gradient(
  258.     transparent
  259.     2px,
  260.     rgba(255,255,255,.1) 2px,
  261.     rgba(255,255,255,.1)
  262.   ),
  263.   none !important;
  264. }
  265.  
  266. .tabs-newtab-button:hover {
  267.   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>"),
  268.     linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
  269.     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>")
  270. !important;
RAW Paste Data
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
 
Top