Guest User

Experimental

a guest
Jun 6th, 2015
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.17 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:-2px!important;
  12.      margin-left:-1px!important;
  13.      margin-right:-1px!important;
  14.      margin-bottom: 18px /*Originally 2*/ !important;
  15.      }
  16.      
  17.     :root {
  18.         /*COLOR STUFF*/
  19.         --bg-light: #ffffff; --bg-dark: #453841;
  20.         --fg-light: #4c4c4c; --fg-dark: #7f7f7f;
  21.      
  22.        /* URL VARIABLES */
  23.         --url-background: var(--bg-light); --url-color: var(--fg-dark);
  24.         --url-height: 19px; --url-right-margin: 7px;
  25.         --url-fonts: "Open Sans"; --url-font-size: 9pt;
  26.         --url-text-align: center; /* left | center | right */
  27.         --url-position: fixed; /* 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: 100% !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.               }
  50.                  #urlbar {
  51.                      box-shadow: 0 0 0 1px rgba(233,233,233,1) !important;
  52.                      border: none !important; border-radius: 0 !important;
  53.                      margin: 0 0 0 0 !important; padding: 0 2px 0 9px !important;
  54.                      height: var(--url-height) !important; min-height: var(--url-height) !important;
  55.                      background: var(--url-background) !important; color: var(--url-color) !important;
  56.                      font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  57.                      width: calc(100% + var(--url-right-margin)) !important; text-align: var(--url-text-align) !important;
  58.                  }
  59.      
  60.         #TabsToolbar::after { display: none !important; }
  61.         .tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; }
  62.        
  63.         #navigator-toolbox::after { height: 1px /*Originally was 2px*/ !important; background: #e9e9e9 !important; }
  64.         #liberator-bottombar { border-top: 0px solid var(--bg-light) !important; }
  65.        
  66.     /*TABS*/
  67.         #TabsToolbar {
  68.         background: rgba(249,249,249,1) !important;
  69.         margin-bottom: 0px !important;
  70.         height: 21px !important;
  71.         font-family: "Open Sans" !important;
  72.     }
  73.      
  74.      
  75.     #TabsToolbar .tabbrowser-tabs {
  76.         min-height: 24px !important;
  77.         margin-top: -1px !important;
  78.         text-align: center !important;
  79.         margin-left: -15px !important;
  80.         margin-right: -15px !important;
  81.         font-family: Open Sans !important;
  82.     }
  83.      
  84.     #tabbrowser-tabs tab .tab-close-button {
  85.         display: none !important;
  86.     }
  87.      
  88.     .tabbrowser-tab:not([pinned]) .tab-icon-image {
  89.     display: none !important;
  90.     }
  91.      
  92.     .tab-icon-image {
  93.         height: 14px !important;
  94.         width: 14px !important;
  95.     }
  96.        
  97.     #TabsToolbar .tabbrowser-tab {
  98.         -moz-border-top-colors: none !important;
  99.         -moz-border-left-colors: none !important;
  100.         -moz-border-right-colors: none !important;
  101.         -moz-border-bottom-colors: none !important;
  102.         border-width: 1px 1px 1px 1px !important;
  103.         text-shadow: 0 0 4px rgba(80,80,80,0) !important;
  104.         padding: 4px 0px !important;
  105.         border-radius: 0px !important;
  106.         background: rgba(249,249,249,1) !important;
  107.         background-clip: padding-box !important;
  108.         transition: all .1s !important;
  109.         margin-left: 0px !important;
  110.         color: #7f7f7f !important;
  111.         font-family: 'Open Sans' !important;
  112.         font-size: 10px !important;
  113.         min-height: 21px !important;
  114.     }
  115.      
  116.     #TabsToolbar .tabs-newtab-button {
  117.         -moz-border-top-colors: none !important;
  118.         -moz-border-left-colors: none !important;
  119.         -moz-border-right-colors: none !important;
  120.         -moz-border-bottom-colors: none !important;
  121.         border-style: solid !important;
  122.         border-color: rgb(241,241,241) !important;
  123.         border-width: 1px 1px 0 1px !important;
  124.         text-shadow: 0 0 4px rgba(0,0,0,0) !important;
  125.         background: transparent !important;
  126.         background-clip: padding-box !important;
  127.         transition: all .1s !important;
  128.     }
  129.      
  130.      
  131.      
  132.      
  133.     #TabsToolbar .tabbrowser-tab[selected] {
  134.         color: rgba(31,31,31,1) !important;
  135.         background: rgba(255,255,255,1) !important;
  136.         background-clip: padding-box !important;
  137.         border-bottom: 0px !important;
  138.         border-color: rgba(233,233,233,1) !important;
  139.         margin-bottom: 0px !important;
  140.         height: 21px !important;
  141.     }
  142.    
  143.        
  144.         #TabsToolbar .tabbrowser-tab:not([selected]) {
  145.         border-style: none !important;
  146.     }
  147.        
  148.        
  149.     #TabsToolbar .tabs-newtab-button:hover,
  150.     #TabsToolbar .tabbrowser-tab:hover:not([selected]) {
  151.         color: rgba(31,31,31,1) !important;
  152.         border-color: rgba(233,233,233,1) !important;
  153.         background-color: rgba(255,255,255,1) !important;
  154.     }
  155.      
  156.     #TabsToolbar .tab-background {
  157.         margin: 0 !important;
  158.         background: transparent !important;
  159.     }
  160.      
  161.     #TabsToolbar .tab-background-start,
  162.     #TabsToolbar .tab-background-end {
  163.         display: none !important;
  164.     }
  165.      
  166.     #TabsToolbar .tab-background-middle {
  167.         margin: -4px -2px !important;
  168.         background: transparent !important;
  169.     }
  170.        
  171.     #TabsToolbar .tabbrowser-tab:after,
  172.     #TabsToolbar .tabbrowser-tab:before {
  173.         display: none !important;
  174.     }
  175.      
  176.     #TabsToolbar .tabs-newtab-button {
  177.         border-width: 1px 1px 0 1px !important;
  178.         margin: 0 !important;
  179.         width: auto !important;
  180.         padding: 0 5px !important;
  181.     }
  182.     }    
  183.        
  184.     /*----- Fix for white flash on new tab -----*/
  185.     tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; }
Advertisement
Add Comment
Please, Sign In to add comment