API tools faq
paste
Advertisement
ayygiocasta

Firefox CSS (Melbourne edit)

ayygiocasta
Jul 28th, 2017
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.42 KB | None | 0 0
raw download clone embed print report
  1. /* original CSS by noha-ra, i just edited some things to fit my windows rice, i have no idea about how it might look in a fresh windows install */
  2.  
  3. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  4.                 scrollbarbutton[sbattr="scrollbar-up-top"],
  5.                 scrollbarbutton[sbattr="scrollbar-down-top"],
  6.                 scrollbarbutton[sbattr="scrollbar-up-bottom"],
  7.                 scrollbarbutton[sbattr="scrollbar-down-bottom"] {
  8.                     -moz-appearance: none !important;
  9.                     display: none !important;
  10.                 }
  11.                 scrollbar[orient="vertical"] {
  12.                     -moz-margin-start: -15px;
  13.                     min-width: 15px!important;
  14.                     max-width: 15px!important;
  15.                     -moz-appearance: none!important;
  16.                     position: relative;
  17.                     background-color: transparent!important;
  18.                     background-image: none!important;
  19.                     border: 0;
  20.                     z-index: 2147483647;
  21.                     -moz-box-align: start;
  22.                     padding:1px 0px 1px 6px!important;
  23.                 }
  24.                 scrollbar[orient="horizontal"] {
  25.                     margin-top: -15px;
  26.                     min-height: 15px;
  27.                     max-height: 15px;
  28.                     -moz-appearance: none!important;
  29.                     position: relative;
  30.                     background-color: transparent;
  31.                     background-image: none;
  32.                     border: 0;
  33.                     z-index: 2147483647;
  34.                     -moz-box-align: start;
  35.                     padding:6px 0px 0px 0px!important;
  36.                 }
  37.                 scrollbar thumb {
  38.                     -moz-appearance: none !important;
  39.                     background-color: rgba(80,80,80,0.5);
  40.                     border-radius: 0px;
  41.                     border: 0;
  42.                 }
  43.                 scrollbar[orient="vertical"] thumb {
  44.                     min-height: 20px!important;
  45.                     min-width: 15px!important;
  46.                     max-width: 15px!important;
  47.                 }
  48.                 scrollbar[orient="horizontal"] thumb {
  49.                     min-width: 20px!important;
  50.                     min-height: 15px!important;
  51.                     max-height: 15px!important;
  52.  
  53.                 }
  54.                 scrollbar thumb:hover, scrollbar thumb:active {
  55.                     background-color: rgba(0,0,0,0.5);
  56.                 }
  57.                 html div scrollbar {
  58.                     -moz-margin-start: 0!important;
  59.                 }
  60.                 * {
  61.                     font-family: "Roboto", "ぼくたちのゴシック２ボールド" !important;
  62.                 }
  63.                 html {
  64.                     overflow: auto;
  65.                 }
  66.                 /*remove internal border*/
  67.  
  68.                 #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] {
  69.                     margin-top: -6px!important;
  70.                     margin-left: -1px!important;
  71.                     margin-right: -2px!important;
  72.                     margin-bottom: -1px !important;
  73.                     z-index: 99999 !important;
  74.                 }
  75.                 #main-window:not([chromehidden*="toolbar"])[sizemode="maximized"] {
  76.                     margin-top: 4px!important;
  77.                     margin-left: -11px!important;
  78.                     margin-right: -1px!important;
  79.                     margin-bottom: -1px !important;
  80.                 }
  81.                 #main-window:not([chromehidden*="toolbar"])[sizemode="fullscreen"] {
  82.                     margin-right: -1px!important;
  83.                     margin-left: -1px !important;
  84.                 }
  85.                 .tabs-newtab-button:hover {
  86.                     display: none !important;
  87.                 }
  88.                 /*comment these lines to have normal tab width*/
  89.  
  90.                 .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  91.                     min-width: 10px !important;
  92.                     max-width: 260px !important;
  93.                 }
  94.                 /*comment above to have normal tab width*/
  95.                 /* removes ugly cloud thing */
  96.  
  97.                 #TabsToolbar:not(:-moz-lwtheme)::after {
  98.                     display: none;
  99.                 }
  100.                 /* Remove the following line if you want the text color of unselected tabs to be black (Firefox default) */
  101.  
  102.                 #TabsToolbar .tabbrowser-tab:not([selected]) {
  103.                     color: rgba(255, 255, 255, 0.9);
  104.                 }
  105.                 #TabsToolbar {
  106.                     background: transparent !important;
  107.                     margin-bottom: 0 !important;
  108.                 }
  109.                 #TabsToolbar .tabbrowser-tabs {
  110.                     height: 50px !important;
  111.                     margin-top: -7px !important;
  112.                     margin-bottom: -1px !important;
  113.                     text-align: center !important;
  114.                     margin-left: -9px !important;
  115.                     margin-right: -17px !important;
  116.                 }
  117.                 #tabbrowser-tabs tab .tab-close-button {
  118.                     color: #444 !important;
  119.                     height: 0px !important;
  120.                     width: 0px !important;
  121.                     background: url('http://imgur.com/4GlrMN7.png') no-repeat 50% 50%;
  122.                     padding: 10px 0 0 10px !important;
  123.                     background-size: 20px auto !important;
  124.                     opacity: .7 !important;
  125.                 }
  126.                 #tabbrowser-tabs tab .tab-close-button:hover {
  127.                     background: url("http://i.imgur.com/tssw3Nx.png") no-repeat 50% 50% !important;
  128.                     padding: 10px 0 0 10px !important;
  129.                     background-size: 20px auto !important;
  130.                 }
  131.                 .tabbrowser-tab:not([pinned]) .tab-icon-image {
  132.                     display: none !important;
  133.                 }
  134.                 #TabsToolbar {
  135.                     background-color: #444;
  136.                 }
  137.                 #TabsToolbar .tabbrowser-tab {
  138.                     -moz-border-top-colors: none !important;
  139.                     -moz-border-left-colors: none !important;
  140.                     -moz-border-right-colors: none !important;
  141.                     -moz-border-bottom-colors: none !important;
  142.                     border-style: solid !important;
  143.                     border-width: 0px 0px 0px 0px !important;
  144.                     text-shadow: 0 0 4px rgba(80, 80, 80, .2) !important;
  145.                     padding: 4px 0px !important;
  146.                     border-radius: 0px !important;
  147.                     background: #F0F0F0 !important;
  148.                     background-clip: padding-box !important;
  149.                     transition: all 0.3s ease-in-out;
  150.                     margin-left: 0px !important;
  151.                     color: #7E7E7E !important;
  152.                     font-family: 'Roboto' !important;
  153.                     font-size: 13px !important;
  154.                     border-color: #C8C8C8 !important;
  155.                     padding-top: 15px !important;
  156.                     padding-bottom: 15px !important;
  157.                     padding-left: 10px !important;
  158.                     padding-right: 10px !important;
  159.                 }
  160.                 #TabsToolbar .tabbrowser-tab[last-visible-tab] {
  161.                     border-top-right-radius: 0px !important;
  162.                     border-right-width: 0px !important;
  163.                     margin-right: 2px !important;
  164.                     border-right-color: rgba(0, 0, 0, 0) !important;
  165.                 }
  166.                 #TabsToolbar .tabbrowser-tab[first-visible-tab] {
  167.                     border-top-right-radius: 0px !important;
  168.                     /*border-bottom-left-radius: 3px !important;*/
  169.  
  170.                     border-left-width: 0px !important;
  171.                     margin-left: 2px !important;
  172.                     border-left-color: rgba(0, 0, 0, 0) !important;
  173.                 }
  174.                 #TabsToolbar .tabbrowser-tab[selected] {
  175.                     color: rgba(90, 90, 90, 1) !important;
  176.                     background: #FFF !important;
  177.                     padding-top: 15px !important;
  178.                     transition: all 0.3s ease-in-out;
  179.                 }
  180.                 #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  181.                     border-color: rgba(0, 0, 0, 0) !important;
  182.                     transition: all 0.3s ease-in-out;
  183.                 }
  184.                 #TabsToolbar .tab-background {
  185.                     margin: 0 !important;
  186.                     background: transparent !important;
  187.                 }
  188.                 #TabsToolbar .tab-background-start,
  189.                 #TabsToolbar .tab-background-end {
  190.                     display: none !important;
  191.                 }
  192.                 #TabsToolbar .tab-background-middle {
  193.                     margin: -4px -2px !important;
  194.                     background: transparent !important;
  195.                 }
  196.                 #TabsToolbar .tabbrowser-tab:after,
  197.                 #TabsToolbar .tabbrowser-tab:before {
  198.                     display: none !important;
  199.                 }
  200.                 #TabsToolbar .tabs-newtab-button {
  201.                     border-width: 1px 10px 0 10px !important;
  202.                     margin: 1px !important;
  203.                     margin-left: -2px !important;
  204.                     width: 20px !important;
  205.                     padding: 5px 15px !important;
  206.                     color: #444 !important;
  207.                     position: absolute !important;
  208.                     margin-top: 4px !important;
  209.                     background-color: #FFF !important;
  210.                     opacity: 0;
  211.                 }
  212.                 #TabsToolbar .tabs-newtab-button:hover {
  213.                     opacity: 1 !important;
  214.                 }
  215.                 /* speaker  icon */
  216.                 .tab-icon-sound, .tab-icon-overlay {
  217.                     list-style-image: url('https://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg') !important;
  218.                     opacity: 0.8 !important;
  219.                     display: none !important;
  220.                 }
  221.                 .tab-icon-sound[muted="true"] {
  222.                     list-style-image: url('https://puu.sh/leWAi/54c36b6e52.png') !important;
  223.                     opacity: 0.8 !important;
  224.                     display: none;
  225.                 }
  226.  
  227.                 #addon-bar,
  228.                 #PersonalToolbar,
  229.                 #nav-bar {
  230.                     background: #EAF2FA !important;
  231.                     box-shadow: none !important;
  232.                     background-clip: padding-box !important;
  233.                     border-color: rgba(0, 0, 0, .25) !important;
  234.                     border-radius: 0 !important;
  235.                 }
  236.                 .subviewbutton.panel-subview-footer {
  237.                     padding-top: 6px !important;
  238.                     padding-bottom: 6px !important;
  239.                 }
  240.                 /* URL BAR */
  241.                 /* remove back/fwd */
  242.                 #nav-bar #back-button > .toolbarbutton-icon {
  243.                     width: 0px;
  244.                     height: 0px;
  245.                     border:none !important;
  246.                     background: url("http://i.imgur.com/tONrOjq.png") !important;
  247.                     background-repeat: no-repeat !important;
  248.                     background-size: 30px auto !important;
  249.                     background-position: center center !important;
  250.                     padding: 30px 0px 0px 15px !important;
  251.                     margin-left: -4px;
  252.                     margin-top: 0px;
  253.                 }
  254.                 #forward-button {
  255.                     width: 0px;
  256.                     height: 0px;
  257.                     border:none;
  258.                     background: url("http://i.imgur.com/fAZe280.png") !important;
  259.                     background-repeat: no-repeat !important;
  260.                     background-size: 30px auto !important;
  261.                     background-position: center center !important;
  262.                     padding: 30px 0px 0px 15px !important;
  263.                     margin-left: 10px;
  264.                     margin-right: -7px;
  265.                     margin-top: 1px;
  266.                 }
  267.                 #back-button:hover,
  268.                 #forward-button:hover,
  269.                 #forward-button:focus,
  270.                 #back-button:focus {
  271.                     border: none !important;
  272.                     opacity: .6 !important;
  273.                 }
  274.                 /*styling*/
  275.  
  276.                 #searchbar > .searchbar-textbox,
  277.                 #urlbar {
  278.                     font-family: Roboto !important;
  279.                     border: 1px solid rgb(255, 255, 255) !important;
  280.                     background: #FFF !important;
  281.                     margin-top: 0px !important;
  282.                     margin-left: 10px !important;
  283.                     border-radius: 0px;
  284.                     padding: 0px !important;
  285.                     color: rgb(130, 130, 130) !important;
  286.                     height: 22px;
  287.                     font-stretch: condensed !important;
  288.                     text-align: center;
  289.                 }
  290.                 #nav-bar {
  291.                     height: 40px;
  292.                     background-color: rgba(255, 255, 255, 1) !important;
  293.                     border-bottom: 0px solid #FFF !important;
  294.                     border-top: 0px solid #FFF !important;
  295.                     margin-bottom: -1px !important;
  296.                     margin-top: 1px !important;
  297.                     border-left: none !important;
  298.                     border-right: none !important;
  299.                     margin-right: 1px !important;
  300.                     margin-left: -2px !important
  301.                 }
  302.                 #PanelUI-button,
  303.                 #customization-panel-container,
  304.                 #customization-panelWrapper .panel-arrow,
  305.                 #ctr_panelui-button,
  306.                 #wrapper-ctr_panelui-button {
  307.                     -moz-box-ordinal-group: 0;
  308.                     margin-top: 2px !important;
  309.                 }
  310.                 #PanelUI-button {
  311.                     background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  312.                     background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/VisualEditor_-_Icon_-_Menu.svg/2000px-VisualEditor_-_Icon_-_Menu.svg.png') !important;
  313.                     background-size: 20px auto !important;
  314.                     background-repeat: no-repeat !important;
  315.                     background-position: center !important;
  316.                     box-shadow: none !important;
  317.                     width: 5px !important;
  318.                     /*display: none !important; /*COMMENT THIS LINE FOR A MENU BUTTON*/
  319.                 }
  320.                 #PanelUI-button .button-icon,
  321.                 #PanelUI-button .button-text {
  322.                     display: none !important;
  323.                 }
  324.                 #PanelUI-menu-button {
  325.                     opacity: 0 !important;
  326.                     width: 8px !important;
  327.                     margin-right: 5px !important;
  328.                     margin-top: 10px !important;
  329.                 }
  330.                 #identity-box,
  331.                 #dropmarker-icon,
  332.                 #historydropmarker,
  333.                 #autocomplete-history-dropmarker,
  334.                 #urlbar-history-dropmarker,
  335.                 #dropmarker {
  336.                     display: none !important;
  337.                 }
  338.                 #autocomplete-history-dropmarker,
  339.                 #urlbar-history-dropmarker,
  340.                 #urlbar-reload-button {
  341.                     display: none !important;
  342.                 }
  343.                 .autocomplete-history-dropmarker.urlbar-history-dropmarker {
  344.                     display: none !important;
  345.                 }
  346.                 #plugins-notification-icon,
  347.                 #notification-anchor-icon,
  348.                 #notification-popup-box {
  349.                     display: none !important;
  350.                 }
  351.                 /* remove tab scrolling */
  352.  
  353.                 .scrollbutton-up,
  354.                 .scrollbutton-down,
  355.                 #alltabs-button {
  356.                     display: none !important;
  357.                 }
  358.                 #downloads-button {
  359.                     background: url('http://i.imgur.com/naGokm2.png') !important;
  360.                     background-size: 30px auto !important;
  361.                     background-repeat: no-repeat  !important;
  362.                     background-position: center !important;
  363.                     opacity: 1 !important;
  364.                     margin-left: 0px !important;
  365.                     margin-right: 1px !important;
  366.                     box-shadow: none !important;
  367.                     width: 10px !important;
  368.                     padding: 0px 10px 0px 5px !important;
  369.                     margin-top: 0px !important;
  370.                     background-color: #FFF !important;
  371.                 }
  372.                 #toolbarbutton-icon .Downloads,
  373.                 #downloads-indicator-icon,
  374.                 #downloads-indicator-progress-area,
  375.                 #downloads-button .button-text {
  376.                     visibility: hidden;
  377.                 }
  378.                 .toolbarbutton-menubutton-dropmarker {
  379.                     display: none !important;
  380.                 }
  381.                 #bookmarks-menu-button {
  382.                     background: url("http://i.imgur.com/nw90DUQ.png") !important;
  383.                     background-position: center center !important;
  384.                     background-size: 30px auto !important;
  385.                     background-repeat: no-repeat !important;
  386.                     visibility: visible !important;
  387.                     margin-top: 1px !important;
  388.                     opacity: .6;
  389.                     background-color: #FFF !important;
  390.                     padding: 0px 10px 0px 5px !important;
  391.                     margin-top: -1px !important;
  392.                 }
  393.                 #downloads-indicator-anchor {
  394.                     opacity: 0 !important;
  395.                 }
  396.                 #reader-mode-button, #bookmarks-menu-button, #PanelUI-button {
  397.                      list-style-image: none !important;
  398.                 }
  399.                 menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
  400.                     list-style-image: url("https://puu.sh/leYZ9/1769a4b8b7.ico") !important;
  401.                     -moz-image-region: rect(0 32px 32px 0) !important;
  402.                 }
  403.                 #home-button .toolbarbutton-icon {
  404.                     width: 0px;
  405.                     height: 0px;
  406.                     background: url("http://i.imgur.com/TFiwfsU.png") !important;
  407.                     background-position: center center !important;
  408.                     background-size: 23px auto !important;
  409.                     background-repeat: no-repeat !important;
  410.                     visibility: visible !important;
  411.                     margin-top: 1px !important;      
  412.                     opacity: .6;
  413.                     padding: 20px 10px 0px 35px !important;
  414.                     visibility: visible !important;
  415.                 }
  416.                 #home-button .toolbarbutton-icon:hover {
  417.                     opacity: 1 !important;
  418.                 }
  419.                 /* AGENT_SHEET */
  420.                 scrollbar {
  421.                     -moz-appearance: none !important;
  422.                     background: rgba(0,0,0,.000001) !important;
  423.                 }
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!