Guest User

Untitled

a guest
Jun 22nd, 2020
73
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @media (prefers-color-scheme: light) {
  2.    
  3.     #TabsToolbar,#nav-bar,#PersonalToolbar,.theme-dark,.theme-light,slider,.CodeMirror,.devtools-toolbar,.message,.theme-body,.table-widget-empty-text,.titlebar-buttonbox-container,#navigator-toolbox,.tab-background[selected] {
  4.        -moz-appearance: -moz-mac-vibrancy-light !important;
  5.     }
  6.  
  7.     .tabbrowser-tab:not([selected="true"]) :-moz-window-inactive > .tab-label-container {
  8.            color: rgba(0, 0, 0, 1.0);
  9.     }
  10.    
  11.     #TabsToolbar .tabbrowser-tab:not([selected="true"]) {
  12.            color: rgba(0, 0, 0, 0.9) !important;
  13.     }
  14.  
  15.     #TabsToolbar{
  16.         --lwt-toolbarbutton-icon-fill: rgba(0, 0, 0, 0.9)
  17.     }
  18.  
  19.     .tab-line[selected] {
  20.         background-color: #007AFF !important;
  21.     }
  22.    
  23.     .tab-line:not([selected="true"]) {
  24.         background-color: rgba(0, 0, 0, 0.5) !important;
  25.     }
  26.  
  27.     #TabsToolbar{
  28.         --lwt-background-tab-separator-color: rgba(0, 0, 0, 0.5)
  29.     }
  30.    
  31.     #urlbar {
  32.         background-color: rgba(255, 255, 255, 0.5) !important;
  33.         border-radius: 5px !important;
  34.         border-width: 0px !important;
  35.     }
  36.    
  37.     [privatebrowsingmode="temporary"] #urlbar {
  38.         background-color: rgba(0, 0, 0, 0.5) !important;
  39.         border-radius: 5px !important;
  40.         border-width: 0px !important;
  41.         color: rgba(255, 255, 255, 1) !important;
  42.     }
  43.    
  44.     #back-button >  .toolbarbutton-icon {
  45.         background: none !important;
  46.         color: rgba(0, 0, 0, 0.9) !important;
  47.         background-color: rgba(255, 255, 255, 0.5) !important;
  48.         border-color: transparent !important;
  49.     }
  50.    
  51.     #TabsToolbar .tab-background:not([selected]) {
  52.         background-color: rgba(0, 0, 0, 0.08) !important;
  53.         border-radius: 0px !important;
  54.     }
  55. }
  56.  
  57. @media (prefers-color-scheme: dark) {
  58.     #TabsToolbar,#nav-bar,#PersonalToolbar,.theme-dark,.theme-light,slider,.CodeMirror,.devtools-toolbar,.message,.theme-body,.table-widget-empty-text,.titlebar-buttonbox-container,#navigator-toolbox,.tab-background[selected] {
  59.        -moz-appearance: -moz-mac-vibrancy-dark !important;
  60.     }
  61.    
  62.     .tab-line[selected] {
  63.         background-color: #0A84FF !important;
  64.     }
  65.    
  66.     .tab-line:not([selected="true"]) {
  67.         background-color: rgba(255, 255, 255, 0.5) !important;
  68.     }
  69.  
  70.     .tabbrowser-tab:not([selected="true"]) :-moz-window-inactive > .tab-label-container {
  71.            color: rgba(255, 255, 255, 1.0);
  72.     }
  73.    
  74.     #TabsToolbar .tabbrowser-tab:not([selected="true"]) {
  75.            color: rgba(255, 255, 255, 0.9) !important;
  76.     }
  77.  
  78.     #TabsToolbar{
  79.         --lwt-toolbarbutton-icon-fill: rgba(255, 255, 255, 0.9)
  80.     }
  81.    
  82.     #urlbar {
  83.         background-color: rgba(0, 0, 0, 0.5) !important;
  84.         border-radius: 5px !important;
  85.         border-width: 0px !important;
  86.     }
  87.    
  88.     [privatebrowsingmode="temporary"] #urlbar {
  89.         background-color: rgba(255, 255, 255, 0.5) !important;
  90.         border-radius: 5px !important;
  91.         border-width: 0px !important;
  92.         color: rgba(0, 0, 0, 1) !important;
  93.     }
  94.    
  95.     #back-button >  .toolbarbutton-icon {
  96.         background: none !important;
  97.         color: rgba(255, 255, 255, 0.9) !important;
  98.         background-color: rgba(0, 0, 0, 0.5) !important;
  99.         border-color: transparent !important;
  100.     }
  101.    
  102.     #TabsToolbar .tab-background:not([selected]) {
  103.         background-color: rgba(255, 255, 255, 0.08) !important;
  104.         border-radius: 0px !important;
  105.     }
  106. }
  107.  
  108. .theme-body {
  109.    background: transparent !important;
  110. }
  111.  
  112. /* Hide Tab Close Button */
  113.  
  114. .tabbrowser-tab:not(:hover) .tab-close-button{
  115.     display:none;
  116. }
  117.  
  118. .tabbrowser-tab:not([pinned]):hover .tab-close-button{
  119.     display:none !important;
  120. }
  121.  
  122. .tabbrowser-tab:not([pinned]):hover  .tab-icon-image {
  123.     display: none !important;
  124. }
  125.  
  126. #PlacesToolbarItems .bookmark-item {
  127.     padding-top: 6px !important;
  128.     padding-bottom: 6px !important;
  129. }
  130.  
  131. /* Hide Hamburger */
  132. #PanelUI-menu-button:before {
  133.     display: none;
  134.     border-inline-width: 0px !important;
  135. }
  136.  
  137. #PanelUI-menu-button {
  138.     display: none;
  139. }
  140.  
  141. #PanelUI-button {
  142.     display: none;
  143. }
  144.  
  145. /* Hide Bookmark Icons*/
  146. #personal-bookmarks .bookmark-item > .toolbarbutton-icon {
  147.     display: none !important;
  148. }
  149.  
  150. /* Hide Tracking Prot */
  151. #tracking-protection-icon-box {
  152.     display: none;
  153.     border-color: transparent !important;
  154. }
  155.  
  156. #tracking-protection-icon-container,#pageActionSeparator {
  157.     display: none;
  158.     border-inline-width: 0px !important;
  159. }
  160.  
  161. /* No Bookmark Star */
  162. .urlbarView-row[type="bookmark"] .urlbarView-type-icon {
  163.     display: none !important;
  164. }
  165.  
  166. /* Hide Page Action Button */
  167. #page-action-buttons {
  168.     display: none !important;
  169. }
  170.  
  171. /* Make urlbar megabar appear more compact */
  172. /* Set the pref browser.urlbar.megabar to true */
  173. #urlbar.megabar[breakout]{
  174.   margin-inline-start: 0px !important;
  175.   width: 100% !important;
  176.   left: 0 !important;
  177.   top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  178. }
  179. #urlbar.megabar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
  180. .urlbarView.megabar{ margin-inline: 0 !important; width: auto !important; }
  181. .urlbarView-row{ padding-inline: 4px !important; }
  182. #urlbar-background{ animation: none !important; }
  183. #urlbar-input-container{ padding: 0 !important; height: 100% !important; }
  184.  
  185. /* Center URLBar */
  186. #urlbar-container {
  187.    -moz-box-pack: center !important;
  188. }
  189.  
  190. /* Center URLBar Text */
  191. #urlbar:not([focused]) .urlbar-input-box {
  192.     text-align: center;
  193. }
  194.  
  195. /* Center Bookmarks */
  196. #PlacesToolbarItems{
  197.     -moz-box-pack: center
  198. }
  199.  
  200. /* Lower Tabs */
  201. :root{
  202.   --uc-titlebar-padding: 0px; }
  203. :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 0px }
  204.  
  205. .titlebar-buttonbox-container{
  206.   position: fixed;
  207.   display: block;
  208.   top: var(--uc-titlebar-padding,0px);
  209.   right:0;
  210.   height: 40px;
  211. }
  212. /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
  213. @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  214.     :root{ --uc-titlebar-padding: 0px !important }
  215.     .titlebar-buttonbox-container{ left:0; right: unset; }
  216. }
  217.  
  218. :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
  219.  
  220. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  221.  
  222. #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
  223.  
  224.  
  225. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  226.  
  227. #titlebar{
  228.  -moz-box-ordinal-group: 2;
  229.   -moz-appearance: none !important;
  230. }
  231.  
  232. .titlebar-placeholder,
  233. #TabsToolbar .titlebar-spacer{ display: none; }
  234. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  235. #navigator-toolbox::after{ display: none !important; }
  236.  
  237. @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
  238.  
  239. /* These exist only for compatibility with autohide-tabstoolbar.css */
  240. toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
  241. #navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
  242.  
  243. /* Move Back/Forward */
  244.  
  245. #back-button .toolbarbutton-icon {
  246.     margin-left: 80px !important;
  247. }
  248.  
  249. /* Tabbar upper margin */
  250. #TabsToolbar {
  251.     margin-top: -6px !important;
  252. }
  253.  
  254. /* Navbar upper margin */
  255.  
  256. #nav-bar {
  257.     margin-top: 6px !important;
  258. }
  259.  
  260. /* Move traffic lights down */
  261. .titlebar-buttonbox-container{
  262.     margin-top: 6px !important;
  263. }
  264.  
  265. /* Full Tab Width */
  266.  
  267. .tabbrowser-tab[fadein]:not([pinned]) {
  268.   max-width: none !important;
  269. }
  270.  
  271. /* Center Tab Text */
  272. .tab-text {
  273.     -moz-box-flex: 1 !important;
  274.     text-align: center !important;
  275. }
  276.  
  277. /* Remove Images Non Pinned Tabs*/
  278. .tab-icon-image:not([pinned]) {
  279.     display: none !important;
  280. }
  281.  
  282. /* Margin Nav Overflow */
  283. #nav-bar-overflow-button {
  284.     margin-right: 10px !important;
  285. }
  286.  
  287. /* Lower Tab Line */
  288. .tab-background{
  289.     -moz-box-direction: reverse
  290. }
  291.  
  292. /* tab border */
  293. .tabbrowser-tab[selected] {
  294.     border-image-width: 0 !important;
  295. }
  296.  
  297. .tab-background[selected] {
  298.     border-top-width: 0 !important;
  299.     border-top-style: none !important;
  300. }
  301.  
  302. .tabbrowser-tab[selected]::before,
  303. .tabbrowser-tab[selected]::after{
  304.     margin-bottom: 0px !important;
  305.     margin-top: 1px !important;
  306.     display: none !important;
  307.     /*With last line, margins not needed. Need to fix as display: none makes the tab bar shift by 1px when changing tabs*/
  308. }
  309.  
  310. .tabbrowser-tab:not([selected])::before,
  311. .tabbrowser-tab:not([selected])::after{
  312.     margin-bottom: 0px !important;
  313.     margin-top: 1px !important;
  314. }
  315.  
  316.  
  317. /* List Tab Button Remove */
  318. #alltabs-button {
  319.   display: none !important;
  320. }
  321.  
  322. /* Hide Dropdown icon URL BAR */
  323. .urlbar-history-dropmarker {
  324.     display: none !important;
  325. }
  326.  
  327. /* change minimum tab width */
  328. .tabbrowser-tab:not([pinned]) {
  329.     min-width: 100px !important;
  330. }
  331.  
  332. /* Hide New Tab Button */
  333. #tabs-newtab-button, #new-tab-button {
  334.     display: none !important;
  335. }
  336.  
  337. /* Tab Line Span */
  338. .tab-line[selected] {
  339.     margin-right: 0px !important;
  340.     margin-left: 0px !important;
  341. }
  342.  
  343. /* Hide last tab separator at end */
  344. .tabbrowser-tab[last-visible-tab]::after {
  345.     display: none !important;
  346. }
  347.  
  348. /* Hide Private Browsing Mode Indicator */
  349. #TabsToolbar .private-browsing-indicator {
  350.     display: none !important;
  351. }
  352.  
  353. /* Move Traffic LIghts */
  354. .titlebar-buttonbox-container{
  355.     display: block !important;
  356.     margin-top: 17px !important;
  357. }
  358.  
  359. /* Hover and Active states to mimic other buttons */
  360. #back-button:hover:not([disabled]) > .toolbarbutton-icon {
  361. background-color: var(--toolbarbutton-hover-background) !important;
  362. }
  363.  
  364. #back-button:active:not([disabled]) > .toolbarbutton-icon {
  365. background-color: var(--toolbarbutton-active-background) !important;
  366. }
  367.  
  368. /* Fix back button */
  369. #back-button>.toolbarbutton-icon {
  370. transform: scale(.85, .85) !important;
  371. animation: none !important;
  372. border: none !important;
  373. box-shadow: none !important;
  374. }
  375.  
  376. #back-button:not(:hover),
  377. #back-button:not(:hover) > .toolbarbutton-icon {
  378. background: none !important;
  379. }
  380.  
  381. #back-button:hover,
  382. #back-button:hover > .toolbarbutton-icon {
  383. border-radius: 4px !important;
  384. }
RAW Paste Data