Facebook Ubuntu-like style

/* Begin -------------------------------------------------------------------- */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {

/** Facebook blueBar Edit **/
    div#blueBar {
        background-color:   #DD4814 !important;
        background-image:   url("http://www10.pic-upload.de/04.02.12/1rvnoq98tsl.jpg") !important;
        border-bottom:      1px solid #531d0a !important;
        box-shadow:         1px 1px 3px rgba(83, 29, 10, 0.5) !important;
    }

    /** Facebook blueBar logo **/
    #pageLogo a {
        background-color:   rgba(0, 0, 0, 0) !important;
    }
    #pageLogo a:hover {
        background-color:   rgba(0, 0, 0, 0) !important;
        background-color:   rgba(255, 255, 255, 0.2) !important;
        box-shadow:         0 0 4px rgba(255, 255, 255, 0.2);
    }

    /** Facebook blueBar-buttons **/
    .jewelButton {
        background-color:   rgba(0, 0, 0, 0) !important;
    }
    .jewelButton:hover {
        background-color:   rgba(255, 255, 255, 0.2) !important;
        box-shadow:         0 0 4px rgba(255, 255, 255, 0.2);
    }
    .jewelButton:active, .jewelButton:focus {
        background-color:   rgba(255, 255, 255, 0.2) !important;
        box-shadow:         0 0 4px rgba(255, 255, 255, 0.2);
    }

    .slimHeader #pageNav .topNavLink a:active,
    .slimHeader #pageNav .topNavLink a:hover,
    .slimHeader #pageNav .topNavLink a:focus,
    .slimHeader #pageNav .tinyman:active,
    .slimHeader #pageNav .tinyman:hover,
    .slimHeader #pageNav .tinyman:focus,
    .slimHeader #pageNav .topNavLink:active,
    .slimHeader #pageNav .topNavLink:hover,
    .slimHeader #pageNav .topNavLink:focus{
        background-color:   rgba(255, 255, 255, 0.1) !important;
        box-shadow:         0 0 4px rgba(255, 255, 255, 0.1) !important;
    }

    ul.navigation {
        border-radius:      0 0 5px 5px !important;
        border:             1px solid #aaa !important;
        box-shadow:         1px 1px 5px #aaa;
    }

    #pageNav .navigation li:hover,
    #navAccount .navSubmenu:hover,
    #navAccount .navSubmenu:hover input {
        background-color:   #f16f42 !important;
        border-color:       #333 #000 #444 #000 !important;
    }


    #navSearch {
        margin-left:        23px !important;
    }
    .uiTypeahead {
        border-width:       0 !important;
    }

    .search {
        border-radius:      0 0 2px 25px !important;
        border:             1px solid #aaa !important;
        box-shadow:         1px 1px 5px #aaa;
    }
    .search .header {
        background-color:   #f2f1f0 !important;
        border-bottom:      1px solid #CCC !important;
    }
    .search .selected {
        background-color:   #f16f42 !important;
        border:             none !important;
    }
    .search .calltoaction {
        border-radius:      0 0 2px 25px !important;
    }

/** TIMELINE **/
    body.timelineLayout {
        background-color:   #f4f0ee !important;
    }
    ul.fbTimelineScrubber {
        background-color:   #444 !important;
        border:             none !important;
        border-radius:      0 0 10px 10px;
        padding-left:       8px !important;
        box-shadow:         0px 0px 8px rgba(0, 0, 0, 0.3);
    }

    ul.fbTimelineScrubber li {
        padding-left:       2px !important;
        border-left:        1px dashed #999 !important;
    }

    ul.fbTimelineScrubber li:hover,
    ul.fbTimelineScrubber li a:hover,
    ul.fbTimelineScrubber .selected:hover {
        text-decoration:    none !important;
        color:              #fff !important;
        background-color:   #656260 !important;
    }

    ul.fbTimelineScrubber .selected,
    ul.fbTimelineScrubber .selected a{
        color:              #eee !important;
        background-color:   #726965 !important;
    }

    /* head */
    #fbCoverImageContainer {
        border-radius:      0 0 2px 2px !important;
        box-shadow:         1px 1px 10px #aaa !important;
    }
    .fbTimelineSection {
        border-color:       #e0cfc4 !important;
        border-bottom-width:1px !important;
    }
    .fbTimelineNavigationWrapper .detail {
        background-color:   #f8f3f1 !important;
    }
    .fbTimelineNavigationWrapper .detail:hover,
    .fbTimelineNavigationWrapper .detail:active,
    .fbTimelineNavigationWrapper .detail:focus {
        border-color:       #e0cfc4 !important;
    }

    .fbTimelineRibbon {
        background-color:   #a18063 !important;
        border:             1px solid #3c2e22 !important;
    }

/** CHAT **/

    .titlebarTextWrapper, .fbNubFlyoutTitlebar, .titlebar {
        border-radius:      3px 3px 0 0 !important;
        background-color:   #333 !important;
        border-color:       #222 !important;
    }
    .titlebar, .fbNubFlyoutHeader, .fbNubFlyoutBody, .fbNubFlyoutFooter {
        box-shadow:         1px 1px 5px #777 !important;
    }

    .fbNubFlyoutHeader, .fbNubFlyoutBody, .fbNubFlyoutFooter {
        border:             0px solid #000 !important;
    }
    a.fbNubButton {
        border-color:       #999 !important;
        background-color:   #efefef !important;
    }
    .fbDockChatTab,
    a.fbNubButton {
        border-radius:      3px 3px 0 0 !important;
    }

    .fbChatOrderedList .item a.selected,
    .fbChatOrderedList .item a:hover {
        background-color:   #f0e6df !important;
    }

/** IMAGE VIEWER **/
    .fbPhotosPhotoButtons {
        top:                4px !important;
    }

    .fbPhotoUfiCol {
        padding-top:        30px !important;
    }

} /* -moz-document domin(("facebook.com") {                                   */
/* End ---------------------------------------------------------------------- */