userChrome.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /*@import "scrollbars.css";*/
  2. /* New Tab Flash */
  3. :root{--newtab-textbox-background-color:#263238;}
  4. #browser vbox#appcontent tabbrowser,
  5. #content,
  6. #tabbrowser-tabpanels,
  7. browser[type=content-primary],
  8. browser[type=content] > html{
  9. background: #263238 !important
  10. }
  11. .tab-line {
  12. display : none !important;
  13. }
  14. /* Toolbar buttons */
  15. .toolbarbutton-1 {
  16. fill: #81A1C1 !important;
  17. background-color: #263238 !important;
  18. }
  19. /* Remove border under navbar */
  20. #navigator-toolbox::after {
  21. border-bottom: 0px !important;
  22. }
  23. /* remove some borders */
  24. #navigator-toolbox {
  25. border: none !important;
  26. }
  27. #titlebar {
  28. border: none !important;
  29. }
  30. #tabbrowser-tabs {
  31. background-color: #263238 !important;
  32. }
  33. /* remove lines */
  34. #navigator-toolbox::after {
  35. display: none !important;
  36. }
  37. #nav-bar, #TabsToolbar {
  38. border: none !important;
  39. }
  40. .tabbrowser-tab::before,
  41. .tabbrowser-tab::after{
  42. display: none !important;
  43. }
  44. tab
  45. {
  46. background-color: #263238 !important;
  47. font-weight: thin !important;
  48. color : #81A1C1 !important;
  49. }
  50. .tab-content[selected="true"]
  51. {
  52. background-color: #263238 !important;
  53. font-weight: bold !important;
  54. color : #81A1C1 !important;
  55. }
  56. #nav-bar-customization-target {
  57. background-color: #263238 !important;
  58. }
  59. .tabbrowser-tab{ opacity: 0.5 }
  60. .tabbrowser-tab:hover{ opacity: 0.75 }
  61. .tabbrowser-tab[selected]{ opacity: 1 }
  62. #urlbar{
  63. box-shadow: none !important;
  64. background-color: #263238 !important;
  65. background: none !important;
  66. border: none !important;
  67. color : #81A1C1 !important;
  68. font-weight: bold !important;
  69. }
  70. #urlbar:hover{
  71. box-shadow: none !important;
  72. }
  73. #tracking-protection-icon-container,#pageActionSeparator{ border-inline-width: 0px !important; }
  74. .urlbar-icon,
  75. .urlbar-icon-wrapper,
  76. #tabbrowser-tabs toolbarbutton,
  77. toolbar toolbarbutton > .toolbarbutton-icon,
  78. toolbar toolbarbutton > .toolbarbutton-badge-stack,
  79. .titlebar-button,
  80. #identity-box,
  81. #tracking-protection-icon-container,
  82. .findbar-textbox~toolbarbutton,
  83. toolbarbutton.scrollbutton-up,
  84. toolbarbutton.scrollbutton-down{ background-color: transparent !important;}
  85. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]){ background-color: transparent !important }
  86. /*Tabs below nav bar*/
  87. #nav-bar {
  88. -moz-box-ordinal-group: 1 !important;
  89. }
  90. #PersonalToolbar {
  91. -moz-box-ordinal-group: 2 !important;
  92. }
  93. #titlebar {
  94. -moz-box-ordinal-group: 3 !important;
  95. }
  96. #navigator-toolbox{
  97. margin-top: 0px;
  98. padding-top:0px !important;
  99. }
  100. #toolbar-menubar{
  101. position: fixed;
  102. top: 0px;
  103. }
  104. /*#navigator-toolbox { --tabs-border-color: transparent !important; }*//* remove weird line*/
  105. /*Hide tabs bar if one tab is opened*/
  106. #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  107. min-height: 0 !important;
  108. }
  109. #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  110. visibility: collapse !important;
  111. }
  112. #tabbrowser-tabs #tabs-newtab-button {
  113. visibility: collapse !important;
  114. }