@-moz-document url-prefix("https://www.facebook.com"), url-prefix("https://apps.facebook.com") { /* Custom font patch for Minimalist Facebook 2015 Original Link: https://userstyles.org/styles/108909 */ @import url('https://fonts.googleapis.com/css?family=Lato'); body:not(.SettingsPage) #leftCol { padding: 10px !important; position: fixed !important; left: 0 !important; overflow: hidden !important; height: 100vh !important; background: #fff !important; width: 18px !important; transition: all .5s cubic-bezier(.07, .64, .33, .97) !important; } ._55y4 ._bui ._5afe .linkWrap { padding-left: 4px !important; opacity: 0 !important; transition: all .15s ease !important; } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar { right: -160px !important; transition: all .5s cubic-bezier(.07, .64, .33, .97) !important; -webkit-box-shadow: none !important; border-left: 0 !important; box-shadow: none !important; } .sidebarMode ._48gf { right: 50px !important; } #pagelet_sidebar, #pagelet_dock { position: relative; } #pagelet_dock { z-index: 20; } .sidebarMode .timelineLayout #globalContainer { padding-right: 0 !important; } ._2gyk, h1._19ea a span { position: fixed!important } #blueBarDOMInspector, ._2exj, ._2pdh, ._2pdh a, ._2s1x ._2s1y, ._4fn6, ._4fn6 a, ._5lxr, ._fmc, ._uaw.__wu, h1._19ea a span { height: 50px!important } .home ._li, .home ._li #contentCol, .timelineLayout ._li, .timelineLayout ._li .fbTimelineTimePeriod { background-color: #e3e3e3!important } body { overflow-x: hidden!important } .sidebarMode #globalContainer { padding-right: 170px!important } ._2s1x ._2s1y { background-image: none!important; background-color: #4562a4!important; -webkit-box-shadow: none!important; border: 0!important } #findFriendsNav, ._2s1x ._2s25 span, ._2s24::before, ._38vo:after, ._3zm-._3zm-._55bj._55bh, ._4f7n._1s4v._26aw:after, ._4fn6 ._2dpb, ._4fn6 a:after, ._4kny ._8-a, ._55bh:after, ._55lq:after, ._56lq, .smurfbarBottomBorder, .smurfbarTopBorder { display: none!important } h1._19ea a span { left: 0!important; top: 0!important; width: 39px!important; background-color: #3F5A99!important; background-image: url(https://pbs.twimg.com/media/COkd75kWUAA1vTZ.png)!important; background-position: -3px 6px!important; background-size: 35px 33px!important; background-repeat: no-repeat!important; margin: 0!important } ._4f7n._1s4v._26aw ._uaw[role=banner] { padding: 0!important; width: 800px!important } ._2gyk { width: 800px!important; right: auto!important; margin: 0 auto!important } ._uaw.__wu { position: relative!important } ._2exj { margin: 0!important; display: flex!important } ._1uh-, ._2t-f, ._4kny ._4962 { margin: 0!important; padding: 0!important } ._2pdh, ._2pdh a, ._4fn6, ._4fn6 a, ._5lxr { width: 50px!important; margin: 0!important; padding: 0!important } ._5lxr { width: 35px!important } ._2pdh a:active, ._2pdh a:focus, ._2pdh a:hover, ._2t-f .uiToggle:active, ._2t-f .uiToggle:focus, ._2t-f .uiToggle:hover, ._4fn6 a:active, ._4fn6 a:focus, ._4fn6 a:hover, ._5lxr:active, ._5lxr:focus, ._5lxr:hover { background-color: #3F5A99 } ._2exj ._2pdh a, ._2t-f .jewelButton, ._4kny ._5lxr .uiPopover ._5lxt, ._4kny div[data-click=home_icon] a { height: 50px!important; width: 50px!important; background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important; background-size: 330px 55px!important; padding: 0!important } a.jewelButton ._2n_9, a.jewelButton ._2n_9:hover { background-image: none!important } #fbRequestsJewel .jewelButton { background-position: -58px -3px!important } ._1z4y .jewelButton { background-position: -113px -3px!important } ._4xi2 .jewelButton { background-position: -168px -3px!important } ._4kny ._5lxr .uiPopover ._5lxt { width: 35px!important; background-position: -231px -3px!important } ._4kny div[data-click=home_icon] a { background-position: -278px -3px!important; color: transparent!important; text-shadow: none!important } ._1uh- .uiPopover ._p { margin: 0!important; padding: 0!important } ._2s1x ._2s25, ._4q39 { padding: 0; margin: 0 } ._2s1x ._2s25 { width: 50px; height: 50px } ._2s1x ._2s25 img { border-radius: 50%!important; height: 24px!important; width: 24px!important; margin: 12px 13px!important; border-color: transparent } ._2pdh ._5ah- ._5ahz, ._4kny div[data-click=home_icon] a ._4u90 div { background-color: #d64848!important; height: 15px!important; width: 15px!important; padding: 0!important; -webkit-box-shadow: none!important; font-size: 10px!important; color: #fff!important; border-radius: 50%!important; text-align: center!important } ._4kny div[data-click=home_icon] a ._4u90 div { box-shadow: none!important; background-image: none!important } #fbProfileCover ._5ugg { position: relative!important; top: -2px!important } ._2pdh ._5ah- ._5ahz { margin: 6px 0 0 2px!important; box-shadow: none!important } ._2t-f ._1z4y .uiToggleFlyout, ._2t-f ._3nzl .uiToggleFlyout, ._2t-f ._4xi2 .uiToggleFlyout { right: -193px!important; top: 50px!important; max-height: 0!important; transition: max-height .2s cubic-bezier(.07, .64, .33, .97)!important; display: block!important; opacity: 0!important; z-index: -1!important; overflow: hidden!important; -webkit-box-shadow: none!important } #facebook.sidebarMode:not(.miniSidebar) #pagelet_canvas_nav_content, #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._56p9:after, #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon ._568-, ._1nc6 ._5w1r:after, ._1nc7 ._5w1r:after, ._3tmp .loadingNavigation, ._4ypf, ._4yph, ._5otg::after, ._5ys_::after, .bottomBorder, .topBorder, body:not(.SettingsPage) #leftCol:hover:after { display: none!important } ._2t-f ._3nzl.openToggler .uiToggleFlyout, ._2t-f ._4xi2.openToggler .uiToggleFlyout { max-height: 600px!important; opacity: 1!important } ._2t-f ._1z4y.openToggler .uiToggleFlyout { max-height: 520px!important; opacity: 1!important } ._2t-f ._4xi2 ._33p ._33c._4af ._33e { background: #fff!important } ._2t-f ._3nzl .fbRequestList li:before, ._2t-f ._4xi2 ._33p ._33c._4af ._33e:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #4F7BE0 } #pagelet_composer ._s0.img, ._2t-f ._3nzl .fbRequestList .img, ._2t-f ._3nzl .friendBrowserListUnit .img, ._2t-f ._4xi2 ._33p ._33c ._33h, ._55lt img, ._5pat ._5sq7, .ego_section ._rw { border-radius: 50%!important; border: 1px solid rgba(0, 0, 0, .15)!important } ._2t-f ._4xi2 ._33p ._33c ._33h { height: 45px!important; width: 45px!important } ._2t-f ._3nzl .fbRequestList li, ._2t-f ._3nzl .friendBrowserListUnit, ._2t-f ._4xi2 ._33p ._33c { border: 0!important; position: relative!important } ._2t-f ._3nzl .friendBrowserListUnit:before, ._2t-f ._4xi2 ._33p ._33c:before { content: ""; position: absolute; bottom: 0; left: 60px; width: 81%; height: 1px; background: rgba(0, 0, 0, .08); z-index: 90 } ._2t-f ._4xi2 ._33p ._33c ._33e:hover { background: #f7f7f7!important } button[type=submit] { background-image: none!important; box-shadow: none!important } ._3t_z .openToggler .jewelButton { background-color: #375392!important } .uiContextualLayer._5v-0._53il.uiContextualLayerBelowRight { top: 27px!important } .uiContextualLayer._5v-0._53il.uiContextualLayerBelowRight div { border-radius: 0!important; -webkit-box-shadow: none!important } #pagelet_bluebar .uiTypeahead { height: 29px!important; border-radius: 0!important; background-color: transparent!important; border-bottom: 1px solid #A6B7D7!important } #pagelet_bluebar .uiTypeahead:after, #pagelet_bluebar .uiTypeahead:before { position: absolute; height: 6px; width: 1px; background-color: #A6B7D7; bottom: 0; content: "" } #pagelet_bluebar .uiTypeahead:before { left: 0 } #pagelet_bluebar .uiTypeahead:after { right: 0 } #pagelet_bluebar .uiTypeahead div div span span input { color: #dce1ec!important; margin: 5px!important; padding-left: 3px!important; height: auto!important } #pagelet_bluebar .uiTypeahead div div span span button { background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important; background-size: 245px 40px!important; background-position: -13px -13px!important; margin: 8px -5px 4px 0!important; opacity: .7!important } #pagelet_bluebar .textInput .inputtext { color: #fff!important; margin-top: 4px!important } #pagelet_bluebar .textInput button, body.Locale_en_US ._585- ._4w98 { background: 0 0!important; padding: 0!important; margin: 7px!important; border: 0!important; z-index: 200 } #pagelet_bluebar .textInput button i, body.Locale_en_US ._585- ._4w98 i { background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important; background-size: 245px 40px!important; background-position: -13px -13px!important; opacity: .7!important } #pagelet_bluebar .textInput button { width: 15px!important; margin: 5px 6px!important } #pagelet_bluebar .textInput .inputtext::-webkit-input-placeholder { color: #dce1ec } #pagelet_bluebar .textInput .inputtext:-moz-placeholder { color: #dce1ec } #pagelet_bluebar .textInput .inputtext::-moz-placeholder { color: #dce1ec } #pagelet_bluebar .textInput .inputtext:-ms-input-placeholder { color: #dce1ec } body.Locale_en_US ._2gyj ._4w96._585- { background: 0 0!important; border: none!important } body.Locale_en_US ._2gyj ._4w96._585- ._586i, body.Locale_en_US ._2gyj ._4w96._585- ._586i span, body.Locale_en_US ._2gyj ._4w96._585- ._586j { color: #dce1ec } body.Locale_en_US ._2gyj ._4w96._585- ._586i, body.Locale_en_US ._2gyj ._4w96._585- ._586j { padding: 6px 10px!important } body.Locale_en_US ._5tlx { border-radius: 0!important; -webkit-border-radius: 0!important; margin-top: 3px!important } body.Locale_en_US ._50c9 { border-radius: 0!important; -webkit-border-radius: 0!important } ._30v- { z-index: 1; background-color: rgba(0, 0, 0, .3)!important } ._30vz { z-index: 2!important } ._1din._156q, ._30vz { width: 0!important; height: 0!important; padding-bottom: 32px!important; padding-right: 32px!important; background-image: url(https://pbs.twimg.com/media/COMSTLGWIAAH_5h.png)!important; background-size: auto!important; opacity: .9!important; background-position: 0 -7px!important } #fbTimelineHeadline ._4jy0 { background: rgba(0, 0, 0, .5)!important; color: #fff!important; text-shadow: none!important; border: 1px solid rgba(255, 255, 255, .7)!important } #pages_actions_pagelet ._51xa { background: 0 0!important; border: none!important } ._3y89 { border: none!important } body:not(.pagesTimelineLayout) #fbTimelineHeadline { background: linear-gradient(to top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0))!important; position: absolute!important; top: 315px!important } ._45hd, ._5vx4 ._5vwz { border-left: none!important } body:not(.pagesTimelineLayout) ._5otg li a span { color: #fff!important; font-weight: 700!important; border: none!important } ._5otg li a:before, ._70k ._6_7 a:before { content: ""; position: absolute; width: 100%; height: 0; background-color: #3884c4; bottom: 0; left: 0; transition: all .2s } ._2-d1, ._45hd a:hover, ._5otg li:hover, ._70k ._6_7 a._6-7:before, ._70k ._6_7 a:hover, ._70k ._6_7 div.openToggler, ._70k ._6_7 div:hover { background-color: transparent!important } ._5otg li a:before { bottom: -9px!important } .fbTimelineUnit { border: 1px solid #DBDDE0!important } .fbTimelineUnit .timelineReportContainer { border: 0!important } ._513x, ._5otg li._5vwz._5vwy._45hc._1hqh a:before { left: 38%!important; width: 0!important; height: 0!important; margin: 0!important; border-left: 12px solid transparent; border-right: 12px solid transparent; background-image: none!important } ._513x { border-bottom: 8px solid #e3e3e3 } ._5otg li._5vwz._5vwy._45hc._1hqh a:before { border-bottom: 8px solid #fff; bottom: -9px!important; background-color: transparent!important } ._45hd .openToggler a:before, ._5otg li a:hover:before, ._70k ._6_7 a:hover:before, ._70k ._6_7 div.openToggler a:before { height: 4px!important } ._gs6 { color: #CACACA!important } ._2-d1 { margin-top: 75px!important } ._4lh ._2-d1 li a { color: #707070!important; border-left-color: #2d5076!important; text-shadow: none!important } ._4lh ._2-d1 a:focus, ._4lh ._2-d1 a:hover { border-left-color: #3b7fcc!important; background: linear-gradient(right, #3b7fcc, rgba(0, 0, 0, 0))!important } ._5vsj ._1g5v+._4arz { background: #fff!important } .coverWrap { background-color: #050505!important } #fbProfileCover .coverWrap { height: 358px!important } ._58gc ._117p { height: 357px!important } #fbProfileCover .coverWrap img, ._58gc ._117p img { width: 110%!important; left: -40px!important } #fbProfileCover ._70k ._6_7, #fbProfileCover ._70k ._6_7 ._6a, #fbProfileCover ._70k ._6_7 a { border: none!important; color: #efefef!important } .fbTimelineStickyHeader .actions div form div ul li a span span, .fbTimelineStickyHeader .name span span a span { color: rgba(255, 255, 255, .95)!important } .coverEmptyWrap { height: 358px!important } #timeline_top_section:after, ._5ay5 ._5onm #fbProfileCover:after { content: ""; position: absolute; height: 357px; width: 1500px; top: 0; left: -1499px; background-color: #050505 } #timeline_top_section:before, ._5ay5 ._5onm #fbProfileCover:before { content: ""; position: absolute; height: 357px; width: 1500px; top: 0; right: -1499px; background-color: #050505 } .coverImage:after, body:not(.pagesTimelineLayout) ._58gc ._117p:after { content: ""!important; position: absolute!important; height: 358px!important; width: 130px!important; top: 0!important; left: 0!important; background: linear-gradient(to right, #050505, rgba(0, 0, 0, 0))!important; border: none!important } body:not(.pagesTimelineLayout) ._58gc ._117p:before, body:not(.pagesTimelineLayout) .coverImage:before { content: ""!important; position: absolute!important; height: 358px!important; width: 100px!important; top: 0!important; right: 0!important; background: linear-gradient(to left, #050505, rgba(0, 0, 0, 0))!important; z-index: 1!important } ._6-d #fbProfileCover .coverNoImage::before { left: auto!important; border: none!important } ._6-e { bottom: 48px!important } .profilePicNotch { z-index: 20!important } .fbTimelineStickyHeader { top: 50px!important } .fbTimelineStickyHeader .back { background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .8))!important; border: none!important } .fbTimelineStickyHeader .back:after, .fbTimelineStickyHeader .back:before { position: absolute; width: 1000px; height: 50px; background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .8)); transition: all .2s; bottom: 0; content: "" } .fbTimelineStickyHeader .back:after { left: -1000px } .fbTimelineStickyHeader .back:before { right: -1000px } .fbTimelineStickyHeader .name .profileThumb .img { border-radius: 50%!important } .fbTimelineStickyHeader .name span span a { background: 0 0!important; text-shadow: none!important; border: 1px solid rgba(255, 255, 255, .65)!important } .fbTimelineStickyHeader .name span, .fbTimelineStickyHeader .name span span { background-color: transparent!important } .fbTimelineStickyHeader .FriendRequestAdd { border-color: rgba(255, 255, 255, .65)!important; color: rgba(255, 255, 255, .95)!important; text-shadow: none!important; background: 0 0!important } .fbTimelineStickyHeader .actions div form div ul li { border-color: #595959!important } .fbTimelineStickyHeader .actions div form div ul li a span { padding: 3px 5px!important; margin: 0!important; height: 19px!important; position: relative; top: -1px } .fbTimelineStickyHeader .actions div form div ul li a img, .fbTimelineStickyHeader .actions div form div ul li a span i.img { margin-top: 1px!important } .fbTimelineStickyHeader .actions div form div ul li a span._51z7:hover { border: 1px solid #fff; background: rgba(0, 0, 0, .5)!important; padding: 2px 4px!important } .fbTimelineStickyHeader .actions div form div ul { background: 0 0!important; border: 1px solid rgba(255, 255, 255, .65)!important; border-radius: 3px!important; margin-top: 4px!important; height: 20px!important } ._5-r div ._ph4._ph5 { position: absolute; z-index: 2; width: 90px; background: rgba(0, 0, 0, .35)!important; border: none!important; bottom: 0; transition: background .12s, padding .3s; text-align: center!important; padding: 1px 6px!important } ._5-r ._93k { position: relative } ._5-r div:hover ._ph4._ph5 { background: rgba(0, 0, 0, .75)!important; padding: 4px 6px!important } ._5-r div ._ph4._ph5 div { height: auto!important } ._5-r div ._ph4._ph5 div a { color: #fff!important } .friendListing a .friendName { background: rgba(0, 0, 0, .45)!important; transition: all .12s; text-align: center!important; padding: 1px 5px!important } .friendListing a:hover .friendName { background: rgba(0, 0, 0, .75)!important; padding: 4px 5px!important } .mas { transition: all .3s; margin: 1px!important } .friendListing a:hover .mas { margin: 5px!important } body:not(.SettingsPage) #leftCol:after { content: ""; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%); height: 100%; width: 10px; position: absolute; top: 0; right: 0; z-index: 10 } ._5bon ._568-+i, ._5bon ._568-:empty+i, ._5bon:empty { background-size: 12px 11px!important } body:not(.SettingsPage) #leftCol:hover { width: 169px!important; transition: all .3s cubic-bezier(.07, .64, .33, .97)!important } body:not(.SettingsPage) #pagelet_navigation { height: 88vh!important; overflow: scroll!important; width: 203px!important; opacity: .9!important; margin-left: -10px!important } body:not(.SettingsPage) #pagelet_navigation .sideNavItem a { padding-left: 36px!important } body:not(.SettingsPage) #pagelet_welcome_box { width: 183px!important } body:not(.SettingsPage) #pagelet_navigation .navHeader { padding-left: 10px!important } body:not(.SettingsPage) ._55y4 ._bui ._5afe { padding-left: 28px!important } body:not(.SettingsPage) #leftCol:hover ._55y4 ._bui ._5afe .linkWrap { opacity: 1!important } body:not(.SettingsPage) #leftCol .uiHeaderTitle { width: 140px!important } body.Locale_en_US:not(.SettingsPage) ._5o88 { margin-left: 10px!important } body.Locale_en_US:not(.SettingsPage) #pagelet_navigation { width: 201px!important; overflow-x: hidden!important } body.Locale_en_US:not(.SettingsPage) ._36hd, body.Locale_en_US:not(.SettingsPage) ._4r58 { width: 180px!important } #facebook.sidebarMode:not(.miniSidebar) ._5qqe { height: 50px!important; margin-top: 0!important } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon, ._5bon ._568-+i, ._5bon ._568-:empty+i { margin: 0!important; width: 13px!important; height: 13px!important; padding: 0!important } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar:hover { right: 0!important; transition: all .2s cubic-bezier(.07, .64, .33, .97)!important; box-shadow: 0 0 7px 5px rgba(0, 0, 0, .1)!important } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon { position: absolute!important; left: 2px!important; top: -2px!important; line-height: normal!important; border-radius: 20px!important } ._5bon:empty { background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important; background-position: 0 1px!important; background-color: #999!important; border: 1px solid #fff!important } ._5bon ._568-+i { background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important; background-position: 0 2px!important; background-color: #50657e!important; border-radius: 20px!important; border: 1px solid #fff!important } ._5bon ._568-:empty+i { background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important; background-position: 0 1px!important; background-color: #72aa19!important; border-radius: 20px!important; border: 1px solid #fff!important } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar ._5q88.fbChatTypeahead .textInput { padding-left: 45px!important } .UFIComment, .fbPhotosSnowboxFeedbackInput .UFIAddComment { padding: 10px 4px!important } #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar._5pr2 ._5q87 { left: 15px!important } ._2sb4 ._2sb5 img, .fbFeedTickerStory .tickerStoryImage { border-radius: 50%!important } #facebook:not(.sidebarMode) #mainContainer { margin-left: -85px!important } .UFIContainer, .UFILikeSentence, .UFIRow { background: #fff!important; border-radius: 0!important } .UFIContainer { position: relative; border: none!important; bottom: 0!important; left: 0!important; box-shadow: none!important; border-radius: 0!important } .UFIAddComment, .UFIComment { background: 0 0!important } .UFIAddCommentInput { border-radius: 15px!important; border-color: #D2D3D7!important } .UFIImageBlockImage img { border-radius: 50%!important } ._5vsj .UFIRow.UFIFirstComponent { border-top: 0!important } .UFIArrow { background-color: #fff!important } .UFIArrow>i { opacity: 0!important } .fbPhotoSnowliftPopup .UFIAddCommentInput._5vr7._5yk1 { margin-top: 3px!important } .fbPhotosSnowliftFeedback .UFIContainer, .fbPhotosSnowliftFeedback .UFILikeSentence, .fbPhotosSnowliftFeedback .UFIPagerRow, .fbPhotosSnowliftFeedback .UFIReplyList, .fbPhotosSnowliftFeedback .UFIShareRow { background: #fff!important } .fbPhotosSnowliftFeedback .UFILikeSentence { border-top: 1px solid #eee!important; border-bottom: 1px solid #eee!important } .UFIComment { position: relative!important } .UFIComment:not(.UFIFirstComment):before { content: ""; position: absolute; top: 0; left: 3%; width: 93%; height: 1px; background: rgba(0, 0, 0, .07) } ._1nc6 div div div._5w1r, ._1nc7 div div div._5w1r { font-family: calibri!important; line-height: 1.25!important; position: relative!important; top: -2px; -webkit-box-shadow: none!important; text-shadow: none!important } ._1nc7 ._5ys_, ._1nc7 ._5ys_ img { width: 30px!important } .fbPhotosSnowliftFeedback .UFIReplyList .UFIRow { border-bottom: 0!important } .fbPhotosSnowboxFeedbackInput .UFIImageBlockContent, .fbPhotosSnowboxFeedbackInput .UFIImageBlockContent div { height: 30px!important } .fbPhotosSnowboxFeedbackInput .UFIList { height: 50px!important } .fbPhotosSnowboxFeedbackInput .UFIAddComment ._5yk2 { padding: 4px 50px 0 5px!important; height: auto!important } ._1nc7 ._5ys_, ._1nc7 ._5ys_ img, ._3e2s { height: 30px!important } .fbPhotosSnowboxFeedbackInput .UFIAddComment .UFICommentAttachmentButtons { bottom: -4px!important; right: 4px!important } .UFICommentStickerButton { margin-top: -1px!important } .UFIReplyList .UFIRow.UFIPartialBorder .UFICommentContent { border-top: 0!important } .fbChatSidebar, .fbDockChatTabFlyout .fbNubFlyoutBody, .fbNubFlyoutTitlebar { background-color: #fff!important } ._1nc6 div div div:before { display: none!important; background-color: #5877BF!important; padding-right: 5px!important } ._1nc6 ._5w1r, ._1nc6 ._5w1r:before, ._5q5b .fbNubFlyoutTitlebar { background-image: none!important } ._1nc6 div div div._5w1r { background-color: #5877BF!important; color: #fff!important; border-radius: 2px!important; border: 0!important; margin-right: 2px!important } ._1nc6 div div div._5w1r div span._5yl5 span a, ._1nc6 div div div._5w1r div._5wdd div._59go div div.MercuryLinkRight div.fsm, ._5wd4 ._59gp { color: #dceeff!important } ._1nc6 ._5w1r .__6k, ._1nc6 ._5w1r .__6l, ._1nc6 ._5w1r .__6m, ._1nc6 div div div._5w1r div._5wdd div._59go div div.MercuryLinkRight div a { color: #fff!important } ._5wdd ._55pk ._rpb a._ksh { max-width: 172px!important } ._5wdd ._55pk ._rpb ._5uf0 label.uiCloseButtonSmallDark { background-image: url(https://pbs.twimg.com/media/CNyfrd-WgAAXrJU.png)!important; background-color: #f3f3f3!important } ._1nc7 ._5w1r, ._2dpe:after, ._2dpe:hover::after, ._3e2s, ._4f7n:after { background-image: none!important } ._5wdd ._55pk ._rpb ._5sly ._5e4h { border: 1px transparent!important; background-color: #f3f3f3!important; margin: 1px!important } ._5wdd ._55pk ._rpb ._5sly ._5e4h ._5e4k { background-color: #77b1ff!important; border: 1px transparent!important } ._1nc7 div div div._5w1r, ._3e2s { background-color: #eaeaea!important } ._1nc6 ._5w1r ._r38 { border-top: 0!important } ._1nc6 ._5w1r ._4yp6 div { border-radius: 5px!important } ._1nc7 div div div._5w1r { color: #000!important; border-radius: 2px!important; border: 0!important; margin-left: 2px!important; margin-bottom: 3px } ._1nc7 ._5w1r { padding: 0!important } ._1nc7 div div div._5w1r div span span a, div.MercuryLinkRight div.fcg, div.MercuryLinkTitle a { text-shadow: none!important } ._1nc7 ._5wd9 div div ._zl6 ._55pk { padding: 6px 4px 4px!important } ._1nc7._2cnu { padding: 0!important } ._1nc7 ._5ys_ { bottom: 6px!important } ._5wd4 { padding: 3px 0 2px!important } ._1nc7 a._5ys_ img { border-radius: 50%!important } ._5v3q ._4-eo::after, ._5v9k .UFIAddComment .UFIImageBlockImage:after, ._5v9k .UFIComment .UFIImageBlockImage:after, ._5v9u:after, .litestandClassicWelcomeBox .fbxWelcomeBoxBlock:after, .uiScaledImageContainer { border: 0!important } ._5wdd { margin-left: 0!important } ._1nc6 ._1rqb { margin-right: 0!important } ._56oy ._55pk { padding-right: 2px!important } ._5wdd ._52kr { border-radius: 15px!important } ._3e2s { border-radius: 3px!important; overflow: hidden!important } ._3e2s ._4b0g { margin-left: 12px!important } ._5q5b .rNubContainer ._50-v.opened { margin-left: 39px!important } .uiInlineTokenizer { border: 1px solid silver!important } .fbNubFlyoutTitlebar { margin-left: -30px!important; border-radius: 0!important } ._5q5b ._50mz .titlebar .titlebarTextWrapper { margin: 6px 8px!important } .titlebarLabel:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 70px; background: #f7f7f7 } .fbNubFlyoutTitlebar div div.openToggler, .fbNubFlyoutTitlebar div div:active { background-color: #e9e9e9!important } ._5q5b .fbNubFlyoutTitlebar.titlebar, ._5q5b .fbNubFlyoutTitlebar.titlebar:hover { border: 1px solid #e2e2e2!important; background: #fdfdfd!important; box-shadow: 0 5px 17px -5px transparent!important; position: relative!important; z-index: 1!important; border-radius: 0!important } .titlebarTextWrapper a { color: #424242!important; text-shadow: none!important } .titlebarTextWrapper { padding: 7px 0 0 30px!important } .fbNubFlyoutBody { border: 0!important } .fbNubFlyout.fbDockChatTabFlyout { margin-bottom: 5px!important } #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn { background-image: url(https://pbs.twimg.com/media/CNydNtaWEAAfaVO.png)!important; background-position: 0 1px!important; background-size: 11px 12px!important } #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._3jyj { background-image: url(https://pbs.twimg.com/media/CNyc-NhWIAE6_9U.png)!important; background-position: -25px 3px!important; background-size: 52px 25px!important; opacity: .7!important } #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .addToThread:active, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .addToThread:hover, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close:active, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close:hover, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu:active .button, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu:hover .button, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .phoneicon:active, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .phoneicon:hover, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .videoicon:active, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .videoicon:hover { opacity: 1!important } #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._2fpd { background-image: url(https://pbs.twimg.com/media/CNycwocWcAU__eL.png)!important; background-position: -25px 3px!important; background-size: 52px 25px!important; opacity: .7!important } #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._2fpc { background-image: url(https://pbs.twimg.com/media/CNycsWjWwAARAFx.png)!important; background-position: -27px 3px!important; background-size: 52px 25px!important; opacity: .7!important } #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu a { background-image: url(https://pbs.twimg.com/media/CNycYo-WUAAqG75.png)!important; background-position: -25px 3px!important; background-size: 52px 25px!important; opacity: .7!important } ._4mq3 div._5qth ._5vmb { background-position: 2px 3px!important; background-size: 42px 20px!important; opacity: .7!important } #ChatTabsPagelet .fbNub .fbChatTab .close, #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close { background-image: url(https://pbs.twimg.com/media/CNya-39WoAAQT_m.png)!important; background-position: -25px 3px!important; background-size: 52px 25px!important; opacity: .7!important } #ChatTabsPagelet .fbNub .fbChatTab .close { background-position: -4px -4px!important; background-size: 42px 20px!important; opacity: .7!important } ._5q5b ._50mz .fbNubFlyoutFooter:after { margin: 0 15px; width: 82%!important } ._50mz .emoticonsPanel.openToggler .emoteTogglerImg { background-color: #fff!important; border: #fff!important; background-image: url(https://pbs.twimg.com/media/CNygGG4WcAIzc1e.png)!important; background-size: auto!important; background-position: -287px -60px!important } ._5w-6 { background-color: #fdfdfd!important; font-weight: 400!important; text-transform: uppercase } ._5w-5, ._5w-6 { background-image: none!important } .fbNubFlyoutTitlebar div.titlebarLabel { color: #000!important } ._5q5b .fbNubButton { background: #fdfdfd!important } #BuddylistPagelet ._56ox .fbNubFlyout div div .fbNubFlyoutTitlebar { border-color: #e0e0e0!important } #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn, ._51sn, ._5q5b ._5238 ._51sn { height: 30px!important; width: 30px!important; position: absolute!important; left: 0; top: 0; background-size: 18px 18px!important } .fbNubFlyoutTitlebar:before { bottom: 0!important } .fbNubFlyoutInner .fbNubFlyoutTitlebar { height: 30px!important; border: 0!important } ._5238 ._51sn { background-color: #72aa19!important; background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important; background-position: 8px 5px!important } ._5q5b ._50mz .titlebar .titlebarText { margin-left: 33px!important } #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn { background-color: #50657e!important; background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important; background-position: 7px 6px!important } ._51sn { display: block!important; background-color: #ccc!important; background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important; background-position: 8px 5px!important; background-repeat: no-repeat!important } .titlebarButtonWrapper a { padding: 2px 2px 2px 0!important } ._5q5b .fbNubFlyoutTitlebar:before { display: none!important } .fbNubFlyoutHeader ._51mx td._51mw label { background-image: none!important; background-color: #797979!important; border-color: #797979!important } .uiButton input, .uiButtonText { padding: 0 0 1px!important } ._51mx td._51mw label input { padding-top: 3px!important } ._1yv div._t div div div._1yw { background-color: #fff!important; color: #343434; text-align: center; border-bottom: 2px dotted #c3c3c3; padding: 10px!important } ._1yv div._t div div div._14 div.pam button { background-image: none!important; background-color: #4d4d4d; border-color: #4d4d4d } div.pvm span.fsm a { color: #7f7f7f!important } .fbChatOrderedList li ul li._42fz a._55ln:hover { background-color: #eee!important } .stickerContainer { background-color: #fdfdfd!important } #ChatTabsPagelet .uploadFileRow ._2qf, div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot img.loading { height: 0!important; width: 0!important; padding-left: 16px!important; padding-top: 11px!important; margin-top: 10px!important; background: url(http://i.minus.com/irQrnxTI0QWNL.gif) no-repeat!important } #ChatTabsPagelet .uploadFileRow ._2qf { margin-top: 3px!important; margin-right: -2px!important } ._1nc7 ._3okg:before, ._1nc7 ._5w1r { background-color: transparent!important; background-image: none!important } ._4tdt ._4tdw, div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot div._51lq div div._50ke a.profileLink img.profilePhoto, li._42fz a._55ln ._55lp ._56p9 ._55lt { border-radius: 50%!important; overflow: hidden!important } div.conversation div div._1nc7 a:after, div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot div._51lq div div._50ke a.profileLink:after { background-image: none!important } .fbChatOrderedList li ul li._42fz a div div._56p9:after { border: 0 solid transparent!important } ._1mjb { background: #fff!important; margin: -3px } ._1mi-, ._1miz, ._1mj0 { background-color: #eaeaea } ._5w0o { background: #f7f7f7!important } div:not(.conversation) ._1nc7 ._3_om { border: 0!important; position: relative; top: 2px } ._5x7x ._4b0g { border-radius: 2px!important; padding: 6px 10px; background-color: #eaeaea!important } .fbNubFlyoutFooter ._552n { position: absolute!important; left: -31px!important; top: -240px!important; bottom: -1px!important; width: 31px!important; background: #F3F3F3!important; display: flex!important; flex-direction: column; justify-content: flex-end } ._552n ._6ge { order: 3 } ._552n ._6gf { order: 4 } ._552n ._6gs { order: 1 } ._552n ._6gg { order: 2!important } ._552n ._6gb { order: 5 } ._552n ._6gd { height: 23px; width: 23px; padding: 8px 0 0 7px } .fbNubFlyoutFooter ._552n div { margin: 0!important } ._8mr ._3_a7 { padding: 2px 5px 6px!important } ._552n ._6gd:hover { background-color: #E8E8E8!important } .rNubContainer ._50-v.opened { margin-left: 39px!important } .fbNubFlyoutFooter ._552n div:not(._5g2o) i { background-image: url(https://pbs.twimg.com/media/CRPHO4mXAAAza81.png)!important; background-size: auto!important; opacity: 1!important } .fbNubFlyoutFooter ._552n div:not(._5g2o) i._2wye { background-position: -16px 0!important; margin-left: 1px!important } .fbNubFlyoutFooter ._552n div:not(._5g2o) i._4l9x { background-position: -32px 0!important; margin-left: 2px!important } .fbNubFlyoutFooter ._552n div:not(._5g2o) i._4-fy { background-position: 0 0!important; margin: 4px 0 0 2px!important } .fbNubFlyoutFooter ._552n div:not(._5g2o) i._509w { background-position: -48px 0!important; margin-left: 1px } .fbNubFlyoutFooter { padding: 0!important } ._5q5b .highlightTab .fbNubButton:after, ._5q5b .highlightTab .fbNubButton:before { background-image: none!important } ._5q5b .highlightTab .fbNubButton { border-color: rgba(0, 0, 0, .2)!important; background-color: #fff!important } #ChatTabsPagelet .fbNubButton ._51lp, ._5q5b .highlightTab .fbNubButton .wrapWrapper .lfloat { border-radius: 50%!important; border: none!important; background-image: none!important; text-shadow: none!important; background-color: #d64848!important; width: 16px!important; height: 14px!important; padding: 2px 0 0!important; text-align: center!important; font-size: 9px!important; margin-top: -1px!important } ._5q5b .highlightTab .fbNubButton .wrapWrapper .name { font-size: 12px!important; margin-top: 1px!important } ._5q5b .highlightTab._50mz .funhouse .close:active, ._5q5b .highlightTab._50mz .funhouse .close:focus, ._5q5b .highlightTab._50mz .funhouse .close:hover, ._5q5b .highlightTab._50mz a:hover .fbChatTab .funhouse .close { background-image: url(https://pbs.twimg.com/media/CNygGG4WcAIzc1e.png)!important } ._5q5b .highlightTab .fbNubButton .fbChatTab .wrapWrapper div div .name.fwb { color: #5877BF!important; text-shadow: none!important } #ChatTabsPagelet div .fbNubGroup .highlightTab.opened.highlightTitle .fbDockChatTabFlyout .fbNubFlyoutInner .fbNubFlyoutTitlebar { background-image: none!important; background-repeat: repeat-x!important; border-top-color: rgba(0, 0, 0, .1)!important; background-color: #fff!important } #ChatTabsPagelet div .fbNubGroup .highlightTab.opened.highlightTitle .fbDockChatTabFlyout .fbNubFlyoutInner .fbNubFlyoutTitlebar .titlebarLabel h4 a { color: #5877BF!important; animation: vibrar .2s ease 3 } #ChatTabsPagelet div .fbNubGroup .fbNub a { border-width: 1px!important } @keyframes vibrar { 0%, 100%, 40% { transform: translate(0, 0) } 20% { transform: translate(2px, 0) } 60% { transform: translate(-1px, 0) } } ._2t-f ._1z4y ._1y2l ._55lt { border-radius: 50%!important; overflow: hidden!important } ._2t-f .jewelContent a.messagesContent { border: none!important } ._2t-f ._1z4y ._1y2l ._42ef { border-top: none!important; border-bottom: 1px solid rgba(0, 0, 0, .08)!important; padding-bottom: 2px!important } ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li.jewelItemNew { background: rgba(17, 119, 238, .04)!important; position: relative!important } ._2t-f .jewelContent li.jewelItemNew { position: relative!important } ._2t-f .jewelContent li .messagesContent { padding-bottom: 0!important } ._2t-f .jewelContent li:hover { background: #f7f7f7!important } ._2t-f .MercuryThreadImage { margin: 4px 10px 4px 0!important } ._2t-f .MercuryThreadImage, ._3t_z .MercuryThreadImage div, ._3t_z .MercuryThreadImage img { height: 45px!important; width: 45px!important } ._2t-f .jewelContent li.jewelItemNew:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: #4F7BE0 } ._3v_l { margin-left: -1px!important } ._1y2l .jewelHighlight .jewelContent li.jewelItemNew a:hover div div div .content .author strong, ._2t-f .jewelContent li.jewelItemNew a div div div .content .author strong { color: #5877BF!important; font-size: 13px!important; position: relative!important; font-weight: 800!important } ._2t-f .jewelContent .content .author strong { font-weight: 400!important } ._2t-f .jewelItemNew a.messagesContent:hover .snippet.preview span span { color: #000!important } ._1y2l li a.messagesContent:hover { background: #FBFBFB!important } ._2t-f .jewelContent li a div div div .content .snippet.preview span:not(.MercuryRepliedIndicator) { position: relative!important; z-index: -1 } div.fbNubFlyoutBodyContent ._510g.seen ._510h { background-image: url(https://pbs.twimg.com/media/CNyfJVKWUAArP8j.png)!important } ._1z4y .jewelContent .content .author span.presenceIndicator { position: absolute!important; bottom: 5px!important; left: 30px!important; border: 2px solid #fff; border-radius: 50%!important; width: 15px!important; height: 15px!important; background-color: #999!important; background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important } ._1z4y .jewelContent .content .author span.presenceMobile { background-color: #50657e!important; background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important; background-position: 0 0!important; background-size: auto!important } ._1z4y .jewelContent .content .author span.groupThread { width: 0!important; height: 0!important; border: none!important } ._1z4y .jewelContent .content .author span.presenceActive { background-color: #72aa19!important; background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important; background-position: 0 0!important; background-size: auto!important } ._1z4y .jewelContent .content .author strong { position: relative!important; bottom: -7px!important; font-size: 13px!important } ._1z4y .jewelContent .content .snippet.preview { color: rgba(0, 0, 0, .5)!important; position: relative!important; bottom: -7px!important } ._1z4y .jewelContent .jewelItemNew .content .snippet.preview { color: #000!important } ._1z4y .jewelContent .content .time abbr { color: #666!important; float: right!important; position: relative!important; top: -25px!important; right: 10px!important; font-size: 13px!important } ._1z4y .jewelContent .jewelItemNew .content .time abbr { color: #5790CA!important } ._2t-f ._1z4y ._1y2l li.jewelItemNew a.messagesContent { background: 0 0!important; border: none!important } ._2t-f ._1z4y ._1y2l .jewelContent li.jewelItemNew a.messagesContent:hover { border: none!important } ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li a { border: none!important; padding: 6px 20px 0 8px!important } ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li:first-child a { padding: 8px 20px 0 8px!important } ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li a:hover { background: rgba(0, 0, 0, .02)!important } .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m, .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m) { display: block!important; padding: 6px 5px 5px 25px!important; font-size: 13px!important; position: absolute!important; top: 0!important; background-color: #fff!important; height: 16px!important; overflow: hidden; transition: all .4s ease; background-position: 5px; background-repeat: no-repeat; text-decoration: none!important } ._2t-f ._1z4y ._1y2l .uiHeader div a.uiHeaderActions.rfloat._ohf, ._3t_z ._1z4y ._1y2l #MercuryJewelFooter .jewelFooter a.seeMore span { color: #525252!important } .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m { color: #fff!important; right: 32px!important; border: 1px solid transparent!important; border-left-color: rgba(0, 0, 0, .08)!important; max-width: 0!important; background-image: url(https://pbs.twimg.com/media/CNydczpWUAUoyrx.png)!important } .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m:hover { max-width: 300px!important; color: #3b5998!important; border-left-color: rgba(0, 0, 0, .2)!important } .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m) { color: #fff!important; right: 0!important; border: 1px solid transparent!important; border-left-color: rgba(0, 0, 0, .08)!important; max-width: 0!important; background-image: url(https://pbs.twimg.com/media/CNyeDHaWEAAgrlk.png)!important; box-shadow: 0 0 2px 2px transparent inset } .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m):hover { max-width: 300px!important; color: #3b5998!important; border-left-color: rgba(0, 0, 0, .2)!important } ._5sqx { top: 51px!important } * { font-family: lato, arial !important; } /* * * * * * * * * * * Personal Fixes * * * * * * * * * * */ /* Remove that box above the profile picture on the navbar */ ._1k67 ._2s25:after { border: none !important; } /* Stop search bar from obstructing the upper left facebook icon */ ._50tm { margin-left: 39px; } /* Make left sidebar appear above newsfeed */ #leftCol { z-index: 7 !important; } }