bearbear12345 icon

CSS Userstyle | Minimalist Facebook 2015 Custom Font Fix

bearbear12345 | PRO | 12/07/16 11:20:24 AM UTC | 0 ⭐ | 362 👁️ | Never ⏰ | []
CSS |

46.54 KB

|

None

|

0 👍

/

0 👎

@-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;
}
}

Comments