Advertisement
yomomma56

Firefox Css

Sep 5th, 2016
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.32 KB | None | 0 0
  1. /* AGENT_SHEET */
  2. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3.  
  4. #TabsToolbar:not(:-moz-lwtheme)::after,
  5. #TabsToolbar:not(:-moz-lwtheme)::before {
  6.   display: none !important;
  7. }
  8.  
  9. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  10. {
  11.  margin-top:0px!important;
  12.  margin-left:0px!important;
  13.  margin-right:0px!important;
  14.  margin-bottom: 0px !important;
  15.  background-color: #FFFFFF !important; /* Edit this color for the titlebar color (unmaximized)*/
  16. }
  17.  
  18. #main-window:not([chromehidden*="toolbar"])[sizemode="maximized"]
  19. {
  20.  margin-top:-2px!important;
  21.  margin-left:0px!important;
  22.  margin-right:0px!important;
  23.  margin-bottom: 0px !important;
  24.  background-color: #FFFFFF !important; /* Edit this color for the titlebar color (maximized)*/
  25. }
  26.  
  27.  
  28. .tab-background-start,
  29. .tab-background-end {
  30.   visibility: hidden !important;
  31.   box-shadow: none !important;
  32. }
  33.  
  34. .tab-background-middle {
  35.   background: none !important;
  36. }
  37.  
  38. #TabsToolbar, #TabsToolbar *{
  39.   clip-path: none !important;
  40.   max-height: 31px !important;
  41. }
  42.  
  43. #TabsToolbar,
  44. .tabbrowser-tab *,
  45. .tabs-newtab-button,
  46. .toolbarbutton,
  47. .tab-background *{
  48.   background-image: none !important;
  49. }
  50.  
  51. .tab-background,
  52. .tab-background-middle,
  53. .tabbrowser-tab:after,
  54. .tabbrowser-tab:before,
  55. .tabbrowser-tab:after {
  56.   box-shadow: none !important;
  57.   background: none !important;
  58. }
  59.    
  60. #TabsToolbar:after {
  61.   border-bottom: 10px solid #e8eaed !important;
  62. }
  63.  
  64. #main-window {
  65.   -moz-appearance: -moz-win-glass !important;
  66. }
  67.  
  68. #urlbar-reload-button,
  69. .urlbar-history-dropmarker,
  70. #star-button,
  71. #page-proxy-favicon,
  72. #go-button,
  73. #notification-popup-box,
  74. #tabbrowser-tabs .scrollbutton-up,
  75. #tabbrowser-tabs .scrollbutton-down,
  76. statusbarpanel,
  77. #identity-box,
  78. #urlbar-container dropmarker,
  79. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  80. toolbar#addon-bar #addonbar-closebutton,
  81. #appmenu-button,
  82. #appmenu-toolbar-button,
  83. #reader-mode-button,
  84. #readinglist-addremove-button
  85. #lpt_lastpass-compact-btn {
  86.   display: none !important;
  87. }
  88.  
  89. #browser-border-end,
  90. #browser-border-start {
  91.   display:none !important;
  92. }
  93.  
  94. #main-window[sizemode=normal] #browser-bottombox {
  95.   display:none !important;
  96. }
  97.  
  98. #nav-bar #PanelUI-menu-button {
  99.   padding: 0 !important;
  100. }
  101.  
  102. #PanelUI-button {
  103.   background: none !important;
  104. }
  105.  
  106. /*#main-menubar {
  107.   margin-bottom: 20px !important;
  108. }*/
  109.  
  110. select > button,
  111. select > input {
  112.   opacity: 0 !important;
  113. }
  114.  
  115. #content[disablehistory] {
  116.   background-color: #161616 !important;
  117. }
  118.  
  119. #_dlbar_finTipContent {
  120.   background: #fafafa !important;
  121.   border: 1px solid gray !important;
  122.   border-radius: 0px !important
  123. }
  124.  
  125. .browserContainer > findbar {
  126.   -moz-box-ordinal-group: 10 !important;
  127. }
  128.  
  129. .findbar-closebutton {
  130.   -moz-box-ordinal-group: 0 !important;
  131.   margin-left: 10px !important;
  132. }
  133.  
  134. .findbar-textbox {
  135.   width: 30em !important;
  136. }
  137.  
  138. .findbar-case-sensitive {
  139.   margin-right: 1400px !important;
  140. }
  141.  
  142.  
  143. /**
  144.     TABS
  145. */
  146.  
  147. #TabsToolbar {
  148.   margin-top: 0px !important;
  149.   margin-bottom: -1px !important;
  150.   margin-left: -15px !important;
  151.   padding-left: 0px !important;
  152.   border: none !important;
  153.   background: none !important;
  154. }
  155.  
  156.  
  157.  
  158. #main-window .tabbrowser-tab {
  159.   border: 0 !important;
  160.   background: 0 !important;
  161.   border-radius: 0 !important;
  162.   padding: 0 !important;
  163. }
  164.  
  165. tab {
  166.   text-align: center !important;
  167. }
  168.  
  169. .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  170. min-width: 10px !important;
  171. max-width: 200px !important;
  172. }
  173.  
  174. .tabbrowser-tab:not([pinned]) .tab-throbber,
  175. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  176.    visibility: collapse !important;
  177. }
  178.  
  179. #main-window .tabbrowser-tab {
  180.   height: 26px !important;
  181.   min-height: 26px !important;
  182.     background-color: #303336 !important;
  183. }
  184.  
  185. /* Standard Tabs */
  186.  
  187. #main-window .tabbrowser-tab {
  188.   border-width: 0px 0 0 1px !important;
  189.   border-style: solid !important;
  190.   border-top-color: rgba(255,255,255,0) !important;
  191.   border-left-color: rgba(71,79,115,0) !important;
  192.   font-size:13px;
  193.   background-color: #303336 !important;
  194.  
  195.  
  196. }
  197.  
  198. #main-window #tabbrowser-tabs tab[pinned] {
  199.   padding: 0px 1px 1px 0px !important;
  200. }
  201.  
  202. #main-window .tabbrowser-tab:not(:-moz-lwtheme)  {
  203.   background-color: transparent !important;
  204.   /*box-shadow: inset 0 -5px 15px -15px rgba(0, 0, 0, 0.1) !important;*/
  205.   color: #7D7D7D !important;
  206. }
  207.  
  208.  
  209. /* Tab Hover */
  210.  
  211. #main-window .tabbrowser-tab:-moz-any(:not([pinned]),[pinned]:not([titlechanged])):not([selected]):hover {
  212.   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important;
  213.   color: #666 !important;
  214.  
  215. }
  216.  
  217. /* Selected Tab */
  218.  
  219. #main-window .tabbrowser-tab[selected] {
  220.   background-color: #333333 !important;
  221.   color: #fff !important;
  222.   font-size: 13px;
  223.   box-shadow: 0px 0px 30px #000;
  224. }
  225.  
  226. #main-window .tabbrowser-tab:not([selected] ){
  227.   background-color: #212121 !important;
  228. }
  229.  
  230. /* Pinned tab titlechange */
  231.  
  232. .tabbrowser-tab[titlechanged] .tab-icon-image {
  233.   animation: newpost 0s ease infinite;
  234. }
  235.  
  236. .tabbrowser-tab[titlechanged] {}
  237. @keyframes newpost {
  238.   25% {  transform: scale(1.1);   }
  239. }
  240.  
  241. /* new tab button */
  242.  
  243. .tabs-newtab-button {
  244.   width: 38px !important;
  245.   float: right !important;
  246.   margin-top: 1px !important;
  247.   padding-left: 2px !important;
  248.   padding-right: 2px !important;
  249.   background: #ffffff !important;
  250.   box-shadow: inset 0 -5px 15px -15px rgba(0, 0, 0, .5) !important;
  251.   border: 1px solid rgba(71,79,115,.25) !important;
  252.   border-bottom: none !important;
  253.   border-radius: 2px 2px 0 0 !important;
  254. }
  255.  
  256. .tabs-newtab-button .toolbarbutton-icon {
  257.   margin-bottom: -3px !important;
  258. }
  259.  
  260. .tabs-newtab-button:hover {
  261.   background-image: -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .6)) !important;
  262. }
  263.  
  264. .tabs-newtab-button:active {
  265.   background-color: #f2f2f2 !important;
  266.   box-shadow: none !important;
  267.   background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.5) 50%) !important;
  268.   color: #444 !important;
  269. }
  270.  
  271. /*styling*/
  272. #searchbar > .searchbar-textbox,
  273.  
  274. #urlbar {
  275.     border: none !important;
  276.     text-align: center !important;
  277.     border-top: none !important;
  278.     background: transparent !important;
  279.     margin-top: -3px !important;
  280.     margin-left: 10px !important;
  281.     border-radius: 0px;
  282.     padding: 0px !important;
  283.     color: #ffffff !important;
  284.     height: 25px;
  285.     font-size: 16px;
  286. }
  287.  
  288.  
  289. #nav-bar {
  290.     height: 30px;
  291.     background-color: #333333 !important;
  292.     border-bottom: 0px solid #cdcdcd !important;
  293.     border-top: none !important;
  294.     margin-bottom: -1px !important;
  295.     margin-top: 0px !important;
  296.     border-left: none !important;
  297.     border-right: none !important;
  298.     background-image: none !important;
  299.     margin-left:-3px !important;
  300.     box-shadow: 0px 1px 10px #262626 !important;
  301. }
  302.    
  303.   #PanelUI-button, #customization-panel-container,
  304.   #customization-panelWrapper .panel-arrow,
  305.   #ctr_panelui-button,
  306.   #wrapper-ctr_panelui-button {
  307.  
  308.     -moz-box-ordinal-group: 0
  309.  
  310.   }
  311.  
  312.  
  313. #PanelUI-button {
  314.  
  315.     background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  316.     background: url('http://i.imgur.com/Hef8ASW.png') !important;
  317.     background-repeat: no-repeat !important;
  318.     background-position: center !important;
  319.     box-shadow: none !important;
  320.     width: 5px !important;
  321.     /*display: none !important; /*COMMENT THIS LINE FOR A MENU BUTTON*/
  322.   }
  323. #PanelUI-button .button-icon,
  324. #PanelUI-button .button-text{
  325.     display: none !important;
  326. }
  327. #PanelUI-menu-button {
  328.     opacity: 0 !important;
  329.     width: 5px !important;
  330.     margin-right: 7px !important;
  331. }
  332.  
  333.  
  334. #identity-box, #dropmarker-icon, #historydropmarker, #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #dropmarker {
  335.     display: none !important;
  336. }
  337.  
  338. #autocomplete-history-dropmarker, #urlbar-history-dropmarker, #urlbar-reload-button {
  339.     display: none !important;
  340. }
  341.  
  342. .autocomplete-history-dropmarker.urlbar-history-dropmarker {
  343.     display: none !important;
  344. }
  345.  
  346. #plugins-notification-icon, #notification-anchor-icon, #notification-popup-box {
  347.     display: none !important;
  348.    
  349. }
  350.  
  351. /* remove tab scrolling */
  352.  
  353. .scrollbutton-up, .scrollbutton-down, #alltabs-button {
  354.     display: none !important;
  355. }
  356.  
  357. .tabbrowser-arrowscrollbox {
  358.   background-color: #212121 !important;
  359. }
  360.  
  361. /* remove back/fwd */
  362.  
  363. #nav-bar  #back-button > .toolbarbutton-icon {
  364.  display: none !important;
  365. }
  366.  #forward-button {
  367.  display: none !important;
  368. }
  369.  
  370. scrollbar[orient="vertical"] {
  371.   min-width: 16px !important;
  372.   max-width: 16px !important;
  373.   margin-left: -1px !important;
  374. }
  375. scrollbar[orient="horizontal"] {
  376.   min-height: 16px !important;
  377.   max-height: 16px !important;
  378.   margin-top: -1px !important;
  379. }
  380.  
  381. #TabsToolbar .tabs-newtab-button {
  382.         background: #242629 !important;
  383.         color: red !important;
  384.         margin-left: 0px !important;
  385.         border: none !important;
  386.         width: auto !important;
  387.         padding: 0px 5px 3px 4px !important;
  388.         box-shadow: none !important;
  389.         border-radius: 0px !important;
  390.     }
  391. #TabsToolbar .toolbarbutton-icon {
  392.         color: red !important;
  393. }
  394.  
  395. #TabsToolbar .tabs-newtab-button:hover {
  396.         background: #1d1f21 !important;
  397.     }
  398.  
  399. #TabsToolbar .tabs-newtab-button:active {
  400.         background: #242629 !important;
  401.         }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement