Advertisement
HeyItsBATMAN

Waterfox CSS

Mar 15th, 2018
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.85 KB | None | 0 0
  1. :root {
  2.     --background:   #1c1e22;
  3.     --foreground:   #e6e8ef;
  4.     --black:        #23252b;
  5.     --red:          #b54036;
  6.     --green:        #5ab977;
  7.     --yellow:       #deb566;
  8.     --blue:         #6a7c93;
  9.     --magenta:      #a4799d;
  10.     --cyan:         #3f94a8;
  11.     --white:        #e6e8ef;
  12. }
  13.  
  14. * {
  15.     font: 3mm tahoma,arial,helvetica,sans-serif;
  16. }
  17.  
  18. #toolbar #urlbar-container {
  19.    box-sizing:border-box !important;
  20.    background:none !important;
  21.    z-index:1 !important;
  22. }
  23.  
  24. #TabsToolbar {
  25.    border-width:0px !important;
  26.    border-style: solid;
  27.    border-color:transparent !important;
  28.    margin-bottom:-4px !important;
  29.    margin-top:0px !important;
  30.    padding:0px !important;
  31.    margin-left:23.05vw !important;
  32. }
  33.  
  34. #TabsToolbar .titlebar-placeholder {
  35.    display: none !important;
  36. }
  37.  
  38. #TabsToolbar, #tabbrowser-tabs, #nav-bar, #toolbar-menubar, #browser-panel {
  39.    /*! background-color:rgb(231, 232, 235) !important; */
  40. }
  41.  
  42. .tab-line {
  43.    display: none !important;
  44. }
  45.  
  46.  
  47. #PanelUI-button {
  48.    position:absolute;
  49.    top:2px;
  50.    right:0px;
  51. }
  52.  
  53.  
  54. /*
  55. #nav-bar {
  56.    border-width:1px !important;
  57.    border-style: solid;
  58. }*/
  59. #nav-bar {
  60.    margin-bottom:-1px !important;
  61.    margin-top:-29px !important;
  62.    margin-right: 77vw !important;
  63.    margin-left: -0.2vw!important;
  64.    padding-right: 0px !important;
  65. }
  66.  
  67. #urlbar, #urlbar-container {
  68.    background-color:var(--black) !important;
  69. }
  70.  
  71. #urlbar-container {
  72.    border:none !important;
  73.    top:0px;
  74.    padding-left: 28px !important;
  75. }
  76.  
  77. #nav-bar, #urlbar-container, #urlbar, #TabsToolbar, #tabbrowser-tabs, brow {
  78.    min-width: unset !important;
  79.    width: unset !important;
  80.    max-width: unset !important;
  81. }
  82.  
  83.  
  84. #back-button {
  85.    display: none !important;
  86. }
  87. #forward-button {
  88.    display: none !important;
  89. }
  90.  
  91. .arrowscrollbox-scrollbox {
  92.     padding-inline-start: 0px;
  93. }
  94.  
  95. #navigator-toolbox {
  96.    background-color: var(--background) !important;
  97.    color: var(--foreground);
  98.    /*border-width: 0 0 3px 0 !important;
  99.    border-style: solid;
  100.    border-color: #8fa1b3;*/
  101. }
  102.  
  103. #navigator-toolbox * {
  104.    max-height: 50px;
  105.    background-color:  var(--black);
  106.    color: var(--foreground);
  107.    border-width: 0px !important;
  108.    padding: 0px;
  109.    box-shadow: none;
  110.    background-image: none;
  111. }
  112.  
  113. .tab-content { padding-inline-start: 0px;}
  114. .tab-background { margin: 0 !important; }
  115. .tab-background > * { pointer-events: auto !important; }
  116. .tab-background-start,.tab-background-end {width:0 !important; opacity: 0 !important;}
  117. .tab-background-middle[selected="true"] {
  118.    background-clip:inherit !important;
  119.    background-color: var(--black) !important;
  120.    background-image: none !important;
  121.    background-repeat:no-repeat !important;
  122. }
  123.  
  124. .tab-icon-image {
  125.    filter: grayscale(1);
  126. }
  127.  
  128. .tab-label-container{}
  129.  
  130. .tab-text {color:var(--foreground) !important;}
  131.  
  132. .tabbrowser-tab {background-color: var(--blue) !important;}
  133.  
  134. .tabbrowser-tab[visuallyselected="true"] * {
  135.    background-color: var(--background) !important;
  136. }
  137.  
  138. .tabs-newtab-button {
  139.    background-image: none !important;
  140.    transition: background-color 0.5s !important;
  141. }
  142.  
  143. .toolbarbutton-icon {
  144.    background-color: transparent !important;
  145. }
  146.  
  147. .tabs-newtab-button:hover {
  148.    background-image: none !important;
  149.    background-color: var(--black) !important;
  150.    transition: background-color 0.5s !important;
  151. }
  152.  
  153. #nav-bar {
  154.    padding: 0px;
  155.    box-shadow: none !important;
  156.    background-image:none !important;
  157.    background-color: var(--black) !important;
  158.    height:4vh !important;
  159.    max-height:4vh !important;
  160.    min-height:4vh !important;  
  161. }
  162. #nav-bar-customization-target {
  163.    width: 21vw !important;
  164.    min-width: 21vw !important;
  165.    max-width: 21vw !important;
  166. }
  167. #PanelUI-button {
  168.    margin-top: 2px;
  169.    /*! margin-left: -5px !important; */
  170. }
  171.  
  172. #PanelUI-menu-button {
  173.    padding-inline-start: 0px !important;
  174.    padding-inline-end: 0px !important;
  175. }
  176.  
  177. #urlbar-wrapper {
  178.    margin-top: 0px !important;
  179.    clip-path: unset !important;
  180. }
  181.  
  182. #tabbrowser-tabs {
  183.    min-height: 4vh !important;
  184.    max-height: 4vh !important;
  185.    height: 4vh !important;
  186. }
  187. #content browser {
  188.    margin-right: -20px !important;
  189.    overflow-y: scroll;
  190.    overflow-x: hidden;
  191. }
  192.  
  193. #content-deck {
  194.    border-style: solid;
  195.    border-width: 0px 0 0px 0;
  196.    border-color: var(--blue);
  197. }
  198.  
  199. .autocomplete-history-dropmarker,#identity-box,#urlbar-icons,#reload-button,#stop-button,#sidebar-button,#search-container,#urlbar-search-splitter,#bookmarks-menu-button,#downloads-button {
  200.    display: none;
  201. }
  202.  
  203. .autocomplete-textbox-container {
  204.    background-color: var(--background) !important;
  205.    color: var(--foreground) !important;
  206. }
  207.  
  208. toolbarbutton:hover * {
  209.    background-color: var(--background) !important;
  210.    box-shadow: none !important;
  211.    color: var(--background) !important;
  212.    border:none !important;
  213. }
  214.  
  215. browser * {
  216.    background-color: var(--background) !important;
  217. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement