Guest User

Untitled

a guest
Jun 14th, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.57 KB | None | 0 0
  1. @namespace html url(http://www.w3.org/1999/xhtml);
  2. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3. /*
  4.     Description: A mediocre fork of Twily's firefox css.
  5.        Credit where credit is due: http://twily.info/
  6.     Compatibility: -- Firefox 43.0.4 --
  7.  
  8.  
  9.     Useful search tags within this css:
  10.     "url-bar visible", "bottom margin", "attach url-bar", "newtab button", "back/forward", "enable scrollbar"
  11.  
  12.  
  13.     To enable bitmap fonts in Firefox 44+; open "about:config" and set the following preference to "false":
  14.     "gfx.font_rendering.fontconfig.fontlist.enabled"
  15.    
  16.     I take NO credit for the creation of this CSS
  17. */
  18.  
  19.  
  20. :root {
  21.     /* TAB VARIABLES */
  22.     --bg-light: #213150; --bg-dark: #213150;
  23.     --fg-light: #FFF; --fg-dark: #ABB6C7;
  24.     --tab-triangle-correction: -1px;
  25.     --tab-height: 22px; --tab-icon-size: 12px; --tab-strip-margin: 10px; --tab-overlap: -0px;
  26.     --tab-fonts: "GohuFont",monospace,"Dejavu Sans"; --tab-font-size: 9pt;
  27.     --tab-text-align: center; /* left | center | right */
  28.     --tab-triangle: none;  /* block | none */
  29.  
  30.     /* URL VARIABLES */
  31.     --url-background: var(--bg-light); --url-color: var(--fg-light);
  32.     --url-height: 30px; --url-right-margin: 8px;
  33.     --url-fonts: "GohuFont",monospace,"Dejavu Sans"; --url-font-size: 9pt;
  34.     --url-text-align: left; /* left | center | right */
  35.     --url-position: fixed; /* absolute == top (under tabs) || fixed == bottom of browser */
  36. }
  37.  
  38.  
  39. @-moz-document url(chrome://browser/content/browser.xul) {
  40.     #titlebar-buttonbox-container { display: none!important; }
  41.     /* URL-BAR */
  42.     #back-button, #back-button *, #forward-button, #forward-button *, #identity-box, #urlbar-reload-button, #urlbar-stop-button, #urlbar-go-button,
  43.     #PanelUI-button, #bookmarks-menu-button, #downloads-button, #home-button, #stylish-toolbar-button, #abp-toolbarbutton,
  44.     #notification-popup-box, #new-tab-button,/* #private-browsing-indicator,*/ #search-container, #nav-bar-overflow-button,
  45.     .tabs-newtab-button, .tab-close-button, .tab-close, .tab-throbber, .tab-background-start, .tab-background-end,
  46.     #pocket-button, #loop-button, #social-share-button, #window-controls
  47.     /*#alltabs-button, #tabview-button, .tab-icon-image*/, .tab-icon-image:not([pinned]) { display: none !important; }
  48.    
  49.    
  50.     * { box-sizing: border-box !important; }
  51.    
  52.     /* --- Comment out the section below to remove the newtab button --- */
  53.     .tabs-newtab-button { display: block !important; background: none !important; margin: 0px 0px 0px 5px !important; width: 30px !important; }
  54.     .tabs-newtab-button::before { content: "+" !important; }
  55.     /**/
  56.    
  57.     .tab-drop-indicator { margin-bottom: 0 !important; }
  58.    
  59.    
  60.     /*#browser { margin-bottom: var(--url-height) !important; }/**/ /* Uncomment to enable bottom margin */
  61.    
  62.     #navigator-toolbox { background: var(--url-background) !important; }
  63.     #navigator-toolbox * { clip: auto !important; clip-path: none !important; }
  64.    
  65.     #nav-bar {
  66.         position: var(--url-position) !important; bottom: 0 !important;
  67.         width: calc(100% + 5px) !important; height: var(--url-height) !important;
  68.         margin: 0px !important; background: transparent !important;
  69.            
  70.         /* --- Uncomment section below to attach url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#TabsToolbar" below) --- */
  71.         /*
  72.         position: fixed !important; top: 0 !important; left: 0 !important;
  73.         width: 315px !important; max-width: 315px !important;
  74.         z-index: 100 !important;
  75.         /**/
  76.     }
  77.         #nav-bar-customization-target, #urlbar-container, #urlbar {
  78.             margin: 0 !important; padding: 0 !important;
  79.             width: 100% !important; height: 100% !important;
  80.             border-radius: 0 !important;
  81.         }
  82.             #nav-bar-customization-target {
  83.                 position: absolute !important; top: 1px !important; left: -5px !important; height: calc(100% - 1px) !important; /* (bottom margin - height switch +/-) */
  84.             }
  85.                 #urlbar {
  86.                     border: none !important; padding: 0 2px 0 20px !important;
  87.                     background: var(--url-background) !important; color: var(--url-color) !important;
  88.                     font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  89.                     text-align: var(--url-text-align) !important;
  90.                     height: 100% !important;
  91.                 }
  92.                 /*#urlbar * { -moz-appearance: none !important; }*/
  93.    
  94.                 .urlbar-textbox-container .urlbar-input-box .textbox-input {
  95.                     height: var(--url-height) !important;
  96.                 }
  97.    
  98.    
  99.     /* --- Uncomment the section below to enable the back/forward buttons [EXPERIMENTAL] (Requires url-bar) --- */
  100.    
  101.        #back-button, #forward-button { display: block !important; }
  102.     #back-button::before, #forward-button::before {
  103.         display: inline-block !important; position: absolute !important;
  104.         width: var(--url-height) !important; height: var(--url-height) !important; top: 0 !important;
  105.         text-align: center !important; line-height: var(--url-height) !important;
  106.     }
  107.     #back-button::before { content: "<" !important; left: 0 !important; top: -1px !important; }
  108.     #forward-button::before { content: ">" !important; left: calc(var(--url-height) + 0px) !important; top: -1px !important; }
  109.     #urlbar { padding-left: calc((var(--url-height) * 2) + 30px) !important; }
  110.     /**/
  111.    
  112.    
  113.     /* --- Comment out the section below to make the url-bar visible --- */
  114.    
  115.    
  116.     #nav-bar {
  117.        opacity: 0 !important;
  118.     }
  119.     #nav-bar:hover {
  120.         opacity: 1 !important;
  121.     }
  122.     /**/
  123.    
  124.     /* TABS */
  125.     .tabbrowser-tab[fadein]:not([pinned]) {
  126.         min-width: 100px !important;
  127.         max-width: 100% !important;
  128.     }
  129.     tab {
  130.         font-family: var(--tab-fonts) !important;
  131.         height: var(--tab-height) !important; min-height: var(--tab-height) !important;
  132.         background: var(--bg-dark) !important; color: var(--fg-dark) !important;
  133.         font-size: var(--tab-font-size);
  134.         text-shadow: none !important;
  135.         text-align: var(--tab-text-align) !important;
  136.         padding-top: 4px !important;
  137.         display: block !important;
  138.         padding-right: 20px !important;
  139.     }
  140.    
  141.     .tabbrowser-tab label { padding: 0px 20px 0 20px !important; }
  142.    
  143.     #tabbrowser-tabs .tabbrowser-tab[pinned]            { width: 48px !important; }
  144.     #tabbrowser-tabs .tabbrowser-tab[pinned] label      { display: none !important; }
  145.    
  146.     #tabbrowser-tabs .tabbrowser-tab .tab-icon-image {
  147.         margin: 0 -10px 0 16px !important;
  148.         width: var(--tab-icon-size) !important;
  149.         height: var(--tab-icon-size) !important;
  150.     }
  151.    
  152.     .tabbrowser-tab *, .tabs-newtab-button * {
  153.         background: none !important; list-style-image: none !important;
  154.         margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
  155.         -moz-appearance: none !important;
  156.     }
  157.    
  158.     #alltabs-button { margin-left: -10px !important; }
  159.    
  160.     #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-stack { height: var(--tab-height) !important; width: 100% !important; }
  161.     #tabbrowser-tabs .tabbrowser-arrowscrollbox, #tabbrowser-tabs .tabbrowser-arrowscrollbox .box-inherit.scrollbox-innerbox {
  162.         max-height: var(--tab-height) !important;
  163.     }
  164.     .scrollbutton-up, .scrollbutton-down { border: none !important; }
  165.    
  166.     #tabbrowser-tabs[overflow]:not([positionpinnedtabs]) { -moz-padding-start: 20px !important; }
  167.    
  168.     .tabbrowser-tab[selected="true"] .tab-stack {
  169.         background: var(--bg-light) !important;
  170.         color: var(--fg-light) !important;
  171.         border-radius: 0px !important; position: relative !important;
  172.         border-top: 0px solid var(--fg-dark); !important;/**/
  173.     }
  174.     .tabbrowser-tab[selected="true"]:before { /* Left Triangle (of selected tab) */
  175.         content: '<' !important; display: block !important;/*var(--tab-triangle);/**/
  176.         color: var(--fg-light) !important;
  177.         font-size: var(--tab-font-size) !important;
  178.         position: absolute !important; top: -8px !important; left: 0px !important;
  179.         width: 0 !important; height: 0 !important;
  180.         border: none !important; z-index: 2 !important;
  181.        
  182.         /**/
  183.         border-left: calc(var(--tab-height)/2) solid var(--bg-dark) !important;
  184.         border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important;
  185.         border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
  186.         /*
  187.         border-top: var(--tab-height) solid var(--bg-dark) !important;
  188.         border-right: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  189.         /**/
  190.     }
  191.     .tabbrowser-tab[selected="true"]:after { /* Right Triangle (of selected tab) */
  192.         content: '>' !important; display: block !important;/*var(--tab-triangle);/**/
  193.         color: var(--fg-light) !important;
  194.         position: absolute !important; top: -8px !important; right: 0px !important;
  195.         font-size: var(--tab-font-size) !important;
  196.         width: 0 !important; height: 0 !important;
  197.         border: none !important; z-index: 2 !important;
  198.        
  199.         /**/
  200.         border-right: calc(var(--tab-height)/2) solid var(--bg-dark) !important;
  201.         border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important;
  202.         border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
  203.         /*
  204.         border-top: var(--tab-height) solid var(--bg-dark) !important;
  205.         border-left: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  206.         /**/
  207.     }
  208.    
  209.     #TabsToolbar, #tabbrowser-tabs {
  210.         -moz-appearance: none !important;
  211.         height: var(--tab-height) !important; min-height: var(--tab-height)!important;
  212.         margin: 0 var(--tab-strip-margin) !important;
  213.         background: var(--bg-dark) !important;
  214.        
  215.         /* --- Uncomment section below to attach url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#nav-bar" above) --- */
  216.         /*margin-left: 147px !important;/**/
  217.     }
  218.     #TabsToolbar::after { display: none !important; }
  219.     .tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; opacity: 1 !important; visibility: visible !important; }
  220.    
  221.     /*browser, #navigator-toolbox { -moz-appearance: none !important; background: transparent !important; }*/
  222.    
  223.     #navigator-toolbox::after { height: 0px !important; background: var(--bg-light) !important; }
  224.     #liberator-separator { height: 0px !important; background: var(--bg-light) !important; border-top: 0 !important; }
  225.    
  226.     /* MENUS */
  227.     menuitem + menuseparator, menu + menuseparator/*, .menu-iconic-left*/ { display: none !important; }
  228.     /*menuitem > label { margin-left: var(--tab-height) !important; }*/
  229.     /*menubar, menubutton, menulist, menu, menuitem {
  230.         font-family: var(--tab-fonts) !important; font-size: var(--tab-font-size);
  231.         height: var(--tab-height) !important;
  232.     }*/
  233.  
  234.     /* HIDE ORANGE MENU BUTTON */
  235.     #appmenu-toolbar-button, #appmenu-button-container { display: none !important; }
  236.    
  237.     /* HIDE STATUS BAR */
  238.     #status-bar, #statusbar-display, statuspanel { display: none !important; }
  239.  
  240.     /* PRIVATE BROWSING ICON HIDE */
  241.     #main-window[privatebrowsingmode=temporary] #private-browsing-indicator,
  242.     #main-window[privatebrowsingmode=temporary] #private-browsing-indicator-titlebar { display: none !important; }
  243.    
  244.     /* Vimperator icon style */
  245.     #liberator-statusline:not([customizing="true"]) { margin: -2px -2px !important; padding: 0 0 !important; height: 24px !important; }
  246.     #liberator-statusline:not([customizing="true"]) :-moz-any(toolbarbutton) { height: 100% !important; }
  247.     #tabview-button {
  248.         list-style-image: url(http://twily.info/img/tabview-button.png?v=2) /* 16x16 px image */ !important;
  249.         -moz-image-region: rect(0, 0, 0, 0) !important;
  250.     }
  251.    
  252.     #liberator-completions, #liberator-bottombar-deck { background: var(--bg-dark) !important; }
  253.    
  254.     /* Tabgroup margin top fix */
  255.     #tab-view-deck #tab-view { margin: 24px 12px 12px 12px !important; }
  256.     #tab-view-deck { background: var(--bg-light) !important; }
  257.    
  258.     window[sizemode="fullscreen"] #liberator-statusline { display: none !important; }
  259.     window[sizemode="fullscreen"] #liberator-bottombar  {
  260.         margin-top: -24px !important;
  261.         transition: 1s ease !important; transition-delay: .3s !important;
  262.     }
  263.     /*window[sizemode="fullscreen"] #browser-panel        { margin-top: -1px !important; }*/
  264. }
  265.  
  266.  
  267. /* Tab Group Page Style (Ctrl+Shift+E) */
  268. @-moz-document url(chrome://browser/content/tabview.html) {
  269.     #content #bg, #actions, body { background: var(--bg-light) !important; }
  270.     body * { color: var(--fg-light) !important; }
  271.    
  272.     body .groupItem, #content #actions, body .undo {
  273.         background: var(--bg-dark) !important;
  274.         border: 0 !important; border-radius: 0 !important; box-shadow: 0 0 0 0 !important;
  275.     }
  276.     #content #actions {
  277.         opacity: 0 !important; display: none !important; /* block | none */
  278.         transition: .3s ease-out !important;
  279.     }
  280.     #content #actions:hover { opacity: 1 !important; }
  281.    
  282.     body .appTabTrayContainer { border: 0 !important; }
  283.     body .tab, body .tab .thumb {
  284.         box-shadow: 0 0 0 0 !important; border: 0 !important; border-radius: 0 !important;
  285.         background: transparent !important; padding : 0 !important;
  286.     }
  287.     body .tab .favicon { display: none !important; }
  288.     body .groupItem .name { border: 0 !important; }
  289.     body .tab .tab-title { padding-top: 2px !important; }
  290. }
  291.  
  292.  
  293. /* AGENT_SHEET */
  294. @-moz-document url-prefix(http://), url-prefix(https://), url-prefix(chrome://liberator/), url-prefix(file:///) {
  295.     /* SCROLLBAR */
  296.     scrollbar[orient="vertical"], scrollbar thumb[orient="vertical"],
  297.     scrollbar[orient="horizontal"], scrollbar thumb[orient="horizontal"] {
  298.         display: none !important; /* block | none (enable scrollbar) */
  299.     }
  300.    
  301.     /*
  302.        Uncomment section below to apply style
  303.    
  304.        (width/height is controlled by the margin)
  305.     */
  306.     /*
  307.     scrollbar > slider { -moz-appearance: none !important; }
  308.    
  309.     scrollbar[orient="vertical"] { margin: 0 -10px 0 0 !important; }
  310.     scrollbar[orient='vertical'] > slider { background: #282333 !important; max-width: 100% !important; }
  311.     scrollbar[orient='vertical'] > slider > thumb {
  312.         -moz-appearance: none !important;
  313.         background: #524C59 !important; border: 0 !important; width: 100% !important;
  314.     }
  315.    
  316.     scrollbar[orient="horizontal"] { margin: 0 0 -10px 0 !important; }
  317.     scrollbar[orient='horizontal'] > slider { background: #282333 !important; max-height: 100% !important; }
  318.     scrollbar[orient='horizontal'] > slider > thumb {
  319.         -moz-appearance: none !important;
  320.         background: #524C59 !important; border: 0 !important; height: 100% !important;
  321.     }
  322.    
  323.     scrollbar > scrollbarbutton { -moz-appearance: none !important; border: none !important; background: none !important; }
  324.     scrollbar[orient='vertical'] > scrollbarbutton { min-height: 0 !important; }
  325.     scrollbar[orient='horizontal'] > scrollbarbutton { min-width: 0 !important; }
  326.     /**/
  327. }
  328.  
  329.  
  330. /* background color around/behind pictures opened in firefox (require html namespace on top) */
  331. @-moz-document regexp("(https?://|file:///)(.*)\\.(jpeg|jpg|gif|png|apng|svg|bmp|webm|webp)") {
  332.     body { background: var(--bg-light) !important; }
  333.     img.decoded { background-color: transparent !important; }
  334. }
  335.  
  336.  
  337. /* About:Blank background */
  338. @-moz-document url(about:blank) {
  339.     html,body { background: var(--bg-light) !important; }
  340. }
  341.  
  342. /* about:stylish-edit toolbar style */
  343. @-moz-document regexp("about:stylish-edit.*") {
  344.     #main-area, textbox { background: var(--bg-light) !important; }
  345.     textbox, grid, columns, rows, separator { border: 0 !important; }
  346.    
  347.     .devtools-toolbarbutton { background: var(--bg-dark) !important; color: var(--fg-light) !important; }
  348. }
  349.  
  350. /*----- Fix for white flash on new tab -----*/
  351. tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; }
  352.  
  353.  
  354. /* Set dark text in light textareas */
  355. /*
  356. @-moz-document regexp("https?://(?!(localhost|twily.info|.*.4chan.org|.*.youtube.com)).*") {
  357.     input, textarea { color: #282333 !important; -moz-appearance: none !important; }
  358. }
  359. /**/
Advertisement
Add Comment
Please, Sign In to add comment