Title:           [CSS] Firefox Slim CSS White/Invert for Puro
Author:          xdemonessx
Pastebin link:   http://pastebin.com/d6M6ejjf
First Edit:      Thursday 13th of December 2012 08:07:07 PM CDT
Last Edit:       Thursday 13th of December 2012 08:07:07 PM CDT

    /* This code is edited from Ahokas Appows for Firefox. */
    /* Favicons and the close button are hidden. */
    /* You can still close tabs by clicking on the right side. */
    /* Its been inverted and some margins adjusted to match Puro by kiko11 (visual style) */
    /* I recommend you use the following extention with any css for easy font editing: */
    /* https://addons.mozilla.org/en-us/firefox/addon/theme-font-size-changer/ */
       
        /* HIDDEN ELEMENTS */
        #identity-box,
        #urlbar-icons > image,
        #urlbar-container dropmarker,
        #appmenu-button .button-text,
        #appmenu-button .button-menu-dropmarker
        {
            display:none!important;
        }
       
        /* BUTTONS */
        #back-button .toolbarbutton-icon,
        #forward-button .toolbarbutton-icon,
        #reload-button .toolbarbutton-icon,
        #urlbar-reload-button .toolbarbutton-icon,
        #stop-button .toolbarbutton-icon,
        #urlbar-stop-button .toolbarbutton-icon,
        #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,
        #new-tab-button .toolbarbutton-icon,
        #appmenu-button .button-icon
        {
            list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAALCAYAAADLA1tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrsVk1IG0EU3s3mx1RXY2qxaa0ULFakUogUESUnPaS0Wlo1oifbQ0AUDx704EGIeBAkUXOzEq0/kHpose2h2IbexUKLFA8VokIPKaghrfmpyfa9dELHcTai0FsXNpPZ+d43b9773tsVFUUR/l+CoM38EUWRXZPg1sCdgjuJDzJBI9gT61kukeyFNgrBJ8n/NC9waii+FGWr9vzUdcKb8VWifBVpG8RpVByXent7rywtLSX6+voKeAB8juuII5sIKk5qAZs/OzvrWVxc3Jufn38zPT39hASGjr5mYWEh0NTUVEDxSTgHuy+Ei5tMWP9IJ5W9enp6isDX+OTk5H3CfcKGR64dGhq6UVtbu7OxsXFzYmIizCPH57iOOMRzHNE0NzcXwsE/GAyGYgjE4MrKyrWDgwOvTqezQTAeMwFMra+vO9rb27/bbDYZ5rq6urpch8OxOzMzc0dFDZlsl2VJhuD1eiM4ms1mNySlGLlZGzYQksvlulVZWbm5trZ2fXR0dCuL7JO4jjjEox1NDGuXW1pa3oI0S6uqql5Fo9Ejv9+/Bwp6HYlElnNyclrZQLjd7tDY2JjZ6XRuw9zY3d39rbOz81IgEIhwykWPGLgNsEd6JHO9mnrC4bDParW6MRDE5m/t0nXf1dWV19jYGIHM3B4fH9+Exwm25jj9RN/f319RXV39aXV1Vfb5fD8yzjY0NBQBZxAcGITDvxgYGNhFc1BKUVtb2zYc0gzzGFXLAsmWEaQc7ujowDKJwv1LpRzKyIHEP+4piN0CXiuMRxTvBeD7CXxmUOjLUCj0zGKxPIV5Lqwdps+FP9SbQyJGcciGhZUbg03jEYd4tOPI0zA3N/fe4/E8pDKlnZqaegAOvSNZPLY/9IRCOCSWYz7wHoGUr3J4aUWYAIdqMbGKoHiNBJOHZQx7f4W5QnwWeM0SyyAGkTLV19cHQe4VWWoPy6gCcYhHO04ZJROJxHOTyfQIDn8XlHARxnuyLLfGYrFlBq+x2+0y9IQg9IRSVAKWSU1Nzfbw8DDrR4qoFRUQJ0qIk3mC108IJjkyMhLc3993CRyAwPmWwAAZscsTqfKwOrJuzNLRUZc6aIxOVADgD3HEOeEVqcyl5Q4dvph+a5SXl8uojJKSEr3KHnqw+0yUIPBKmcGIRCEKrUhRpe6572cGe9r7nQ5G5j0unvM7QiL4835HsJhjnLwekfU6C/Ys17/6uj3LuX4LMACwT+lvQQrZSgAAAABJRU5ErkJggg==")!important;
        }
        #back-button .toolbarbutton-icon
        {
            -moz-image-region:rect(0, 11px, 11px, 0)!important;
        }
        #forward-button .toolbarbutton-icon
        {
            -moz-image-region:rect(0, 22px, 11px, 11px)!important;
        }
        #reload-button .toolbarbutton-icon,
        #urlbar-reload-button .toolbarbutton-icon
        {
            -moz-image-region:rect(0, 33px, 11px, 22px)!important;
        }
        #stop-button .toolbarbutton-icon,
        #urlbar-stop-button .toolbarbutton-icon,
        #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
        {
            -moz-image-region:rect(0, 44px, 11px, 33px)!important;
        }
        #new-tab-button .toolbarbutton-icon
        {
            -moz-image-region:rect(0, 55px, 11px, 44px)!important;
        }
        #new-tab-button
        {
            max-width:16px!important;
        }
        #appmenu-button .button-icon
        {
        display: none !important;
            -moz-image-region:rect(0, 66px, 11px, 55px)!important;
        }
        #main-window[sizemode="normal"] .toolbarbutton-1
        {
            margin-top:3px!important;
        }
        #main-window *[id*="-button"]:not([disabled]):hover
       {
            background:transparent!important;
        }
         
        /* URL BAR */
        #urlbar
        {
            background:rgba(225,225,225,.1)!important;
            border:0!important;
            color:rgba(64,64,64,.7)!important;
            margin:0px 1px 2px 0px!important;
            max-height:16px!important;
            min-height:16px!important;
            padding:1px!important;
            text-shadow:rgba(225,225,225,.8) 0 0 1px!important;
            -moz-transition:color .2s ease-in-out;
        }
        #urlbar:hover
       {
            color:rgba(30,30,30,.8)!important;
            background:#d1d1d1!important;
        }
        #urlbar #notification-popup-box
        {
            background:-moz-linear-gradient(rgba(225,225,225,.2),rgba(225,225,225,.4))!important;
            border-right:0px solid rgba(225,225,225,.4)!important;
            max-height:16px!important;
            max-width:16px!important;
            padding:0 4px!important;
            border-radius:0px 0 0 0px!important;
            -moz-border-image:none!important;
            -moz-margin-end:0px!important;
        }
        #urlbar #notification-popup-box .notification-anchor-icon
        {
            max-height:10px!important;
            max-width:10px!important;
        }
        #main-window[sizemode="fullscreen"] #urlbar,
        #main-window[sizemode="maximized"] #urlbar
        {
            margin:0px 1px 0!important;
        }
         
        /* TABS */
        #main-window #tabbrowser-tabs tab
        {
            font-family:"Calibri"!important;
            background:rgba(225,225,225,0.4)!important;
            border:0!important;
            color:rgba(64,64,64,.7)!important;
            text-shadow:rgba(225,225,225,.8) 0 0 1px!important;
        }
        #main-window[sizemode="normal"] #tabbrowser-tabs tab
        {
            margin:0px 1px 0px!important;
            max-height:16px!important;
            padding:0 4px!important;
            border-radius:0px!important;
            border-top:0!important;
        }
        #main-window[sizemode="maximized"] #tabbrowser-tabs tab,
        #main-window[sizemode="fullscreen"] #tabbrowser-tabs tab
        {
            border-top:transparent!important;
            margin: 1px 1px 0px!important;
            max-height:15px!important;
            padding:0 4px!important;
            border-radius:0px!important;
        }
        #main-window #tabbrowser-tabs tab[selected],
        #main-window #tabbrowser-tabs tab:hover
       {
            color:rgba(30,30,30,.8)!important;
            background:#d1d1d1!important;
        }
        #main-window #tabbrowser-tabs tab .tab-throbber,
        #main-window #tabbrowser-tabs tab .tab-icon-image
        {
            max-height:0px!important;
            max-width:0px!important;
            margin-top:-2px!important;
        }
        #main-window #tabbrowser-tabs tab[fadein]
        {
            -moz-transition:all .2s ease-in-out!important;
        }
        #main-window #tabbrowser-tabs tab .tab-close-button
        {
            opacity:0!important;
            -moz-transition:all .1s ease-in-out!important;
        }
        #main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
        {
            max-height:11px!important;
            max-width:11px!important;
        }
        #main-window #tabbrowser-tabs tab[selected] .tab-close-button,
        #main-window #tabbrowser-tabs tab:hover .tab-close-button
        {
            opacity:0!important;
        }
        #main-window #tabbrowser-tabs tab[fadein]:not([pinned])
        {
            min-width:40px!important;
            max-width:160px!important;
        }
        #main-window #tabbrowser-tabs tab[pinned]
        {
            max-width:24px!important;
            min-width:24px!important;
        }
        #main-window #tabbrowser-tabs .scrollbutton-up,
        #main-window #tabbrowser-tabs .scrollbutton-down,
        #main-window #tabbrowser-tabs tab[pinned] .tab-close-button
        {
            display:none!important;
        }
         
        /* MAIN WINDOW */
        #main-window #urlbar,
        #main-window #urlbar-container
        {
            font-family:"Calibri"!important;
            max-width:200px!important;
        }
        #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
        {  
            margin:-16px -4px -2px -1px!important
        }
        #main-window[sizemode="normal"] #TabsToolbar
        {
            margin:3px 0px 0px 0px!important;
            padding:0 105px 0px 0px!important;
        }
        #main-window[sizemode="fullscreen"] #TabsToolbar,
        #main-window[sizemode="maximized"] #TabsToolbar
        {
            margin:-16px -4px -1px 1px!important;
            padding:0px 5px 1px 0px!important;
           
        }
        #main-window #browser-border-start
        {
            background:transparent!important;
            border:0!important;
        }
        #browser-border-end {
        display:none!important;
        }
        #main-window #appmenu-button
        {
            background:transparent!important;
            border:0!important;
            padding:1px 5px!important;
            min-width:16px!important;
            box-shadow:none!important;
        }
        #main-window[sizemode="normal"] #appmenu-button
        {
            margin:20px 0px -20px!important;
        }
        #main-window[sizemode="fullscreen"] #appmenu-button,
        #main-window[sizemode="maximized"] #appmenu-button
        {
            margin:0px!important;
        }
         
        /*Removes Background-Color From Chrome*/
        #appcontent,
        #appcontent > #content,
        #appcontent > #content > tabbox > tabpanels
        {
            background-color:transparent!important;
        }