API tools faq
paste
Advertisement
Snorleo

RiceMan purple firefox css

Snorleo
Oct 3rd, 2015
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.39 KB | None | 0 0
raw download clone embed print report
  1. /* @import "file:\\C:\\Users\\Patrick\\git\\Web\\Firefox CSS\\MaterialFox.css"; */
  2.  
  3. /*
  4.  
  5. ______________
  6. // \\
  7. | MATERIALFOX |
  8. \\_____________//
  9.  
  10.  
  11. This is a HEAVILY edited CSS skin for firefox, originally from the github repo...
  12. Here: https://github.com/commit-sudoku/firefox-css
  13.  
  14. If you would like to change the color scheme for your own personal tastes, and you don't know what material design is...
  15. Look here: https://www.google.com/design/spec/material-design/introduction.html
  16.  
  17. If you know what Material Design is, and want to get started using your own colors...
  18. Look here: https://www.google.com/design/spec/style/color.html#color-color-palette
  19.  
  20. As a rule of thumb, The color types I used for each element are listed across from the color values themselves.
  21. If you don't understand what they mean or stand for, RTFM -> (https://www.google.com/design/spec/style/color.html#color-color-palette
  22. )
  23.  
  24. If you would like to fork this, or improve it and make a pull request,
  25. Look here: *Gonna Upload this in a sec*
  26. */
  27.  
  28. /* AGENT_SHEET */
  29. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  30.  
  31. #TabsToolbar:not(:-moz-lwtheme)::after,
  32. #TabsToolbar:not(:-moz-lwtheme)::before {
  33. display: none !important;
  34. }
  35.  
  36. /* Reduced FFox Window Settings */
  37. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  38. {
  39. margin-top:-5px!important;
  40. margin-left:-0px!important;
  41. margin-right:0px!important;
  42. margin-bottom: 0px !important;
  43. }
  44.  
  45. /* Maximized FFox Window settings */
  46. #main-window:not([chromehidden*="toolbar"])[sizemode="maximized"]
  47. {
  48. margin-top:-5px!important;
  49. margin-left:0px!important;
  50. margin-right:0px!important;
  51. margin-bottom: 0px !important;
  52. padding-top: 0px !important;
  53. padding-bottom: 0px !important;
  54. }
  55.  
  56.  
  57. .tab-background-start,
  58. .tab-background-end {
  59. visibility: hidden !important;
  60. box-shadow: none !important;
  61. }
  62.  
  63. .tab-background-middle {
  64. background: none !important;
  65. }
  66.  
  67. #TabsToolbar, #TabsToolbar *{
  68. clip-path: none !important;
  69. max-height: 42px !important;
  70. }
  71.  
  72. #TabsToolbar,
  73. .tabbrowser-tab *,
  74. .tabs-newtab-button,
  75. .toolbarbutton,
  76. .tab-background *{
  77. background-image: none !important;
  78. /* box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3) !important; */
  79. }
  80.  
  81. .tab-background,
  82. .tab-background-middle,
  83. .tabbrowser-tab:after,
  84. .tabbrowser-tab:before,
  85. .tabbrowser-tab:after {
  86. box-shadow: none !important;
  87. background: none !important;
  88. }
  89.  
  90. #TabsToolbar:after {
  91. border-bottom: 10px solid #e8eaed !important;
  92.  
  93. }
  94.  
  95. #main-window {
  96. -moz-appearance: -moz-win-glass !important;
  97. }
  98.  
  99. #urlbar-reload-button,
  100. .urlbar-history-dropmarker,
  101. #star-button,
  102. #page-proxy-favicon,
  103. #go-button,
  104. #notification-popup-box,
  105. #tabbrowser-tabs .scrollbutton-up,
  106. #tabbrowser-tabs .scrollbutton-down,
  107. statusbarpanel,
  108. #identity-box,
  109. #urlbar-container dropmarker,
  110. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  111. toolbar#addon-bar #addonbar-closebutton,
  112. #appmenu-button,
  113. #appmenu-toolbar-button,
  114. #reader-mode-button,
  115. #readinglist-addremove-button
  116. #lpt_lastpass-compact-btn {
  117. display: none !important;
  118. }
  119.  
  120. /* borders for the browser? left / right? Top / Bottom? NO FUCKING CLUE */
  121. #browser-border-end,
  122. #browser-border-start {
  123. display:none !important;
  124. }
  125.  
  126. #main-window[sizemode=normal] #browser-bottombox {
  127. display:none !important;
  128. }
  129.  
  130. #nav-bar #PanelUI-menu-button {
  131. padding: 0 !important;
  132. }
  133.  
  134. #PanelUI-button {
  135. background: none !important;
  136. }
  137.  
  138. /* #main-menubar {
  139. margin-bottom: 20px !important;
  140. } */
  141.  
  142. select > button,
  143. select > input {
  144. opacity: 0 !important;
  145. }
  146.  
  147. #content[disablehistory] {
  148. background-color: #161616 !important;
  149. }
  150.  
  151. /* Tha fuck is this?? */
  152. #_dlbar_finTipContent {
  153. background: #fafafa !important;
  154. border: 1px solid gray !important;
  155. border-radius: 0px !important
  156. }
  157.  
  158. .browserContainer > findbar {
  159. -moz-box-ordinal-group: 10 !important;
  160. }
  161.  
  162. .findbar-closebutton {
  163. -moz-box-ordinal-group: 0 !important;
  164. margin-left: 10px !important;
  165. }
  166.  
  167. .findbar-textbox {
  168. width: 30em !important;
  169. }
  170.  
  171. .findbar-case-sensitive {
  172. margin-right: 1400px !important;
  173. }
  174.  
  175.  
  176. /**
  177. TABS
  178. */
  179.  
  180. /* Not the tabs themselves, the bar BEHIND the tabs */
  181. #TabsToolbar {
  182. margin-top: 5px !important;
  183. margin-bottom: 0px !important;
  184. margin-left: -17px !important;
  185. margin-right: -35px !important;
  186. border: none !important;
  187. background: #fff !important; /* 700 color*/
  188. }
  189.  
  190. #main-window .tabbrowser-tab {
  191. border: 0px !important;
  192. background: 0 !important;
  193. border-radius: 0 !important;
  194. padding: 1px !important;
  195. }
  196.  
  197. tab {
  198. font-family: "Roboto", sans-serif !important;
  199. text-align: center !important;
  200.  
  201. }
  202.  
  203. .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  204. min-width: 20px !important;
  205. max-width: 250px !important;
  206. }
  207.  
  208. .tabbrowser-tab:not([pinned]) .tab-throbber,
  209. .tabbrowser-tab .tab-close-button,
  210. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  211. visibility: collapse !important;
  212. }
  213.  
  214. /* Dont know what this does */
  215. #main-window .tabbrowser-tab {
  216. height: 26px !important;
  217. min-height: 26px !important;
  218. }
  219.  
  220. /* Standard Tabs */
  221.  
  222. #main-window .tabbrowser-tab {
  223.  
  224. }
  225.  
  226. /* Not sure what this changes unfortunately */
  227. #main-window #tabbrowser-tabs tab[pinned] {
  228. padding: 0px 0px 0px 0px !important;
  229. }
  230.  
  231. /* Background tabs, non-hovered */
  232.  
  233. #main-window .tabbrowser-tab:not(:-moz-lwtheme) {
  234. background-color: #fff !important; /*600 color*/
  235. color: #357FC0 !important; /* 300 color*/
  236. /* border-bottom: 0px solid !important; */
  237. /* border-bottom-color: #3949ab !important; */
  238. }
  239.  
  240.  
  241. /* Tab Hover for unselected tabs (tabs you're hovering over)*/
  242.  
  243. #main-window .tabbrowser-tab:-moz-any(:not([pinned]),[pinned]:not([titlechanged])):not([selected]):hover {
  244. color: #357FC0 !important;
  245. }
  246.  
  247. /* Selected Tab (Tab you are currently viewing)*/
  248.  
  249. #main-window .tabbrowser-tab[selected] {
  250. background-color: #357FC0 !important; /* 400 color*/
  251. box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.23) !important;
  252. color: #fff !important;
  253. border-bottom: 1px solid !important;
  254. border-bottom-color: #5c6bc0 !important; /* 800 color*/
  255. }
  256.  
  257. /* Pinned tab titlechange */
  258.  
  259. .tabbrowser-tab[titlechanged] .tab-icon-image {
  260. animation: newpost .9s ease infinite;
  261. }
  262.  
  263. .tabbrowser-tab[titlechanged] {}
  264. @keyframes newpost {
  265. 25% { transform: scale(1.1); }
  266. }
  267.  
  268. /*styling*/
  269. #searchbar > .searchbar-textbox,
  270.  
  271. /* The URL Bar... Obviously */
  272. #urlbar {
  273. border: none !important;
  274. border-radius: 0 !important;
  275. padding: 0 2px 0 9px !important;
  276. height: 32px !important;
  277. margin-top: -1px !important;
  278. margin-bottom: -1px !important;
  279. text-align: center !important;
  280. background: #fff !important; /* 400 color*/
  281.  
  282. /*The text color for the urlbar*/
  283. color: #357FC0 !important; /* white color*/
  284. font-size: 12px !important;
  285. }
  286.  
  287. #urlbar:hover {
  288. color: #357FC0 !important;
  289. }
  290.  
  291. #nav-bar {
  292. /* display: none !important; */
  293. height: 28px;
  294. background-color: #5c6bc0 !important; /* 300 color*/
  295. margin-left: -6px !important;
  296. margin-right: -4px !important;
  297. border-top: none !important;
  298. border-bottom: none !important;
  299. color: #fff !important;
  300. margin-bottom: -1px !important; /* YOU NEED THIS TO KEEP THE GREY PIXEL LINE OUT OF SIGHT */
  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. /*downloads*/
  358. #downloads-button {
  359. display: none !important;
  360. /*
  361. background: url('http://i.imgur.com/761lNIV.png') !important;
  362. background-repeat: no-repeat !important;
  363. background-position: center !important;
  364. opacity: 1 !important;
  365. margin-left: 10px !important;
  366. margin-right: 10px !important;
  367. box-shadow: none !important;
  368. width: 10px !important;
  369. */
  370. }
  371.  
  372. #toolbarbutton-icon .Downloads,
  373. #downloads-indicator-icon,
  374. #downloads-indicator-progress-area,
  375. #downloads-button .button-text {
  376. display: none !important;
  377. }
  378.  
  379. /* remove back/fwd */
  380.  
  381. #nav-bar #back-button > .toolbarbutton-icon {
  382. display: none !important;
  383. }
  384. #forward-button {
  385. display: none !important;
  386. }
  387.  
  388. #downloads-indicator-anchor {opacity: 0 !important;}
  389.  
  390. #downloads-button:hover {
  391. opacity: 1 !important;
  392. box-shadow: none !important;
  393. background: url('http://i.imgur.com/761lNIV.png') !important;
  394. background-repeat: no-repeat !important;
  395. background-position: center !important;
  396. }
  397.  
  398. scrollbar[orient="vertical"] {
  399. min-width: 16px !important;
  400. max-width: 16px !important;
  401. margin-left: -1px !important;
  402. }
  403. scrollbar[orient="horizontal"] {
  404. min-height: 16px !important;
  405. max-height: 16px !important;
  406. margin-top: -1px !important;
  407. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!