API tools faq
paste
Guest User

FF CSS

a guest
Jul 30th, 2017
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.39 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url("chrome://browser/content/browser.xul") {
  2.    
  3.     .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
  4.   background-image: none !important;
  5. }
  6.    
  7.     /* audio icon overlay pinned tab*/
  8.     .tab-icon-overlay[soundplaying] {
  9.         display:none!important;
  10.     }
  11.    
  12.     .tab-content[pinned]{
  13.         padding-left: 10px!important;
  14.     }
  15.    
  16.     #navigator-toolbox::after {
  17. content: "";
  18. display: -moz-box;
  19. -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
  20. border-bottom: 1px solid #f1f0ee;
  21. }
  22.    
  23.    
  24.     /**COLORS**/
  25.     /**TITLEBAR & TAB BAR**/
  26.     #main-window, #TabsToolbar {
  27.         background: #ff1a5f /**#e3e3e3**/!important;
  28.     }
  29.  
  30.  /**   * {
  31.             font-family: "Roboto", "ぼくたちのゴシック２ボールド" !important;
  32.         } **/
  33.    
  34.     #urlbar > toolbarbutton {
  35.     -moz-box-ordinal-group: 0;
  36.     padding-left: 0px;
  37.     border-right: 1px lightgrey solid;
  38.     padding-right: 25px;
  39.     border: none!important;
  40.     margin-right: -25px!important;
  41. }
  42.    
  43.     tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
  44.  
  45. .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
  46. tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  47.  
  48. display: none !important;
  49.  
  50. }
  51.    
  52.         #urlbar .autocomplete-history-dropmarker { display:none!important; }
  53.        
  54.      .textbox-input-box.urlbar-input-box, #nav-bar {
  55.  border: none !important;  
  56.          background: #fff!important;
  57. }
  58.    
  59.     #bookmarks-menu-button{
  60.         filter: contrast(30%);
  61.     }
  62.    
  63.    
  64.     #urlbar{
  65.         background: #FFF!important;
  66.         text-align: center!important;
  67.         color: #707070!important;
  68.         border: 1px #000 !important;
  69.         transition: .1s!important;
  70.     }
  71.    
  72.     #urlbar:hover {
  73.         color: #303030 !important;
  74.         transition: .1s;
  75.         -moz-appearance: none !important;
  76. box-shadow: transparent 0px 0px 10px 4px!important;
  77.     }
  78.    
  79.  .tab-icon-image {
  80. opacity: 0.8 !important;
  81. }
  82.  
  83. #urlbar[focused="true"]{
  84.     color: #303030!important;
  85. -moz-appearance: none !important;
  86. box-shadow: transparent 0px 0px 10px 4px!important;
  87. }
  88.    
  89.    
  90.         /*things*/
  91.     #back-button > .toolbarbutton-icon, #forward-button {
  92.         -moz-image-region: rect(0, 0, 0, 0) !important;
  93.     }
  94.    
  95.     #back-button > .toolbarbutton-icon {
  96.         list-style-image: url(http://puu.sh/nNmIC/afb1912a86.png) !important;
  97.         margin-left: -3px !important;
  98.     }
  99.    
  100.                   /* hide back/forward buttons (none or inherit) */
  101. #forward-button, #back-button {
  102. display: inherit !important;
  103.     filter: contrast(0%);
  104. }    
  105.  
  106.    
  107.     #forward-button {
  108.         list-style-image: url(http://puu.sh/nNmJ1/ea4c68de75.png) !important;
  109.         margin-left: -3px !important;
  110. }
  111.    
  112.     #back-button:hover, #forward-button:hover {
  113.         background: transparent !important;
  114.        background-color: var(--focus-tab-bg) !important;
  115.         opacity: 0.8 !important;
  116.         border: none !important;
  117.         box-shadow: none !important;
  118.     }
  119.    
  120.     #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 {
  121.        border-radius: 0px !important;
  122.        background: transparent !important;
  123.        background-color: transparent !important;
  124.        border: 0px solid #000 !important;
  125.        padding: 2px !important;
  126.        box-shadow: none !important;    
  127.        margin-left: 0px !important;
  128.        margin-top: 1px !important;
  129.        margin-bottom: 1px !important;
  130.        background-color: var(--url-bg) !important;
  131.        width: 25px !important;
  132.        height: 30px !important;
  133.    }
  134.    
  135.     #back-button:disabled, #forward-button:disabled {
  136.     opacity: 1 !important;
  137. }
  138.    
  139.     /* remove disabled back button border */
  140. #back-button#back-button#back-button>image.toolbarbutton-icon {
  141. box-shadow: none !important;
  142. }
  143.    
  144.     #urlbar-reload-button:hover{
  145.         opacity: 0.8;
  146.         filter: contrast(0%);
  147.     }
  148.     #urlbar-go-button{
  149.         padding: 0 14px;
  150.         filter: contrast(0%);
  151.         display: block;
  152.     }
  153.    
  154.     #urlbar-go-button:hover {
  155.         filter: contrast(0%);
  156.         display: block;
  157.         opacity: 0.8;
  158.     }
  159.    
  160.    
  161.     /* align navigator buttons with titlebar buttons */
  162.     #home-button,
  163.     #PanelUI-menu-button {
  164.         opacity: 0.8;
  165.         margin: 0 2px;
  166.     }
  167.  
  168.     #downloads-button{
  169.         filter: contrast(0%);
  170.         margin-right: -5px!important;
  171.     }
  172.    
  173.        #identity-box { display:none; }
  174.    
  175.     #identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) {
  176.         background-color: #383838;
  177.         /* fix for white borders */
  178.         margin-top: -1px;
  179.         margin-bottom: -1px;
  180.     }
  181.    
  182.      #urlbar[focused="true"] {
  183.     border-color: #FFF!important;
  184.     }
  185.    
  186.  /**   #TabsToolbar .tabbrowser-tabs {
  187.     max-height: 20px !important;
  188. }
  189.  
  190.    
  191.  
  192.     .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  193. min-width: 10px !important;
  194. max-width: 100% !important;
  195. }
  196.     **/
  197.    
  198.      .tab-close-button,.tab-close-button > .toolbarbutton-icon {
  199.        display: -moz-box !important;
  200.        display: none !important;
  201.        opacity: 0.0 !important;}  
  202.  
  203. panel[type="autocomplete"],
  204. panel[type="autocomplete-richlistbox"],
  205. .autocomplete-history-popup {
  206.   border-width: 1px;
  207.   -moz-border-top-colors: ThreeDDarkShadow;
  208.   -moz-border-right-colors: ThreeDDarkShadow;
  209.   -moz-border-bottom-colors: ThreeDDarkShadow;
  210.   -moz-border-left-colors: ThreeDDarkShadow;
  211.   padding: 0;
  212.   background-color: -moz-Field;
  213.   display: none !important;
  214. }
  215.    
  216.    
  217.    
  218.        #TabsToolbar .tabs--button {
  219.         background: #fff!important;
  220.         margin-left: 0;
  221.         width: 34px;
  222.         padding: 2px 5px 0 5px;
  223.         transition: .1s;
  224.         color: rgb(246, 246, 246);
  225.         opacity: 0.6;
  226.         /* original svg */
  227.         list-style-image: url("data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljDQogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMNCiAgIC0gZmlsZSwgWW91IGNhbiBvYnRhaW4gb25lIGF0IGh0dHA6Ly9tb3ppbGxhLm9yZy9NUEwvMi4wLy4gLS0+DQo8c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZmZmIj4NCiAgPHJlY3QgeD0iNyIgeT0iMyIgd2lkdGg9IjIiIGhlaWdodD0iMTIiLz4NCiAgPHJlY3QgeD0iMiIgeT0iOCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCjwvc3ZnPg==");
  228.     }
  229.    
  230.     /* Pinned tab fix */
  231.     .tabbrowser-tab[pinned] {
  232.         width: 34px;
  233.         height: 33px;
  234.     }
  235.     .tab-background-start[selected=true]::after,
  236.     .tab-background-start[selected=true]::before,
  237.     .tab-background-start,
  238.     .tab-background-end,
  239.     .tab-background-end[selected=true]::after,
  240.     .tab-background-end[selected=true]::before {
  241.         width: 0px !important;
  242.     }
  243.    
  244.     /* Main window color */
  245.    
  246.    
  247.     #titlebar {
  248.         display: block !important;
  249.         background: #e3e3e3!important;  
  250.         padding-top: 0px;
  251.     }
  252.    
  253.     #main-window {
  254.         -moz-appearance:none !important;
  255.         padding-top: 0px;
  256.         margin-top: 0px;
  257.     }
  258.    #titlebar:-moz-full-screen{
  259.         display: none;
  260.     }
  261.  
  262.    
  263.     #titlebar-buttonbox-container {
  264.         background-color: transparent;
  265.         display: none;
  266.         padding-top: 0px;
  267.         opacity: 1;
  268.         margin-bottom: -5px!important;
  269.     }
  270.     #titlebar-buttonbox .toolbarbutton-icon {
  271.         opacity: 1 !important;
  272.         display:none
  273.     }
  274.     #titlebar-close:hover .toolbarbutton-icon {
  275.         opacity: 1 !important;
  276.     }
  277.    
  278.     /* Tabs design */
  279.     #TabsToolbar {
  280.         margin-left: -1px;/**-1**/
  281.         margin-right: -22.79px!important;
  282.         margin-top: -2px !important;
  283.         height: 39px !important;
  284.         border: none!important;
  285.     }
  286.     #TabsToolbar .tab-background {
  287.         margin: 0;
  288.         background: transparent;
  289.     }
  290.     #TabsToolbar .tab-background-middle {
  291.         margin: 0px 0px;
  292.         background: transparent;
  293.     }
  294.    
  295.     /**width**/
  296.     .tabbrowser-tab:not([pinned]) {
  297. max-width: 209.45px/**198.35px; *197.6px**/ !important;
  298. min-width: 50px !important;
  299. }
  300.    
  301.     #TabsToolbar .tabbrowser-tab[selected] {
  302.         background: #fff;
  303.         color: rgba(0, 0, 0, 1);
  304.         width: 11px!important;
  305.         padding-left: 3px!important;
  306.         padding-right: 3px!important;
  307.     }
  308.     #TabsToolbar .tabbrowser-tab:not([selected]) {
  309.         background: #f1f0ee;
  310.         color: rgba(100, 100, 100, 1);
  311.         padding-left: 3px!important;
  312.         padding-right: 3px!important;
  313.     }
  314.     #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  315.         background: #f7f7f7;
  316.         color: rgba(0, 0, 0, 1);
  317.         transition: .1s;
  318.         opacity: 1;
  319.     }
  320.     /* Inactive window tab differentiation improvement */
  321.     #TabsToolbar .tabbrowser-tab:not([selected]):-moz-window-inactive {
  322.         color: rgba(0, 0, 0, 0.35);
  323.     }
  324.     #TabsToolbar .tabs-newtab-button {
  325.         background: #f1f0ee;/**opacity:0**/
  326.         margin-left: 0;
  327.         width: 37px;
  328.         transition: .1s;
  329.         margin-bottom: 0px;
  330.         opacity: 1;        
  331.        
  332.     }
  333.     #TabsToolbar .tabs-newtab-button:hover {
  334.         background: #f7f7f7;/**rgba(246, 246, 246, 0.6)**/
  335.         opacity: 1;
  336.     }
  337.     #TabsToolbar .tabs-newtab-button:active {
  338.         background: rgba(255, 255, 255, 1);
  339.         opacity: 1;
  340.     }
  341.    
  342.     /* Tabs scrollbox */
  343.     #TabsToolbar .toolbarbutton-1,
  344.     .tabbrowser-arrowscrollbox > .scrollbutton-down,
  345.     .tabbrowser-arrowscrollbox > .scrollbutton-up {
  346.         transition: none;
  347.         background: rgba(255, 255, 255, 1);
  348.     }
  349.     #TabsToolbar .toolbarbutton-1:hover:not([disabled="true"]),
  350.     .tabbrowser-arrowscrollbox > .scrollbutton-down:hover:not([disabled="true"]),
  351.     .tabbrowser-arrowscrollbox > .scrollbutton-up:hover:not([disabled="true"]) {
  352.         background-image: none;
  353.         background: rgba(246, 246, 246, 1);
  354.     }
  355.     .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
  356.     .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
  357.         opacity: 1;
  358.     }
  359.     .scrollbutton-down[disabled="true"] > .toolbarbutton-icon,
  360.     .scrollbutton-up[disabled="true"] > .toolbarbutton-icon {
  361.         opacity: 0.5;
  362.     }
  363.     #alltabs-button {
  364.         opacity: 1;
  365.     }
  366.     #TabsToolbar > #new-tab-button {
  367.         width: 30px;
  368.     }
  369.     /* Remove padding */
  370.     .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
  371.         padding-inline-end: 0px;
  372.         padding-inline-start: 0px;
  373.     }
  374.     .tab-background,
  375.     .tabs-newtab-button {
  376.         margin-inline-end: 0px;
  377.         margin-inline-start: 0px;
  378.     }
  379.    
  380.     /* Tab opening animation */
  381.     @keyframes fadeInUp {
  382.         from {
  383.             opacity: 0;
  384.             transform: translate3d(0, 100%, 0);
  385.         }
  386.         to {
  387.             opacity: 1;
  388.             transform: none;
  389.         }
  390.     }
  391.     .tabbrowser-tab:not([pinned]),
  392.     .tabbrowser-tab:not([pinned]):not([fadein]) {
  393.         animation: fadeInUp .2s !important;
  394.     }
  395. }
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!