Guest User

Experimental

a guest
Nov 3rd, 2015
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.76 KB | None | 0 0
  1.  
  2.  
  3.     /*New Style VERY EXPERIMENTAL*/
  4.     @namespace html url(http://www.w3.org/1999/xhtml);
  5.     @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  6.      
  7.     /* ----My janky code to fix random stuff---- */
  8.     /*remove internal border*/
  9.     #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  10.     {
  11.      margin-top:-3px!important;
  12.      margin-left:-1px!important;
  13.      margin-right:-1px!important;
  14.      margin-bottom:-1px /*Originally 2*/ !important;
  15.      }
  16.      
  17.     :root {
  18.         /*COLOR STUFF*/
  19.         --bg-light: #ffffff; --bg-dark: #453841;
  20.         --fg-light: #4c4c4c; --fg-dark: #1b1b1b;
  21.      
  22.        /* URL VARIABLES */
  23.         --url-background: var(--bg-light); --url-color: var(--fg-dark);
  24.         --url-height: 20px; --url-right-margin: 7px;
  25.         --url-fonts: "Open Sans Semibold"; --url-font-size: 9pt;
  26.         --url-text-align: left; /* left | center | right */
  27.         --url-position: absolute; /* absolute == top (under tabs) || fixed == bottom of browser */
  28.     }
  29.      
  30.      
  31.     @-moz-document url(chrome://browser/content/browser.xul) {
  32.         /* URL-BAR */
  33.         #PanelUI-button, #bookmarks-menu-button, #downloads-button, #home-button, #stylish-toolbar-button, #abp-toolbarbutton,
  34.         #back-button, #forward-button, #identity-box, #urlbar-reload-button, #urlbar-stop-button, #urlbar-go-button, #notification-popup-box,
  35.         #new-tab-button, #alltabs-button, #private-browsing-indicator, #search-container { display: none !important; }
  36.         .tab-drop-indicator { margin-bottom: 0 !important; }
  37.        
  38.         #nav-bar {
  39.             position: var(--url-position) !important; bottom: 0 !important;
  40.             width: 100% !important; height: var(--url-height) !important; min-height: var(--url-height) !important; max-height: var(--url-height) !important;
  41.             margin: 0 0 0 0 !important;
  42.            
  43.         }
  44.            #nav-bar-customization-target { width: 100% !important; }
  45.               #urlbar-wrapper {
  46.                   width: 105% !important; margin-top: -1px !important; /* adjust margin-top to ~ -5px if you experience gap */
  47.                   position: absolute !important; top: 0 !important; left: 0 !important;
  48.                   border-bottom: 0px solid var(--bg-light) !important;
  49.                   border-top: 0px solid rgba(255,255,255,1) !important;
  50.                   background: rgb(251,251,251) !important;
  51.               }
  52.                  #urlbar {
  53.                      /*box-shadow: 0 0 2px 0px rgba(220,220,220,.5) !important;*/
  54.                      border: none !important; border-radius: 0 !important; border-color: #242D3C !important;
  55.                      margin: 0 0 0 0 !important; padding: 0 2px 0 9px !important;
  56.                      height: var(--url-height) !important; min-height: var(--url-height) !important;
  57.                      background: var(--url-background) !important; color: var(--url-color) !important;
  58.                      font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  59.                      width: calc(100% + var(--url-right-margin)) !important; text-align: var(--url-text-align) !important;
  60.                  }
  61.      
  62.         #TabsToolbar::after { display: none !important; }
  63.         .tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; }
  64.        
  65.         #navigator-toolbox::after { height: 0px /*Originally was 2px*/ !important; background: #242D3C !important; }
  66.         #liberator-bottombar { border-top: 0px solid var(--bg-light) !important; }
  67.      
  68.     /*TABS*/
  69.        
  70.         /*comment these lines to have normal tab width*/
  71.  
  72.        .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein] {
  73.           min-width: 10px !important;
  74.           max-width: 33% !important;
  75.     }
  76.        
  77. /*comment above to have normal tab width*/
  78.         #TabsToolbar {
  79.         background: #ebeeeb !important;
  80.         margin-bottom: 0px !important;
  81.         height: 21px !important;
  82.         font-family: "Lime" !important;
  83.     }
  84.      
  85.      
  86.     #TabsToolbar .tabbrowser-tabs {
  87.         min-height: 21px !important;
  88.         margin-top: -1px !important;
  89.         text-align: center !important;
  90.         margin-left: -15px !important;
  91.         margin-right: -15px !important;
  92.         font-family: Lime !important;
  93.     }
  94.      
  95.     #tabbrowser-tabs tab .tab-close-button {
  96.         display: none !important;
  97.     }
  98.      
  99.     .tabbrowser-tab:not([pinned]) .tab-icon-image {
  100.     display: none !important;
  101.     }
  102.      
  103.     .tab-icon-image {
  104.         height: 15px !important;
  105.         width: 14px !important;
  106.     }
  107.        
  108.     #TabsToolbar .tabbrowser-tab {
  109.         -moz-border-top-colors: none !important;
  110.         -moz-border-left-colors: none !important;
  111.         -moz-border-right-colors: none !important;
  112.         -moz-border-bottom-colors: none !important;
  113.         border-width: 0px 0px 0px 0px !important;
  114.         border-color: #ffffff !important;
  115.         text-shadow: 0 0 4px rgba(80,80,80,0) !important;
  116.         padding: 4px 0px !important;
  117.         border-radius: 0px !important;
  118.         background: #ebeeeb !important;
  119.         background-clip: padding-box !important;
  120.         transition: all .1s !important;
  121.         margin-left: 0px !important;
  122.         color: #7f7f7f !important;
  123.         font-family: 'Open Sans Semibold' !important;
  124.         font-size: 10px !important;
  125.         min-height: 21px !important;
  126.     }
  127.      
  128.     #TabsToolbar .tabs-newtab-button {
  129.         -moz-border-top-colors: none !important;
  130.         -moz-border-left-colors: none !important;
  131.         -moz-border-right-colors: none !important;
  132.         -moz-border-bottom-colors: none !important;
  133.         border-style: solid !important;
  134.         border-color: rgb(36,45,60) !important;
  135.         border-width: 1px 1px 0 1px !important;
  136.         text-shadow: 0 0 4px rgba(0,0,0,0) !important;
  137.         background: transparent !important;
  138.         background-clip: padding-box !important;
  139.         transition: all .1s !important;
  140.     }
  141.      
  142.      
  143.      
  144.      
  145.     #TabsToolbar .tabbrowser-tab[selected] {
  146.         color: #1b1b1b !important;
  147.         background: #ffffff !important;
  148.         background-clip: padding-box !important;
  149.         /*box-shadow: 0 0 3px 0px rgba(220,220,220,1) !important;*/
  150.         border-color: rgba(251,251,251,1) !important;
  151.         height: 19px !important;
  152.         transition: ease-out .2s !important;
  153.     }
  154.        
  155.        
  156.         #TabsToolbar .tabbrowser-tab:not([selected]) {
  157.         border-style: none !important;
  158.     }
  159.        
  160.        
  161.     #TabsToolbar .tabs-newtab-button:hover,
  162.     #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  163.         color: #1b1b1b !important;
  164.         /*border-color: rgba(233,233,233,1) !important;*/
  165.         background-color: #ffffff !important;
  166.         /*box-shadow: 0 0 3px 0px rgba(220,220,220,1) !important;*/
  167.         transition: ease-out .2s !important;
  168.     }
  169.      
  170.     #TabsToolbar .tab-background {
  171.         margin: 0 !important;
  172.         background: transparent !important;
  173.     }
  174.      
  175.     #TabsToolbar .tab-background-start,
  176.     #TabsToolbar .tab-background-end {
  177.         display: none !important;
  178.     }
  179.      
  180.     #TabsToolbar .tab-background-middle {
  181.         margin: -4px -2px !important;
  182.         background: transparent !important;
  183.     }
  184.        
  185.     #TabsToolbar .tabbrowser-tab:after,
  186.     #TabsToolbar .tabbrowser-tab:before {
  187.         display: none !important;
  188.     }
  189.      
  190.     #TabsToolbar .tabs-newtab-button {
  191.         border-width: 1px 1px 0 1px !important;
  192.         margin: 0 !important;
  193.         width: auto !important;
  194.         padding: 0 5px !important;
  195.     }
  196.     }    
  197.        
  198.     /*----- Fix for white flash on new tab -----*/
  199.     tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; }
Advertisement
Add Comment
Please, Sign In to add comment