Facebook Custom Style.

fb-msgr-style.css

/* left pane  */
#leftCol {
    display: none !important;
}

/* contact pane */
#pagelet_sidebar {
    display: none;
}

/* buddy list, when screen is narrow */
#BuddylistPagelet {
    display: none;
}

/* chat flyout group */
.sidebarMode .fbDockWrapperRight {
    right: 0;
}

/* right pane  */
._5rzs._5v6d._2zam {
    display: none;
}

/* clear all not(exit) button on flyout pane */
._32ca ._3a61 {
  display: none;
}
._32ca ._32cb {
  display: inline-block;
}

/* custom chat flyout items */
._552n ._13gf, ._552n ._13ga, ._552n ._13f_ {
  display: none;
}

/* flyoutsize */
.fbNub._50mz.opened {
    width: 200px;
}

/*  top pane min width */
._33rf {
	min-width: 200px !important;
}

/* fb content min height */
.fb_content {
    min-height: 200px !important;
}

/* message input scroll bar */
._kmc {
    overflow-y: -webkit-paged-y;
}

/* chatbox style */

/* content background */
.uiScrollableAreaBody .uiScrollableAreaContent .__i_ {
    
	background-color: #60656d;
}

/* surround background */
._4sp8 {
	background-color: #60656df2;
}

/* chat text area text color  */
._5rp7._5rp8 {
    color: #ffffff;
}

#js_b ._150g.uiPopover._6a._6b:before {
	content: "Hao's Messenger";
    position: absolute;
    width: 200px;
    top: 15px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    
}

/* hide messager setting button */
._36ic._5l-3 ._150g.uiPopover._6a._6b a._30yy {
    display: none;
}

._36ic._5l-3 ._1tqi {
    display: none !important;
}