Advertisement
Guest User

Untitled

a guest
Oct 15th, 2019
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.12 KB | None | 0 0
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2. @-moz-document url("chrome://browser/content/browser.xhtml") {
  3.  
  4.  
  5. :root {
  6. --color-border: #121212;
  7. --color-ui-grey: #181818;
  8. --color-tab-focus: #181818;
  9. --color-tab-notfocus: #121212;
  10. --color-tab-notification: #121212;
  11. }
  12.  
  13.  
  14. /***NAVBAR***/
  15. /*Move Tab-bar beside Nav-bar*/
  16. #TabsToolbar {
  17. margin-bottom: -6px !important;
  18. margin-top: 1px !important;
  19. margin-left: 30vw !important;
  20. margin-right: 0px !important;
  21. max-height: 37px !important;
  22. }
  23.  
  24. #nav-bar {
  25.  
  26. margin-top: -28px !important;
  27. margin-right: 70vw !important;
  28. background-color: var(--color-tab-notfocus) !important;
  29. }
  30.  
  31. #nav-bar {
  32. border-top: 1px solid var(--color-border) !important;
  33. border-right: 1px solid var(--color-border) !important;
  34. }
  35.  
  36. /*Navbar Position Tweaks*/
  37. #navigator-toolbox {
  38. margin-top: -3px;
  39. }
  40.  
  41. #urlbar-container {
  42. top: 0px;
  43. padding-left: 15px !important;
  44. padding-right: 15px !important;
  45. padding-bottom: 1px !important;
  46. }
  47.  
  48. #nav-bar, #urlbar-container, #urlbar, #TabsToolbar, #tabbrowers-tabs {
  49. min-width: unset !important;
  50. width: unset !important;
  51. max-width: unset !important;
  52. }
  53.  
  54. /*Navbar Icon Tweaks*/
  55. #back-button > .toolbarbutton-icon,
  56. #forward-button > .toolbarbutton-icon {
  57. transform: scale(1, 1) !important;
  58. margin-left: -3px !important;
  59. margin-right: -2px !important;
  60. margin-bottom: -1px !important;
  61. }
  62.  
  63. #downloads-button {
  64. fill: var(--color-ui-grey) !important;
  65. }
  66.  
  67.  
  68. /***MENU***/
  69. /*Menu to the left side*/
  70. #PanelUI-button,
  71. #customization-panel-container,
  72. #customization-panelWrapper .panel-arrow {
  73. -moz-box-ordinal-group: 0 !important;
  74. margin-right: 5px !important;
  75. margin-left: 5px !important;
  76. margin-bottom: -1px !important;
  77. }
  78.  
  79. #appMenu-popup {
  80. margin-right: -258px !important;
  81. }
  82.  
  83. #appMenu-popup .panel-arrow {
  84. margin-right: 248px !important;
  85. }
  86.  
  87.  
  88. /***TABS***/
  89. /*Tab Sizes*/
  90.  
  91. .tabbrowser-tab {
  92. min-width: 1em !important;
  93. clip-width: 1em !important;
  94. }
  95. .tabbrowser-tab {
  96. min-height: 32px !important;
  97. height: 32px !important;
  98. background: none !important;
  99. border-top: 1px solid var(--color-border) !important;
  100. border-right: 1px solid var(--color-border) !important;
  101. }
  102.  
  103.  
  104. #tabbrowser-tabs,
  105. .tabbrowser-tab {
  106. margin-bottom: 1px !important;
  107. }
  108.  
  109. /*Tab colors*/
  110. .tabbrowser-tab .tab-background {
  111. background: var(--color-tab-notfocus) !important;
  112. }
  113.  
  114. .tabbrowser-tab[selected="true"] .tab-background {
  115. background: var(--color-tab-focus) !important;
  116. }
  117.  
  118. #tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }
  119.  
  120. /*Tab Tweaks*/
  121. .tabbrowser-tab::after, .tabbrowser-tab::before {
  122. border-left: none !important;
  123. }
  124.  
  125. .tab-icon-image, .tab-label-container {
  126. margin-top: -1px !important;
  127. }
  128.  
  129. .tab-content[pinned] {
  130. padding: 0px 9px !important;
  131. }
  132.  
  133.  
  134. #tabbrowser-tabs .scrollbutton-up {
  135. border-left: 1px solid var(--color-tab-notfocus) !important;
  136. }
  137.  
  138. #tabbrowser-tabs .scrollbutton-down {
  139. border-left: 1px solid var(--color-border) !important;
  140. }
  141.  
  142.  
  143. /*HIDE STUFF*/
  144. /*Tabs*/
  145. #TabsToolbar .titlebar-spacer[type="pre-tabs"],
  146. #TabsToolbar .tab-line,
  147.  
  148.  
  149. /*URL Bar*/
  150. #pageActionButton,
  151. #pocket-button-box,
  152. .autocomplete-history-dropmarker,
  153. #identity-icon-labels
  154. {
  155. display: none !important;
  156. }
  157. }
  158.  
  159. #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn
  160. {
  161. background-color: var(--focus-tab-bg) !important;
  162. border: none !important;
  163. color: var(--secondary-text) !important;
  164. box-shadow: none !important;
  165. }
  166.  
  167.  
  168. /* Removes the tab-line above selected tab */
  169.  
  170. .tab-line {
  171. display: none !important;
  172. }
  173.  
  174.  
  175. /* Give same color to toolbars */
  176. #main-menubar, #customToolbars, #TabsToolbar, #PersonalToolbar, #web-developer-toolbar, #browser-bottombox {
  177. background: #121212 !important;
  178. border: none !important;
  179. box-shadow: none !important;
  180. }
  181.  
  182.  
  183. #identity-box *:not(#page-proxy-favicon) {
  184. display: none !important;
  185. }
  186.  
  187. #urlbar {
  188. border: none !important;
  189. background: #121212 !important;
  190. text-align: center !important;
  191. color: #898989 !important;
  192. box-shadow: none !important;
  193. }
  194.  
  195.  
  196. /* Remove live feed icon in Address url toolbar */
  197.  
  198. #feed-button
  199. {
  200. display: none !important;
  201. }
  202.  
  203. .ac-type-icon, #star-button
  204. {
  205. display: none !important;
  206. }
  207.  
  208. @-moz-document url(chrome://browser/content/browser.xhtml) {
  209. .tab-close-button:not([selected]) {
  210. display: none;
  211. }
  212. }
  213.  
  214. .urlbar-history-dropmarker,
  215. #urlbar:hover > .urlbar-textbox-container > .urlbar-history-dropmarker {
  216. display: none !important;
  217. }
  218.  
  219.  
  220.  
  221. /* global font */
  222. * {
  223. font-size: 9pt !important;
  224. font-family: Calibri !important;
  225. }
  226.  
  227.  
  228. @namespace "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xhtml";
  229. @-moz-document url("chrome://browser/content/browser.xhtml") {
  230.  
  231.  
  232. #star-button,
  233. #pageActionButton,
  234. .autocomplete-history-dropmarker.urlbar-history-dropmarker{
  235. display:none!important}
  236.  
  237. #identity-box {max-width: 0 !important;}
  238. .urlbar-history-dropmarker {display: none !important;}
  239. .urlbar-go-button {display: none !important;}
  240.  
  241. /* Change color of non-selected tab text */
  242.  
  243. #TabsToolbar .tabbrowser-tab:not([selected]) {
  244. color: #707070 !important;
  245. font-weight: normal !important;
  246. }
  247.  
  248.  
  249.  
  250. #browser-panel, #TabsToolbar{
  251. --chrome-background-color: rgb(255,255,255);
  252. }
  253.  
  254.  
  255. .tabbrowser-tab[fadein]:not([pinned]) {
  256. max-width: 50px !important;
  257. }
  258.  
  259. -------------------------------
  260.  
  261. .titlebar-button {
  262. background: #121212 !important;
  263. }
  264.  
  265. .titlebar-button {
  266. transition: all 0.3s ease !important;
  267. background: #121212 !important;
  268. }
  269.  
  270.  
  271.  
  272. -------------------
  273.  
  274. /*/ Min_Max_Close fix /*/
  275. .titlebar-min,.titlebar-max,.titlebar-close{
  276. }
  277.  
  278. .titlebar-min{
  279. background-image: url("min.png")!important;
  280. list-style-image: none!important;
  281. padding-right: 0px !important;
  282. }
  283.  
  284. .titlebar-max{
  285. background-image: url("max.png")!important;
  286. list-style-image: none!important;
  287. padding-right: 0px !important;
  288. }
  289.  
  290. .titlebar-close{
  291. background-image: url("close.png")!important;
  292. list-style-image: none!important;
  293. padding-right: 10px !important;
  294. }
  295.  
  296. ------------------
  297.  
  298. #back-button {
  299. list-style-image: url("bac.png")!important;
  300. }
  301.  
  302. #back-button:-moz-lwtheme-brighttext {
  303. list-style-image: url("bac.png")!important;
  304. }
  305.  
  306. #forward-button {
  307. list-style-image: url("for.png")!important;
  308. }
  309.  
  310. #forward-button:-moz-lwtheme-brighttext {
  311. list-style-image: url("for.png")!important;
  312. }
  313.  
  314. .tabs-newtab-button, #TabsToolbar > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button {
  315. list-style-image: url("add.png")!important;
  316. stroke: currentColor !important;
  317. opacity:0.7!important;
  318. }
  319.  
  320. #PanelUI-menu-button {
  321. list-style-image: url("panelui.png")!important;
  322. transform: scale(1) !important;
  323. }
  324. #PanelUI-menu-button:-moz-lwtheme-brighttext {
  325. list-style-image: url("panelui.png")!important;
  326. transform: scale(1) !important;
  327. }
  328.  
  329.  
  330.  
  331. .tabbrowser-tab[usercontextid] .tab-bottom-line {
  332. display: none !important;
  333. }
  334.  
  335. [sizemode="normal"][tabsintitlebar]:root:-moz-window-inactive
  336.  
  337. [sizemode="normal"][tabsintitlebar]:root {
  338. border-top: 0 !important;
  339. }
  340.  
  341.  
  342. #navigator-toolbox::after {
  343. border-bottom: 0px !important;
  344. }
  345.  
  346. #PopupAutoCompleteRichResult {
  347.  
  348. display: none!important;
  349.  
  350. }
  351.  
  352.  
  353.  
  354. #browser vbox#appcontent tabbrowser,
  355. #content,
  356. #tabbrowser-tabpanels,
  357. browser[type=content-primary],
  358. browser[type=content] > html {
  359. background: #202124 !important; }
  360.  
  361. #main-window { background-color: #202124 !important; }
  362.  
  363. /* Hide blue stripe on active tab */
  364. .tab-line[selected="true"] {
  365. opacity: 0 !important;
  366. }
  367.  
  368.  
  369.  
  370. .toolbarbutton-1 {
  371. /*dodger-blue when hover*/
  372. --toolbarbutton-hover-background: transparent !important;
  373. border: 0px !important; /*no border */
  374. border-radius: 0px !important; /* sharp corners */
  375. --toolbarbutton-active-background: transparent !important; /*transparent blue when click*/
  376. border-radius: 0px !important; /*sharp corners*/
  377. }
  378.  
  379. .urlbar-icon:not([disabled]):hover,
  380. .urlbar-icon-wrapper:not([disabled]):hover {
  381. background-color: transparent !important;
  382. border-radius: 0px !important;
  383. border: 0px !important; }
  384.  
  385. .urlbar-icon[open],
  386. .urlbar-icon-wrapper[open],
  387. .urlbar-icon:not([disabled]):hover:active,
  388. .urlbar-icon-wrapper:hover:active {
  389. background-color: transparent !important;
  390. border-radius: 0px !important; }
  391.  
  392. .urlbar-icon-wrapper[open]>.urlbar-icon,
  393. .urlbar-icon-wrapper>.urlbar-icon:hover,
  394. .urlbar-icon-wrapper>.urlbar-icon:hover:active {
  395. background-color: transparent !important;
  396. border-radius: 0px !important; }
  397.  
  398.  
  399. #statuspanel-label{display: none;}
  400.  
  401. toolbarbutton#alltabs-button { -moz-binding: url("userChrome.xml#js"); }
  402.  
  403. ----------------
  404.  
  405. @-moz-document url-prefix("chrome://"), url-prefix("about:") {
  406.  
  407. menupopup {
  408. -moz-appearance: none !important;
  409. padding: 5px 1px 5px 1px !important;
  410. background-color: #2B2B2B !important;
  411. border: 1px #1C1C1C solid !important;
  412. border-radius: 0px !important;
  413. min-width: 258px !important;
  414. }
  415. menuseparator {
  416. -moz-appearance: none !important;
  417. border: none !important;
  418. padding: .5px 0px .5px 0px !important;
  419. margin: 4px 11px 4px 11px !important;
  420. background-color: #757575 !important;
  421. }
  422. menuitem, menu {
  423. -moz-appearance: none !important;
  424. color: white !important;
  425. padding: 7px 0px 7px 9px !important;
  426. border: none !important;
  427. font-size: 12px !important;
  428. }
  429. menuitem[disabled="true"], menuitem[disabled="true"] > .menu-text {
  430. color: gray !important;
  431. }
  432. menuitem:hover, menu:hover, menuitem[_moz-menuactive], menu[_moz-menuactive] {
  433. background-color: #404040 !important;
  434. }
  435. menu[open] {
  436. background-color: var(--uwp-accent-color) !important;
  437. }
  438. menuitem:hover:active, menu:hover:active, menuitem[selected] {
  439. background-color: #555555 !important;
  440. }
  441. menugroup {
  442. padding: 0px !important;
  443. background-color: transparent !important;
  444. }
  445. menuitem > .menu-text, menuitem > .menu-iconic-text {
  446. color: white !important;
  447. padding: 0px !important;
  448. }
  449. menuitem[type="checkbox"], menuitem[type="radio"] {
  450. padding-left: 17px !important;
  451. }
  452. menuitem[type="checkbox"] > .menu-iconic-text, menuitem[type="radio"] > .menu-iconic-text {
  453. padding-left: 5px !important;
  454. }
  455. menuitem[checked="true"][type="checkbox"] > .menu-iconic-left {
  456. padding: 7px 0px 0px 0px !important;
  457. border: solid white;
  458. border-width: 0 0 2px 2px;
  459. transform: rotate(-45deg) scale(.75);
  460. margin-bottom: 4px !important;
  461. }
  462. menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  463. padding: 1px !important;
  464. border: solid white;
  465. height: 17px !important;
  466. border-radius: 100%;
  467. background: white;
  468. transform: scale(.5);
  469. }
  470. menucaption {
  471. background-color: transparent !important;
  472. color: white !important;
  473. }
  474. #ContentSelectDropdown > menupopup {
  475. background-image: none !important;
  476. }
  477. #ContentSelectDropdown {
  478. padding: 0px !important;
  479. }
  480. menulist, menulist[disabled="true"] {
  481. -moz-appearance: none !important;
  482. padding: 4px 4px 4px 4px !important;
  483. border: 2px solid #666666 !important;
  484. border-radius: 0px !important;
  485. background-color: transparent !important;
  486. color: white !important;
  487. height: auto !important;
  488. }
  489. menulist:hover {
  490. padding: 4px 4px 4px 4px !important;
  491. border: 2px solid #999999 !important;
  492. background-color: transparent !important;
  493. }
  494. menulist[open="true"] {
  495. border: 2px solid #666666 !important;
  496. background-color: #333333 !important;
  497. }
  498. #context-back > .menu-iconic-left, #context-forward > .menu-iconic-left, #context-reload > .menu-iconic-left, #context-stop > .menu-iconic-left, #context-bookmarkpage > .menu-iconic-left {
  499. padding: 0px !important;
  500. }
  501. #context-navigation > menuitem {
  502. padding-left: 0px !important;
  503. }
  504. .menu-iconic-left {
  505. -moz-appearance: none !important;
  506. padding: 0px 5px 0px 9px !important;
  507. }
  508. .menu-right {
  509. -moz-appearance: none !important;
  510. padding: 7px !important;
  511. margin-right: 12px !important;
  512. color: white !important;
  513. border: solid white;
  514. border-width: 0 2px 2px 0px;
  515. transform: rotate(-45deg) scale(.55);
  516. }
  517. .menu-accel {
  518. padding: 0px !important;
  519. }
  520. .menu-text {
  521. margin-top: 1px !important;
  522. margin-bottom: 1px !important;
  523. }
  524. tooltip { /* Also update the js script */
  525. -moz-appearance: none !important;
  526. color: white !important;
  527. background-color: #2B2B2B !important;
  528. border: 1px solid #1C1C1C !important;
  529. padding: 6px !important;
  530. }
  531.  
  532. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement