firefox css w/ stylish (experimental)

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*
    Firefox CSS for Nightly/Australis by Twily
    ** REQUIRES FIREFOX NIGHTLY v31
*/

:root {
    /* VARIABLES */
    --bg-light: #49434F; --bg-dark: #24212E;
    --fg-light: #d6ccdc; --fg-dark: #aaa5ad;
    --tab-height: 17px; --tab-triangle-correction: -1px; --tab-strip-margin: -12px;
    --tab-fonts: "Lemon",monospace,"Dejavu Sans"; --tab-font-size: 7pt;
}


@-moz-document url(chrome://browser/content/browser.xul) {
    /* TABS */
    .tabbrowser-tab[fadein]:not([pinned]) { min-width: 30px !important; max-width: 100% !important; }
    tab {
        font-family: var(--tab-fonts) !important;
        min-height: var(--tab-height) !important; height: var(--tab-height) !important;
        background: var(--bg-dark) !important; color: var(--fg-dark) !important;
        font-size: var(--tab-font-size); text-shadow: none !important; text-align: center !important;
    }

    .tabbrowser-tab label { padding: 0 calc(var(--tab-height)/1) 0 calc(var(--tab-height)/1) !important; }
    .tabs-newtab-button, .tab-close-button, .tab-close, .tab-throbber, .tab-icon-image, .tab-background-start, .tab-background-end { display: none !important; }

/* --- URLBAR EXPERIMENTING --- */
    #PanelUI-button, #bookmarks-menu-button, #downloads-button, #home-button, #stylish-toolbar-button, #abp-toolbarbutton, #back-button, #forward-button { display: none !important; }
       #identity-box, #urlbar-reload-button { display: none !important; }
    #urlbar-wrapper { margin-left: -5px !important; margin-right: 0px !important; padding-left: 5px !important; }
       #urlbar { border: 0 !important; border-radius: 0 !important; margin: 0 0 0 0 !important; padding: 0 4px 1px 4px !important; height: 17px !important; min-height: 17px !important; background: #49434F !important; color: #d6ccdc !important; font-family: "Lemon",monospace,"Dejavu Sans" !important; font-size: 7pt !important; }
    #nav-bar { height: 17px !important; min-height: 17px !important; margin: 0 !important; }
       #nav-bar-customization-target { margin-top: -2px !important; margin-bottom: -2px !important; }
/* --- URLBAR EXPERIMENTING --- */

    /* Comment out the line below to show the urlbar */
    /*#nav-bar { width: 0 !important; height: 0 !important; overflow: hidden !important; position: fixed !important; margin-left: -1px !important; visibility: hidden !important; }*/

    .tabbrowser-tab *, .tabs-newtab-button * {
        background: url(none) !important; list-style-image: none !important;
        margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; -moz-appearance: none !important;
    }

    .tabbrowser-tab[selected="true"] .tab-stack {
        background: var(--bg-light) !important; color: var(--fg-light) !important;
        border-radius: 0px !important; position: relative !important;
    }
    .tabbrowser-tab[selected="true"]:before {    /* Left Triangle (of selected tab) */
        content: '' !important; position: absolute !important; z-index: 2 !important;
        top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important;

        border: none !important; border-left: calc(var(--tab-height)/2) solid var(--bg-dark) !important;
        border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important; border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
    }
    .tabbrowser-tab[selected="true"]:after {    /* Right Triangle (of selected tab) */
        content: '' !important; position: absolute !important; z-index: 2 !important;
        top: 0 !important; right: 0 !important; width: 0 !important; height: 0 !important;

        border: none !important; border-right: calc(var(--tab-height)/2) solid var(--bg-dark) !important;
        border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important; border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
    }

    #TabsToolbar, #tabbrowser-tabs {
        height: var(--tab-height) !important; min-height: var(--tab-height) !important;
        -moz-appearance: none !important;
        margin-left: var(--tab-strip-margin) !important; margin-right: var(--tab-strip-margin) !important;
        background: var(--bg-dark) !important;
    }
    #TabsToolbar::after { display: none !important; }
    .tabbrowser-tab::before, .tabbrowser-tab::after { background: url(none) !important; }

    #navigator-toolbox { border: 0 !important; margin-bottom: -1px !important; }

    /* MENUS */
    menubar, menubutton, menulist, menu, menuitem { font-family: var(--tab-fonts) !important; font-size: var(--tab-font-size); height: var(--tab-height) !important; }
    /*#main-menubar,  #toolbar-menubar { height: var(tab-height) !important; min-height: var(tab-height) !important; }*/
    menuitem + menuseparator, menu + menuseparator { display: none !important; }
    .menu-iconic-left { display: none !important; }
    menuitem > label { margin-left: var(--tab-height) !important; }

    /* HIDE ORANGE MENU BUTTON */
    #appmenu-toolbar-button, #appmenu-button-container { display: none !important; }

    /* HIDE STATUS BAR */
    #status-bar, #statusbar-display, statuspanel { display: none !important; }

    /* PRIVATE BROWSING FIX */
    #main-window[privatebrowsingmode=temporary] #TabsToolbar::before { display: none !important; }

}


/* AGENT_SHEET */
@-moz-document url-prefix(http://), url-prefix(https://) {
    /* HIDE SCROLLBARD */
    scrollbar * scrollbar scrollbarbutton { display: block ! important;  }
    scrollbar scrollbarbutton { visibility: collapse !important; }

    scrollbar[orient="vertical"], scrollbar thumb[orient="vertical"],
    scrollbar[orient="horizontal"], scrollbar thumb[orient="horizontal"] {
       display: none !important;
        -moz-appearance: none !important;
   }

    scrollbar[orient="vertical"] { background: transparent !important; width: 7px !important; margin-left: -7px !important; }
    scrollbar thumb[orient="vertical"] { background: #858187 !important; max-width: 5px !important; border: 0 !important; }

    scrollcorner{ opacity: 0!important; }
}