API tools faq
paste
decagonal

Aperture Firefox CSS.

decagonal
Oct 4th, 2015
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.48 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2.  
  3. /* fades buttons */
  4. #downloads-button, #new-tab-button, #ctraddon_bookmarks-button, #ctraddon_reload-button, bookmarks-button, reload-button, .tab-icon-image {
  5.     opacity: 0.6 !important;
  6. }
  7.  
  8. /*comment to show favicons
  9. #identity-box, #identity-icon-labels {
  10.     display: none;
  11. }*/
  12.  
  13. /* fix white bg when opening new tabs */
  14. browser {
  15.     background-color: #1d1e2a !important;
  16. }
  17.  
  18. /* page identity box */
  19. #identity-box {
  20.     background: #251e18 !important;
  21.     color: #856334 !important;
  22. }
  23.  
  24. /* hide buttons and menu (for now) */
  25. #reader-mode-button, #bookmarks-menu-button, #PanelUI-button, #back-button, #forward-button, #page-proxy-favicon, .urlbar-history-dropmarker, #identity-box {
  26.     display: none !important;
  27. }
  28.  
  29.  
  30. /*.tab-icon-image {
  31.     opacity: 0.5 !important;
  32.     filter: grayscale(0.3);
  33.     -webkit-filter: brightness(50%);
  34.     -o-filter: brightness(50%);
  35.     -ms-filter: brightness(50%);
  36. }*/
  37.  
  38. .tab-icon-image {
  39.    /*filter: grayscale(0.9) !important;
  40.     filter: hue-rotate(130deg) !important;*/
  41.     opacity: 0.3 !important;
  42. }
  43.  
  44. /* hide favicons */
  45.  
  46. .tab-icon-image {
  47.     display: none !important;
  48. }
  49. #TabsToolbar .tabbrowser-tab {
  50.     min-width: 37px !important;
  51. }
  52.  
  53. /* fonts */
  54. #urlbar, #TabsToolbar .tabbrowser-tab, menu, .autocomplete-richlistbox, #menubar-items, statuspanel[type="overLink"] .statuspanel-label, toolbarbutton, #placeContent, #placesList, .editBMPanel_rowLabel, .textbox-input-box, .viewer-title.label.toolbar, .downloadTarget, .downloadDetails, #bookmarks-view-children, #sidebar-search-label, #sidebar-title, .menubar-text {
  55.     font-family: open sans !important;
  56.     font-weight: 600 !important;
  57.     font-size: 13px !important;
  58. }
  59.  
  60. /* library window */
  61. #placesToolbar {
  62.     background: #1d1e2a !important;
  63. }
  64.  
  65. /* remove icons */
  66. #memfx-toolbar-button, #urlbar-reload-button, .box-inherit.toolbarbutton-menubutton-button, .scrollbutton-up, .scrollbutton-down, .tab-close-button.close-icon, #urlbar-stop-button {
  67.   display: none;
  68. }
  69. /* remove plugin and reader view
  70. #reader-mode-button, #notification-popup-box {
  71.       display: none;
  72. }*/
  73.  
  74. /* tab bg color
  75. #navigator-toolbox, #TabsToolbar {
  76.   background: #1a1b26 !important;
  77.     color: #6f535e !important;
  78. }*/
  79.  
  80. #TabsToolbar .tabbrowser-tab {
  81.   background: #181310 !important;
  82.   border: 0px solid #1d1e2a !important;
  83.   border-radius: 0px !important;
  84.   color: #856334 !important;
  85.   margin: 0px 0px 0px 0px !important;
  86.   padding: 0px;
  87.   height: 20px !important;
  88.   transition-property: background, color;
  89.   transition-duration: 150ms;
  90. }
  91.  
  92. #TabsToolbar {
  93.   background: #181310 !important;
  94. }
  95.  
  96. /*remove blue browser border
  97. :not([chromehidden*="toolbar"])[sizemode="normal"]
  98. */
  99. #main-window {
  100.  margin-top:0px!important;
  101.  margin-left:-1px!important;
  102.  margin-right:-2px!important;
  103.  margin-bottom: -2px !important;
  104. }  
  105.  
  106. #TabsToolbar {
  107.     margin-left: -16px !important;
  108.     margin-top: 0px !important;
  109. }
  110.  
  111. #navigator-toolbox {
  112.     border-bottom: 0px solid #59444b !important;
  113. }
  114.  
  115. /* nav bg color and sizes */
  116. #nav-bar-customization-target {
  117.     background: #181310 !important;
  118. }
  119.  
  120. #urlbar {
  121.     background: #181310 !important;
  122.     color: #856334 !important;
  123.     text-align: center !important;
  124.     height: 30px !important;
  125.     border: 0px solid #59444b !important;
  126.     margin-top: -2px!important;
  127.     width: 200px !important;
  128.     margin-left: 150px !important;
  129. }
  130.  
  131. /* navbar */
  132.     #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
  133.         background-color: #181310 !important;
  134.         margin-bottom: 0px !important;
  135.         top: 0 !important;
  136.     }
  137.  
  138. /* plugin icons */
  139. #notification-popup-box, .unknownIdentity {
  140.      background-color: #181310 !important;
  141.     border-image-source: url(http://www.colorhexa.com/14151f.png) !important;
  142. }
  143.  
  144. #notification-popup-box, #page-proxy-favicon {
  145.     opacity: 0.5 !important;
  146.     filter: grayscale(0.9) !important;
  147. }
  148.  
  149. #nav-bar {
  150.     text-align: center !important;
  151.     border: 0px !important;
  152.     height: 20px !important;
  153. }
  154.  
  155. /* selected tab */
  156. #TabsToolbar .tabbrowser-tab[selected] {
  157.   /*background-color: #674d29 !important; */
  158.    background: url(https://puu.sh/kwHEs/72b0836009.png) !important;
  159.   background-size: 100% 100% !important;
  160.     background-repeat: no-repeat !important;
  161.   color: #181310 !important;
  162.   /*order-bottom: 2px solid #181310 !important;*/    
  163.   opacity: 1 !important;    
  164. }
  165.  
  166. /* changes bg color of pinned tabs when updated */
  167. .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
  168.  opacity: 0.6 !important;
  169.   background: #59444b !important;
  170.    color: #14151f !important;
  171. }
  172.  
  173. /* hover tab */
  174. #TabsToolbar .tabbrowser-tab:hover {
  175.  background: url(https://puu.sh/kwHEs/72b0836009.png) !important;
  176.   background-size: 100% 100% !important;
  177.     background-repeat: no-repeat !important;
  178.   color: #251e18 !important;
  179. }
  180.  
  181. /* borders around tabs
  182. #main-window .tabbrowser-tab > .tab-stack, .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content, #TabsToolbar .tabbrowser-tab[selected], #TabsToolbar .tabbrowser-tab:hover {
  183.   border-width: 2px 1px 1px 1px !important;
  184.   border-radius: 5px !important;
  185.   border-style: solid !important;
  186.   border-color: #000 !important;
  187. }*/
  188.  
  189. /* fix tab bg color and removes australis */
  190. #TabsToolbar .tab-background {
  191.     background: transparent !important;
  192. }
  193. #TabsToolbar .tab-background-start,
  194. #TabsToolbar .tab-background-end {
  195.     background: transparent !important;
  196.     background-image: none !important;
  197. }
  198. #TabsToolbar .tab-background-middle {
  199.     background: transparent !important;
  200. }
  201.  
  202. #TabsToolbar .tab-background-start::before,  #TabsToolbar .tab-background-end::before {
  203.   background-image: none !important;
  204. }
  205.  
  206. .tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
  207. .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after {
  208.   background-image: none!important;
  209. }
  210.  
  211. /* removes seperators between pinned tabs */
  212. #TabsToolbar .tabbrowser-tab:after,
  213. #TabsToolbar .tabbrowser-tab:before {
  214.     display: none !important;
  215. }
  216.  
  217. /* center text */
  218. .tab-text {
  219.     text-align: center !important;
  220. }
  221.  
  222. /* menu bar color */
  223. #main-menubar, #toolbar-menubar, #menubar-items, menubar > menu {
  224.     background: #161721 !important;
  225.     color: #926d7b !important;
  226.     text-shadow: none !important;
  227.     height: 15px !important;
  228.     border: none !important;
  229.     margin-top: 0px !important;
  230. }
  231.  
  232. /* menu icon */
  233. #PanelUI-button {
  234.     background: #171820 !important;
  235. }
  236.  
  237. /* back/forward buttons*/
  238. #back-button > .toolbarbutton-icon {
  239.         list-style-image: url(http://puu.sh/jDhwC/96d46090b4.png) !important;
  240.         margin-left: -3px !important;
  241.     }
  242. #forward-button {
  243.         list-style-image: url(http://puu.sh/jDhxZ/c20c240d22.png) !important;
  244.         margin-left: -3px !important;
  245.     }
  246.  
  247. #back-button:hover, #forward-button:hover {
  248.         background: transparent !important;
  249.        background-color: #1d1e2a !important;
  250.         opacity: 0.3 !important;
  251.         border: none !important;
  252.         box-shadow: none !important;
  253.     }
  254.  
  255. #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon, #back-button, #back-button .toolbarbutton-icon:hover, #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #forward-button {
  256.        border-radius: 0px !important;
  257.        background: transparent !important;
  258.        background-color: transparent !important;
  259.        border: 0px solid #000 !important;
  260.        padding: 2px !important;
  261.        box-shadow: none !important;    
  262.        margin-left: 0px !important;
  263.        margin-top: 0px !important;
  264.        margin-bottom: 1px !important;
  265.        background-color: #1a1b26 !important;
  266.        width: 25px !important;
  267.        height: 30px !important;
  268.    }
  269.  
  270. #back-button:disabled {
  271.     opacity: 0.4 !important;
  272. }
  273.  
  274. /* remove disabled back button border */
  275. #back-button#back-button#back-button>image.toolbarbutton-icon {
  276. box-shadow: none !important;
  277. }
  278.  
  279. /* history dropdown */
  280. .urlbar-history-dropmarker, .urlbar-history-dropmarker:hover {
  281.         list-style-image: url(http://puu.sh/jCjbp/36e577a9f8.png) !important;
  282.      margin-top: -2px !important;
  283.     }
  284.  
  285.  .urlbar-history-dropmarker .dropmarker-icon {
  286.        width: 16px !important;
  287.        opacity: 1 !important;
  288.         }
  289.  
  290. /* go icon */
  291. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active {
  292.    width: 16px !important;
  293.    height: 16px !important;
  294.     margin-top: -4px !important;
  295.   background-image: url(http://puu.sh/jCj6j/b4f077d174.png) !important;
  296.     }
  297.  #urlbar-go-button, #urlbar-go-button:not([disabled]):hover, #urlbar-go-button:not([disabled]):hover:active {
  298.     }
  299.  
  300. /* menu button */
  301. #PanelUI-button, #PanelUI-button:hover {
  302.     background: url('http://puu.sh/jCguw/c5d857e35f.png') !important;
  303.     background-color: #1a1b26 !important;
  304.     background-repeat: no-repeat !important;
  305.     background-position: center !important;
  306.     box-shadow: none !important;
  307.     margin-left: 0px !important;
  308.     width: 16px !important;
  309.    height: 16px !important;
  310.     border: none !important;
  311. }
  312.  
  313. #PanelUI-button .button-icon,
  314. #PanelUI-button .button-text {
  315.     display: none !important;
  316. }
  317. #PanelUI-menu-button {
  318.     opacity: 0 !important;
  319.     width: 10px !important;
  320.     height: 16px !important;
  321.     margin-right: -5px !important;
  322. }
  323.  
  324. /* remove blue border
  325. #nav-bar, #urlbar {
  326. border: none !important;    
  327. }*/
  328.  
  329. /*.toolbarbutton-icon, #back-button .toolbarbutton-icon {
  330.     box-shadow: none !important;
  331.     background: #1a1b26 !important;
  332.     background-color: #1a1b26 !important;
  333.     outline: 0px !important;
  334. }*/
  335.  
  336. /* remove shitty fog */
  337. #TabsToolbar:not(:-moz-lwtheme)::after {
  338.     display: none;
  339. }
  340.  
  341. /* bookmarks folder icons*/
  342. menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
  343. list-style-image: url("http://puu.sh/ilKtS/ade209857b.ico") !important;
  344. -moz-image-region: rect(0 16px 16px 0) !important;
  345. }
  346.  
  347. /* bookmark icon */
  348. #bookmarks-menu-button, #bookmarks-menu-button:hover {
  349.     background-image: url('http://puu.sh/jCiFP/9b56f34b3d.png') !important;
  350.     background-repeat: no-repeat  !important;
  351.     background-position: center !important;
  352.     opacity: 1 !important;
  353.     margin-top: 0px !important;
  354.     margin-right: 0px !important;
  355.     box-shadow: none !important;
  356.     width: 15px !important;
  357.     height: 10px !important;
  358.     border: none !important;
  359. }
  360.  
  361. .toolbarbutton-menubutton-dropmarker {
  362.     display: none !important;
  363. }
  364.  
  365. #page-proxy-favicon {
  366.         list-style-image: url(http://puu.sh/jDf7t/c0600ffd52.png);
  367.     }
  368.  
  369. #reader-mode-button {
  370.     background-image: url(http://puu.sh/jDf8a/7420034b34.png);
  371.     margin-top: -2px !important;
  372.     margin-right: 2px !important;
  373. }
  374.  
  375. /* icons */
  376.  
  377. #reader-mode-button, #bookmarks-menu-button, #PanelUI-button {
  378.      list-style-image: none !important;
  379. }
  380.  
  381. #PanelUI-button, #bookmarks-menu-button, .urlbar-history-dropmarker, #urlbar-go-button,
  382. #urlbar-go-button:hover,
  383. #urlbar-go-button:hover:active,
  384. #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon, #bookmarks-menu-button, #bookmarks-menu-button:hover, #back-button > .toolbarbutton-icon, #forward-button {
  385.         -moz-image-region: rect(0, 0, 0, 0) !important;
  386.     }
  387.  
  388. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active, #PanelUI-menu-button .toolbarbutton-icon, .tabs-newtab-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon {
  389.    list-style-image: none !important;
  390.    background-size: contain !important;
  391.    background-position: center center !important;
  392.    background-repeat: no-repeat !important;
  393.         }
  394.  
  395. #main-window:not([privatebrowsingmode])[sizemode="normal"] #nav-bar {
  396.     border-top: 0px #282B34!important;
  397. }
  398.  
  399. /* changes loading tab icons
  400. .tab-throbber[busy] {
  401.     animation-name: none !important;
  402.     list-style-image: url("http://puu.sh/jDkk9/2595e202c8.gif") !important;
  403. }
  404. .tab-throbber[progress] {
  405.     animation-name: none !important;
  406.     list-style-image: url("http://puu.sh/jDkk9/2595e202c8.gif") !important;
  407. } */
  408.  
  409. /* Add Ons Page - wip*/
  410. #view-port, #addons-page, .status-control-wrapper {
  411.   background-color: #1d1e2a !important;
  412.   border: none !important;
  413. }
  414.  
  415. .addon.addon-view, .category, #nav-header, #categories, #header-search {
  416.     background-color: #1a1b26 !important;
  417. }
  418.  
  419. #header-search, #userstyle-sorting, #userstyle-footer {
  420.     border: none !important;
  421. }
  422.  
  423. .addon.addon-view, .category {
  424.   border-top: 0px !important;
  425.   border-bottom: 0px !important;
  426.    border-color: #59444b !important;
  427. }
  428.  
  429. .advancedinfo-container, .name-container, .category, .text-link, .details.button-link, #userstyles-note {
  430.   color: #6f535e !important;
  431. }
  432.  
  433. #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn {
  434.   background-color: #1d1e2a !important;
  435.   border: none !important;
  436.   color: #6f535e !important;
  437.   box-shadow: none !important;
  438. }
  439.  
  440. /* menu buttons */
  441.  
  442.   #tabview-button .toolbarbutton-icon,
  443.   #save-page-button .toolbarbutton-icon,
  444.   #developer-button .toolbarbutton-icon,
  445.   #preferences-button .toolbarbutton-icon,
  446.   #webrtc-status-button .toolbarbutton-icon, #new-window-button .toolbarbutton-icon,
  447.   #new-tab-button .toolbarbutton-icon,
  448.   #go-button:hover,
  449.   #downloads-button:not([attention]) .toolbarbutton-icon,
  450.   #zoom-in-button .toolbarbutton-icon,
  451.   #copy-button .toolbarbutton-icon,
  452.   #add-ons-button .toolbarbutton-icon,
  453.   #find-button .toolbarbutton-icon,
  454.   #sidebar-button .toolbarbutton-icon, #context-stop,
  455.   .tabs-closebutton:hover .toolbarbutton-icon,
  456.   .tab-close-button:hover .toolbarbutton-icon,
  457.   #downloads-button[paused] .toolbarbutton-icon,
  458.   #urlbar-stop-button:hover,
  459.   #cut-button .toolbarbutton-icon,
  460.   #zoom-out-button .toolbarbutton-icon,
  461.   #stop-button .toolbarbutton-icon,
  462.   #characterencoding-button .toolbarbutton-icon, #tabview-button .toolbarbutton-icon,
  463.   #history-button .toolbarbutton-icon,
  464.   #history-panelmenu .toolbarbutton-icon,
  465.   #fullscreen-button .toolbarbutton-icon,
  466.   #urlbar-reload-button:hover,
  467.   #paste-button .toolbarbutton-icon,
  468.   #reload-button .toolbarbutton-icon, #urlbar[level="broken"] #page-proxy-favicon, #feed-button .toolbarbutton-icon, #password-notification-icon,
  469.   #home-button .toolbarbutton-icon,
  470.   #open-file-button .toolbarbutton-icon,
  471.   #email-link-button .toolbarbutton-icon, #sync-button .toolbarbutton-icon,
  472.   #social-share-button .toolbarbutton-icon, #privatebrowsing-button .toolbarbutton-icon,
  473.   #print-button .toolbarbutton-icon,  
  474.   #PanelUI-menu-button .toolbarbutton-icon,
  475.   #nav-bar-overflow-button .toolbarbutton-icon,
  476.   #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
  477.   #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
  478.   #bookmarks-button .toolbarbutton-icon,
  479.   #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  480.   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
  481.    <feColorMatrix in='SourceGraphic' type='matrix' values=\
  482.    '0.58 0.43 0.3 0.0 0.23 \
  483.    0.3 0.48 0.3 0.0 0.0 \
  484.    0.3 0.3 0.68 0.0 0.0 \
  485.    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
  486.     /*filter: hue-rotate(120deg) !important;*/
  487.      opacity: 1 !important;
  488.   }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!