@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("facebook.com") {

    /* hiding elements */
    .rhcFooterCopyright, /* copyright info in footer */
    #pagelet_ego_pane, /* remove recommended sites (ads) */
    #pagelet_welcome_box /* remove box with own name */
    {
        display: none !important;
    }
    
    
    /***********************/
    /* HEADER BAR          */
    /***********************/
    
    /* header: lighter fonts */
    ._1ayn, ._2dpb {
        font-weight: 400;
    }
    
    /* hover-effect for header bar */

    /*#pagelet_bluebar #blueBarNAXAnchor {
        transition: height .5s ease .5s;
    }
    #pagelet_bluebar:hover #blueBarNAXAnchor {
        height: 100vh;
    }
    #pagelet_bluebar #blueBarNAXAnchor:after {
        content: "Anti Spy";
        position: absolute;
        top: -20vh;
        left: -40vw;
        width: 40vw;
        height: 20vh;
        background-image: none !important;
        color: #fff;
        font: 100 48px 'Myriad Set Pro','Helvetica Neue', Helvetica, Arial;
        text-align: center;
        opacity: 0;
        transition: opacity .5s ease .5s;
    }
    #pagelet_bluebar:hover #blueBarNAXAnchor:after {
        top: 40vh;
        left: 30vw;
        opacity: 1;
    }*/

    
    
    /***********************/
    /* LEFT SIDEBAR        */
    /***********************/
    
    /* left sidebar: more width */

    #leftCol {
        width: 244px !important; /* 164px */
        margin-left: -80px; /* 0 */
    }
    #leftCol .linkWrap {
        max-width: 200px; /* 120px */
    }
    /* change width of header bar to fit to left sidebar */
     #pagelet_bluebar ._2t-a._4pmj._2t-d._50tk {
        width: 1150px;
        padding-right: 70px;
    }
    
    /* left sidebar: styling notification number more visible */
    
    .count {
        padding: 0 .4em !important;
        background: #777 !important;
        border-radius: 1px !important;
    }
    .count .countValue {
        color: #fff !important;
        font-weight: bold !important;
    }
    
    
    /***********************/
    /* RIGHT SIDEBAR       */
    /***********************/
    
    /* right side bar: more width */

    .fbChatSidebar,
    .fbChatSidebar .ticker_container,
    .fbChatSidebar .uiScrollableAreaBody {
        width: 345px !important; /* 205px */
    }
    .fbChatSidebar .tickerStoryContent {
        max-width: 298px !important; /* 158px */
    }
    .fbChatSidebar .tickerStoryImage {
        max-width: 23px !important; /* 32px */
        max-height: 23px !important; /* 32px */
    }
    .fbChatSidebar .tickerStoryBlock .lfloat {
        max-height: 23px !important;
    }
    /* adjust position of chat windows on bottom */
    .sidebarMode ._50--,
    .sidebarMode ._5bci ._50--,
    .sidebarMode ._5ap2 ._50--,
    .sidebarMode ._48gf,
    .fbDockWrapper {
        right: 345px !important; /* 205px*/
    }
    
    /* chatbar right: decrease height of persons, show more at same time */
    
        ._5pr2 ._55ln,
    ._5pr2 ._5bon,
    ._55lr {
        line-height: 25px;
    }
    ._5pr2 ._55ln {
        height: 25px;
    }
    ._5pr2 ._56p9,
    ._55lp ._56p9,
    ._55lt,
    ._55lq,
    ._55lt img {
        width: 25px !important;
        height: 25px !important;
    }
    /* group chats */
    ._55lt,
    ._55lq {
        overflow: hidden;
    }
    ._55lt > div {
        display: flex;
        flex-flow: row wrap;
    }
    ._55lt > div ._55lu {
        width: auto !important;
        height: auto !important;
        overflow: hidden;
    }
    ._55lt div img {
        width: 12.5px !important;
        height: 12.5px !important;
        margin: 0 !important;
    }

    
    /***********************/
    /* CHAT WINDOWS        */
    /***********************/
    
    /* bigger chat panel content */

    /*.fbNubFlyoutBody {
       height: 345px !important;
    }
    .fbNubFlyoutInner, .fbNubFlyoutOuter, .fbNubFlyout {
        height: 400px !important;
        max-height: 534px !important;
    }*/
    

    /***********************/
    /* MAIN CONTENT        */
    /***********************/
        
    /* cleaner font in content */
    .userContentWrapper .userContent p {
        font: 15px 'Myriad Set Pro','Helvetica Neue', Helvetica, Arial;
    }
    
    /* better visibility of "newest content" box to directly see if it's missing.
       facebook switches back from time to time without asking */

    ._4-u2.mvm._495i {
        background-color: #333 !important;
        border: 0;
        margin-top: 0;
    }
    ._4-u2.mvm._495i * {
        color: #aaa !important;
        font-weight: 700;
    }
    ._4-u2.mvm._495i .fsm.fwn.fcg a {
        display: none;
    }
    
    /* save space: hide posting box when not needed, appears on hover */

    #pagelet_composer {
        height: 8px !important;
        overflow-y: hidden;
    }
    #pagelet_composer:hover {
        height: auto !important;
        overflow-y: visible;
    }

}