API tools faq
paste
bearbear12345

CSS Userstyle | Minimalist Facebook 2015 Custom Font Fix

bearbear12345
Dec 7th, 2016
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.54 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("https://www.facebook.com"), url-prefix("https://apps.facebook.com") {
  2. /*
  3. Custom font patch for Minimalist Facebook 2015
  4. Original Link: https://userstyles.org/styles/108909
  5. */
  6.  
  7. @import url('https://fonts.googleapis.com/css?family=Lato');
  8. body:not(.SettingsPage) #leftCol {
  9.     padding: 10px !important;
  10.     position: fixed !important;
  11.     left: 0 !important;
  12.     overflow: hidden !important;
  13.     height: 100vh !important;
  14.     background: #fff !important;
  15.     width: 18px !important;
  16.     transition: all .5s cubic-bezier(.07, .64, .33, .97) !important;
  17. }
  18.  
  19. ._55y4 ._bui ._5afe .linkWrap {
  20.     padding-left: 4px !important;
  21.     opacity: 0 !important;
  22.     transition: all .15s ease !important;
  23. }
  24.  
  25. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar {
  26.     right: -160px !important;
  27.     transition: all .5s cubic-bezier(.07, .64, .33, .97) !important;
  28.     -webkit-box-shadow: none !important;
  29.     border-left: 0 !important;
  30.     box-shadow: none !important;
  31. }
  32.  
  33. .sidebarMode ._48gf {
  34.     right: 50px !important;
  35. }
  36.  
  37. #pagelet_sidebar,
  38. #pagelet_dock {
  39.     position: relative;
  40. }
  41.  
  42. #pagelet_dock {
  43.     z-index: 20;
  44. }
  45.  
  46. .sidebarMode .timelineLayout #globalContainer {
  47.     padding-right: 0 !important;
  48. }
  49.  
  50. ._2gyk,
  51. h1._19ea a span {
  52.     position: fixed!important
  53. }
  54.  
  55. #blueBarDOMInspector,
  56. ._2exj,
  57. ._2pdh,
  58. ._2pdh a,
  59. ._2s1x ._2s1y,
  60. ._4fn6,
  61. ._4fn6 a,
  62. ._5lxr,
  63. ._fmc,
  64. ._uaw.__wu,
  65. h1._19ea a span {
  66.     height: 50px!important
  67. }
  68.  
  69. .home ._li,
  70. .home ._li #contentCol,
  71. .timelineLayout ._li,
  72. .timelineLayout ._li .fbTimelineTimePeriod {
  73.     background-color: #e3e3e3!important
  74. }
  75.  
  76. body {
  77.     overflow-x: hidden!important
  78. }
  79.  
  80. .sidebarMode #globalContainer {
  81.     padding-right: 170px!important
  82. }
  83.  
  84. ._2s1x ._2s1y {
  85.     background-image: none!important;
  86.     background-color: #4562a4!important;
  87.     -webkit-box-shadow: none!important;
  88.     border: 0!important
  89. }
  90.  
  91. #findFriendsNav,
  92. ._2s1x ._2s25 span,
  93. ._2s24::before,
  94. ._38vo:after,
  95. ._3zm-._3zm-._55bj._55bh,
  96. ._4f7n._1s4v._26aw:after,
  97. ._4fn6 ._2dpb,
  98. ._4fn6 a:after,
  99. ._4kny ._8-a,
  100. ._55bh:after,
  101. ._55lq:after,
  102. ._56lq,
  103. .smurfbarBottomBorder,
  104. .smurfbarTopBorder {
  105.     display: none!important
  106. }
  107.  
  108. h1._19ea a span {
  109.     left: 0!important;
  110.     top: 0!important;
  111.     width: 39px!important;
  112.     background-color: #3F5A99!important;
  113.     background-image: url(https://pbs.twimg.com/media/COkd75kWUAA1vTZ.png)!important;
  114.     background-position: -3px 6px!important;
  115.     background-size: 35px 33px!important;
  116.     background-repeat: no-repeat!important;
  117.     margin: 0!important
  118. }
  119.  
  120. ._4f7n._1s4v._26aw ._uaw[role=banner] {
  121.     padding: 0!important;
  122.     width: 800px!important
  123. }
  124.  
  125. ._2gyk {
  126.     width: 800px!important;
  127.     right: auto!important;
  128.     margin: 0 auto!important
  129. }
  130.  
  131. ._uaw.__wu {
  132.     position: relative!important
  133. }
  134.  
  135. ._2exj {
  136.     margin: 0!important;
  137.     display: flex!important
  138. }
  139.  
  140. ._1uh-,
  141. ._2t-f,
  142. ._4kny ._4962 {
  143.     margin: 0!important;
  144.     padding: 0!important
  145. }
  146.  
  147. ._2pdh,
  148. ._2pdh a,
  149. ._4fn6,
  150. ._4fn6 a,
  151. ._5lxr {
  152.     width: 50px!important;
  153.     margin: 0!important;
  154.     padding: 0!important
  155. }
  156.  
  157. ._5lxr {
  158.     width: 35px!important
  159. }
  160.  
  161. ._2pdh a:active,
  162. ._2pdh a:focus,
  163. ._2pdh a:hover,
  164. ._2t-f .uiToggle:active,
  165. ._2t-f .uiToggle:focus,
  166. ._2t-f .uiToggle:hover,
  167. ._4fn6 a:active,
  168. ._4fn6 a:focus,
  169. ._4fn6 a:hover,
  170. ._5lxr:active,
  171. ._5lxr:focus,
  172. ._5lxr:hover {
  173.     background-color: #3F5A99
  174. }
  175.  
  176. ._2exj ._2pdh a,
  177. ._2t-f .jewelButton,
  178. ._4kny ._5lxr .uiPopover ._5lxt,
  179. ._4kny div[data-click=home_icon] a {
  180.     height: 50px!important;
  181.     width: 50px!important;
  182.     background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important;
  183.     background-size: 330px 55px!important;
  184.     padding: 0!important
  185. }
  186.  
  187. a.jewelButton ._2n_9,
  188. a.jewelButton ._2n_9:hover {
  189.     background-image: none!important
  190. }
  191.  
  192. #fbRequestsJewel .jewelButton {
  193.     background-position: -58px -3px!important
  194. }
  195.  
  196. ._1z4y .jewelButton {
  197.     background-position: -113px -3px!important
  198. }
  199.  
  200. ._4xi2 .jewelButton {
  201.     background-position: -168px -3px!important
  202. }
  203.  
  204. ._4kny ._5lxr .uiPopover ._5lxt {
  205.     width: 35px!important;
  206.     background-position: -231px -3px!important
  207. }
  208.  
  209. ._4kny div[data-click=home_icon] a {
  210.     background-position: -278px -3px!important;
  211.     color: transparent!important;
  212.     text-shadow: none!important
  213. }
  214.  
  215. ._1uh- .uiPopover ._p {
  216.     margin: 0!important;
  217.     padding: 0!important
  218. }
  219.  
  220. ._2s1x ._2s25,
  221. ._4q39 {
  222.     padding: 0;
  223.     margin: 0
  224. }
  225.  
  226. ._2s1x ._2s25 {
  227.     width: 50px;
  228.     height: 50px
  229. }
  230.  
  231. ._2s1x ._2s25 img {
  232.     border-radius: 50%!important;
  233.     height: 24px!important;
  234.     width: 24px!important;
  235.     margin: 12px 13px!important;
  236.     border-color: transparent
  237. }
  238.  
  239. ._2pdh ._5ah- ._5ahz,
  240. ._4kny div[data-click=home_icon] a ._4u90 div {
  241.     background-color: #d64848!important;
  242.     height: 15px!important;
  243.     width: 15px!important;
  244.     padding: 0!important;
  245.     -webkit-box-shadow: none!important;
  246.     font-size: 10px!important;
  247.     color: #fff!important;
  248.     border-radius: 50%!important;
  249.     text-align: center!important
  250. }
  251.  
  252. ._4kny div[data-click=home_icon] a ._4u90 div {
  253.     box-shadow: none!important;
  254.     background-image: none!important
  255. }
  256.  
  257. #fbProfileCover ._5ugg {
  258.     position: relative!important;
  259.     top: -2px!important
  260. }
  261.  
  262. ._2pdh ._5ah- ._5ahz {
  263.     margin: 6px 0 0 2px!important;
  264.     box-shadow: none!important
  265. }
  266.  
  267. ._2t-f ._1z4y .uiToggleFlyout,
  268. ._2t-f ._3nzl .uiToggleFlyout,
  269. ._2t-f ._4xi2 .uiToggleFlyout {
  270.     right: -193px!important;
  271.     top: 50px!important;
  272.     max-height: 0!important;
  273.     transition: max-height .2s cubic-bezier(.07, .64, .33, .97)!important;
  274.     display: block!important;
  275.     opacity: 0!important;
  276.     z-index: -1!important;
  277.     overflow: hidden!important;
  278.     -webkit-box-shadow: none!important
  279. }
  280.  
  281. #facebook.sidebarMode:not(.miniSidebar) #pagelet_canvas_nav_content,
  282. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._56p9:after,
  283. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon ._568-,
  284. ._1nc6 ._5w1r:after,
  285. ._1nc7 ._5w1r:after,
  286. ._3tmp .loadingNavigation,
  287. ._4ypf,
  288. ._4yph,
  289. ._5otg::after,
  290. ._5ys_::after,
  291. .bottomBorder,
  292. .topBorder,
  293. body:not(.SettingsPage) #leftCol:hover:after {
  294.     display: none!important
  295. }
  296.  
  297. ._2t-f ._3nzl.openToggler .uiToggleFlyout,
  298. ._2t-f ._4xi2.openToggler .uiToggleFlyout {
  299.     max-height: 600px!important;
  300.     opacity: 1!important
  301. }
  302.  
  303. ._2t-f ._1z4y.openToggler .uiToggleFlyout {
  304.     max-height: 520px!important;
  305.     opacity: 1!important
  306. }
  307.  
  308. ._2t-f ._4xi2 ._33p ._33c._4af ._33e {
  309.     background: #fff!important
  310. }
  311.  
  312. ._2t-f ._3nzl .fbRequestList li:before,
  313. ._2t-f ._4xi2 ._33p ._33c._4af ._33e:before {
  314.     content: "";
  315.     position: absolute;
  316.     top: 0;
  317.     left: 0;
  318.     width: 3px;
  319.     height: 100%;
  320.     background: #4F7BE0
  321. }
  322.  
  323. #pagelet_composer ._s0.img,
  324. ._2t-f ._3nzl .fbRequestList .img,
  325. ._2t-f ._3nzl .friendBrowserListUnit .img,
  326. ._2t-f ._4xi2 ._33p ._33c ._33h,
  327. ._55lt img,
  328. ._5pat ._5sq7,
  329. .ego_section ._rw {
  330.     border-radius: 50%!important;
  331.     border: 1px solid rgba(0, 0, 0, .15)!important
  332. }
  333.  
  334. ._2t-f ._4xi2 ._33p ._33c ._33h {
  335.     height: 45px!important;
  336.     width: 45px!important
  337. }
  338.  
  339. ._2t-f ._3nzl .fbRequestList li,
  340. ._2t-f ._3nzl .friendBrowserListUnit,
  341. ._2t-f ._4xi2 ._33p ._33c {
  342.     border: 0!important;
  343.     position: relative!important
  344. }
  345.  
  346. ._2t-f ._3nzl .friendBrowserListUnit:before,
  347. ._2t-f ._4xi2 ._33p ._33c:before {
  348.     content: "";
  349.     position: absolute;
  350.     bottom: 0;
  351.     left: 60px;
  352.     width: 81%;
  353.     height: 1px;
  354.     background: rgba(0, 0, 0, .08);
  355.     z-index: 90
  356. }
  357.  
  358. ._2t-f ._4xi2 ._33p ._33c ._33e:hover {
  359.     background: #f7f7f7!important
  360. }
  361.  
  362. button[type=submit] {
  363.     background-image: none!important;
  364.     box-shadow: none!important
  365. }
  366.  
  367. ._3t_z .openToggler .jewelButton {
  368.     background-color: #375392!important
  369. }
  370.  
  371. .uiContextualLayer._5v-0._53il.uiContextualLayerBelowRight {
  372.     top: 27px!important
  373. }
  374.  
  375. .uiContextualLayer._5v-0._53il.uiContextualLayerBelowRight div {
  376.     border-radius: 0!important;
  377.     -webkit-box-shadow: none!important
  378. }
  379.  
  380. #pagelet_bluebar .uiTypeahead {
  381.     height: 29px!important;
  382.     border-radius: 0!important;
  383.     background-color: transparent!important;
  384.     border-bottom: 1px solid #A6B7D7!important
  385. }
  386.  
  387. #pagelet_bluebar .uiTypeahead:after,
  388. #pagelet_bluebar .uiTypeahead:before {
  389.     position: absolute;
  390.     height: 6px;
  391.     width: 1px;
  392.     background-color: #A6B7D7;
  393.     bottom: 0;
  394.     content: ""
  395. }
  396.  
  397. #pagelet_bluebar .uiTypeahead:before {
  398.     left: 0
  399. }
  400.  
  401. #pagelet_bluebar .uiTypeahead:after {
  402.     right: 0
  403. }
  404.  
  405. #pagelet_bluebar .uiTypeahead div div span span input {
  406.     color: #dce1ec!important;
  407.     margin: 5px!important;
  408.     padding-left: 3px!important;
  409.     height: auto!important
  410. }
  411.  
  412. #pagelet_bluebar .uiTypeahead div div span span button {
  413.     background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important;
  414.     background-size: 245px 40px!important;
  415.     background-position: -13px -13px!important;
  416.     margin: 8px -5px 4px 0!important;
  417.     opacity: .7!important
  418. }
  419.  
  420. #pagelet_bluebar .textInput .inputtext {
  421.     color: #fff!important;
  422.     margin-top: 4px!important
  423. }
  424.  
  425. #pagelet_bluebar .textInput button,
  426. body.Locale_en_US ._585- ._4w98 {
  427.     background: 0 0!important;
  428.     padding: 0!important;
  429.     margin: 7px!important;
  430.     border: 0!important;
  431.     z-index: 200
  432. }
  433.  
  434. #pagelet_bluebar .textInput button i,
  435. body.Locale_en_US ._585- ._4w98 i {
  436.     background-image: url(https://pbs.twimg.com/media/COMxguIWUAAuDvL.png)!important;
  437.     background-size: 245px 40px!important;
  438.     background-position: -13px -13px!important;
  439.     opacity: .7!important
  440. }
  441.  
  442. #pagelet_bluebar .textInput button {
  443.     width: 15px!important;
  444.     margin: 5px 6px!important
  445. }
  446.  
  447. #pagelet_bluebar .textInput .inputtext::-webkit-input-placeholder {
  448.     color: #dce1ec
  449. }
  450.  
  451. #pagelet_bluebar .textInput .inputtext:-moz-placeholder {
  452.     color: #dce1ec
  453. }
  454.  
  455. #pagelet_bluebar .textInput .inputtext::-moz-placeholder {
  456.     color: #dce1ec
  457. }
  458.  
  459. #pagelet_bluebar .textInput .inputtext:-ms-input-placeholder {
  460.     color: #dce1ec
  461. }
  462.  
  463. body.Locale_en_US ._2gyj ._4w96._585- {
  464.     background: 0 0!important;
  465.     border: none!important
  466. }
  467.  
  468. body.Locale_en_US ._2gyj ._4w96._585- ._586i,
  469. body.Locale_en_US ._2gyj ._4w96._585- ._586i span,
  470. body.Locale_en_US ._2gyj ._4w96._585- ._586j {
  471.     color: #dce1ec
  472. }
  473.  
  474. body.Locale_en_US ._2gyj ._4w96._585- ._586i,
  475. body.Locale_en_US ._2gyj ._4w96._585- ._586j {
  476.     padding: 6px 10px!important
  477. }
  478.  
  479. body.Locale_en_US ._5tlx {
  480.     border-radius: 0!important;
  481.     -webkit-border-radius: 0!important;
  482.     margin-top: 3px!important
  483. }
  484.  
  485. body.Locale_en_US ._50c9 {
  486.     border-radius: 0!important;
  487.     -webkit-border-radius: 0!important
  488. }
  489.  
  490. ._30v- {
  491.     z-index: 1;
  492.     background-color: rgba(0, 0, 0, .3)!important
  493. }
  494.  
  495. ._30vz {
  496.     z-index: 2!important
  497. }
  498.  
  499. ._1din._156q,
  500. ._30vz {
  501.     width: 0!important;
  502.     height: 0!important;
  503.     padding-bottom: 32px!important;
  504.     padding-right: 32px!important;
  505.     background-image: url(https://pbs.twimg.com/media/COMSTLGWIAAH_5h.png)!important;
  506.     background-size: auto!important;
  507.     opacity: .9!important;
  508.     background-position: 0 -7px!important
  509. }
  510.  
  511. #fbTimelineHeadline ._4jy0 {
  512.     background: rgba(0, 0, 0, .5)!important;
  513.     color: #fff!important;
  514.     text-shadow: none!important;
  515.     border: 1px solid rgba(255, 255, 255, .7)!important
  516. }
  517.  
  518. #pages_actions_pagelet ._51xa {
  519.     background: 0 0!important;
  520.     border: none!important
  521. }
  522.  
  523. ._3y89 {
  524.     border: none!important
  525. }
  526.  
  527. body:not(.pagesTimelineLayout) #fbTimelineHeadline {
  528.     background: linear-gradient(to top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0))!important;
  529.     position: absolute!important;
  530.     top: 315px!important
  531. }
  532.  
  533. ._45hd,
  534. ._5vx4 ._5vwz {
  535.     border-left: none!important
  536. }
  537.  
  538. body:not(.pagesTimelineLayout) ._5otg li a span {
  539.     color: #fff!important;
  540.     font-weight: 700!important;
  541.     border: none!important
  542. }
  543.  
  544. ._5otg li a:before,
  545. ._70k ._6_7 a:before {
  546.     content: "";
  547.     position: absolute;
  548.     width: 100%;
  549.     height: 0;
  550.     background-color: #3884c4;
  551.     bottom: 0;
  552.     left: 0;
  553.     transition: all .2s
  554. }
  555.  
  556. ._2-d1,
  557. ._45hd a:hover,
  558. ._5otg li:hover,
  559. ._70k ._6_7 a._6-7:before,
  560. ._70k ._6_7 a:hover,
  561. ._70k ._6_7 div.openToggler,
  562. ._70k ._6_7 div:hover {
  563.     background-color: transparent!important
  564. }
  565.  
  566. ._5otg li a:before {
  567.     bottom: -9px!important
  568. }
  569.  
  570. .fbTimelineUnit {
  571.     border: 1px solid #DBDDE0!important
  572. }
  573.  
  574. .fbTimelineUnit .timelineReportContainer {
  575.     border: 0!important
  576. }
  577.  
  578. ._513x,
  579. ._5otg li._5vwz._5vwy._45hc._1hqh a:before {
  580.     left: 38%!important;
  581.     width: 0!important;
  582.     height: 0!important;
  583.     margin: 0!important;
  584.     border-left: 12px solid transparent;
  585.     border-right: 12px solid transparent;
  586.     background-image: none!important
  587. }
  588.  
  589. ._513x {
  590.     border-bottom: 8px solid #e3e3e3
  591. }
  592.  
  593. ._5otg li._5vwz._5vwy._45hc._1hqh a:before {
  594.     border-bottom: 8px solid #fff;
  595.     bottom: -9px!important;
  596.     background-color: transparent!important
  597. }
  598.  
  599. ._45hd .openToggler a:before,
  600. ._5otg li a:hover:before,
  601. ._70k ._6_7 a:hover:before,
  602. ._70k ._6_7 div.openToggler a:before {
  603.     height: 4px!important
  604. }
  605.  
  606. ._gs6 {
  607.     color: #CACACA!important
  608. }
  609.  
  610. ._2-d1 {
  611.     margin-top: 75px!important
  612. }
  613.  
  614. ._4lh ._2-d1 li a {
  615.     color: #707070!important;
  616.     border-left-color: #2d5076!important;
  617.     text-shadow: none!important
  618. }
  619.  
  620. ._4lh ._2-d1 a:focus,
  621. ._4lh ._2-d1 a:hover {
  622.     border-left-color: #3b7fcc!important;
  623.     background: linear-gradient(right, #3b7fcc, rgba(0, 0, 0, 0))!important
  624. }
  625.  
  626. ._5vsj ._1g5v+._4arz {
  627.     background: #fff!important
  628. }
  629.  
  630. .coverWrap {
  631.     background-color: #050505!important
  632. }
  633.  
  634. #fbProfileCover .coverWrap {
  635.     height: 358px!important
  636. }
  637.  
  638. ._58gc ._117p {
  639.     height: 357px!important
  640. }
  641.  
  642. #fbProfileCover .coverWrap img,
  643. ._58gc ._117p img {
  644.     width: 110%!important;
  645.     left: -40px!important
  646. }
  647.  
  648. #fbProfileCover ._70k ._6_7,
  649. #fbProfileCover ._70k ._6_7 ._6a,
  650. #fbProfileCover ._70k ._6_7 a {
  651.     border: none!important;
  652.     color: #efefef!important
  653. }
  654.  
  655. .fbTimelineStickyHeader .actions div form div ul li a span span,
  656. .fbTimelineStickyHeader .name span span a span {
  657.     color: rgba(255, 255, 255, .95)!important
  658. }
  659.  
  660. .coverEmptyWrap {
  661.     height: 358px!important
  662. }
  663.  
  664. #timeline_top_section:after,
  665. ._5ay5 ._5onm #fbProfileCover:after {
  666.     content: "";
  667.     position: absolute;
  668.     height: 357px;
  669.     width: 1500px;
  670.     top: 0;
  671.     left: -1499px;
  672.     background-color: #050505
  673. }
  674.  
  675. #timeline_top_section:before,
  676. ._5ay5 ._5onm #fbProfileCover:before {
  677.     content: "";
  678.     position: absolute;
  679.     height: 357px;
  680.     width: 1500px;
  681.     top: 0;
  682.     right: -1499px;
  683.     background-color: #050505
  684. }
  685.  
  686. .coverImage:after,
  687. body:not(.pagesTimelineLayout) ._58gc ._117p:after {
  688.     content: ""!important;
  689.     position: absolute!important;
  690.     height: 358px!important;
  691.     width: 130px!important;
  692.     top: 0!important;
  693.     left: 0!important;
  694.     background: linear-gradient(to right, #050505, rgba(0, 0, 0, 0))!important;
  695.     border: none!important
  696. }
  697.  
  698. body:not(.pagesTimelineLayout) ._58gc ._117p:before,
  699. body:not(.pagesTimelineLayout) .coverImage:before {
  700.     content: ""!important;
  701.     position: absolute!important;
  702.     height: 358px!important;
  703.     width: 100px!important;
  704.     top: 0!important;
  705.     right: 0!important;
  706.     background: linear-gradient(to left, #050505, rgba(0, 0, 0, 0))!important;
  707.     z-index: 1!important
  708. }
  709.  
  710. ._6-d #fbProfileCover .coverNoImage::before {
  711.     left: auto!important;
  712.     border: none!important
  713. }
  714.  
  715. ._6-e {
  716.     bottom: 48px!important
  717. }
  718.  
  719. .profilePicNotch {
  720.     z-index: 20!important
  721. }
  722.  
  723. .fbTimelineStickyHeader {
  724.     top: 50px!important
  725. }
  726.  
  727. .fbTimelineStickyHeader .back {
  728.     background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .8))!important;
  729.     border: none!important
  730. }
  731.  
  732. .fbTimelineStickyHeader .back:after,
  733. .fbTimelineStickyHeader .back:before {
  734.     position: absolute;
  735.     width: 1000px;
  736.     height: 50px;
  737.     background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .8));
  738.     transition: all .2s;
  739.     bottom: 0;
  740.     content: ""
  741. }
  742.  
  743. .fbTimelineStickyHeader .back:after {
  744.     left: -1000px
  745. }
  746.  
  747. .fbTimelineStickyHeader .back:before {
  748.     right: -1000px
  749. }
  750.  
  751. .fbTimelineStickyHeader .name .profileThumb .img {
  752.     border-radius: 50%!important
  753. }
  754.  
  755. .fbTimelineStickyHeader .name span span a {
  756.     background: 0 0!important;
  757.     text-shadow: none!important;
  758.     border: 1px solid rgba(255, 255, 255, .65)!important
  759. }
  760.  
  761. .fbTimelineStickyHeader .name span,
  762. .fbTimelineStickyHeader .name span span {
  763.     background-color: transparent!important
  764. }
  765.  
  766. .fbTimelineStickyHeader .FriendRequestAdd {
  767.     border-color: rgba(255, 255, 255, .65)!important;
  768.     color: rgba(255, 255, 255, .95)!important;
  769.     text-shadow: none!important;
  770.     background: 0 0!important
  771. }
  772.  
  773. .fbTimelineStickyHeader .actions div form div ul li {
  774.     border-color: #595959!important
  775. }
  776.  
  777. .fbTimelineStickyHeader .actions div form div ul li a span {
  778.     padding: 3px 5px!important;
  779.     margin: 0!important;
  780.     height: 19px!important;
  781.     position: relative;
  782.     top: -1px
  783. }
  784.  
  785. .fbTimelineStickyHeader .actions div form div ul li a img,
  786. .fbTimelineStickyHeader .actions div form div ul li a span i.img {
  787.     margin-top: 1px!important
  788. }
  789.  
  790. .fbTimelineStickyHeader .actions div form div ul li a span._51z7:hover {
  791.     border: 1px solid #fff;
  792.     background: rgba(0, 0, 0, .5)!important;
  793.     padding: 2px 4px!important
  794. }
  795.  
  796. .fbTimelineStickyHeader .actions div form div ul {
  797.     background: 0 0!important;
  798.     border: 1px solid rgba(255, 255, 255, .65)!important;
  799.     border-radius: 3px!important;
  800.     margin-top: 4px!important;
  801.     height: 20px!important
  802. }
  803.  
  804. ._5-r div ._ph4._ph5 {
  805.     position: absolute;
  806.     z-index: 2;
  807.     width: 90px;
  808.     background: rgba(0, 0, 0, .35)!important;
  809.     border: none!important;
  810.     bottom: 0;
  811.     transition: background .12s, padding .3s;
  812.     text-align: center!important;
  813.     padding: 1px 6px!important
  814. }
  815.  
  816. ._5-r ._93k {
  817.     position: relative
  818. }
  819.  
  820. ._5-r div:hover ._ph4._ph5 {
  821.     background: rgba(0, 0, 0, .75)!important;
  822.     padding: 4px 6px!important
  823. }
  824.  
  825. ._5-r div ._ph4._ph5 div {
  826.     height: auto!important
  827. }
  828.  
  829. ._5-r div ._ph4._ph5 div a {
  830.     color: #fff!important
  831. }
  832.  
  833. .friendListing a .friendName {
  834.     background: rgba(0, 0, 0, .45)!important;
  835.     transition: all .12s;
  836.     text-align: center!important;
  837.     padding: 1px 5px!important
  838. }
  839.  
  840. .friendListing a:hover .friendName {
  841.     background: rgba(0, 0, 0, .75)!important;
  842.     padding: 4px 5px!important
  843. }
  844.  
  845. .mas {
  846.     transition: all .3s;
  847.     margin: 1px!important
  848. }
  849.  
  850. .friendListing a:hover .mas {
  851.     margin: 5px!important
  852. }
  853.  
  854. body:not(.SettingsPage) #leftCol:after {
  855.     content: "";
  856.     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
  857.     height: 100%;
  858.     width: 10px;
  859.     position: absolute;
  860.     top: 0;
  861.     right: 0;
  862.     z-index: 10
  863. }
  864.  
  865. ._5bon ._568-+i,
  866. ._5bon ._568-:empty+i,
  867. ._5bon:empty {
  868.     background-size: 12px 11px!important
  869. }
  870.  
  871. body:not(.SettingsPage) #leftCol:hover {
  872.     width: 169px!important;
  873.     transition: all .3s cubic-bezier(.07, .64, .33, .97)!important
  874. }
  875.  
  876. body:not(.SettingsPage) #pagelet_navigation {
  877.     height: 88vh!important;
  878.     overflow: scroll!important;
  879.     width: 203px!important;
  880.     opacity: .9!important;
  881.     margin-left: -10px!important
  882. }
  883.  
  884. body:not(.SettingsPage) #pagelet_navigation .sideNavItem a {
  885.     padding-left: 36px!important
  886. }
  887.  
  888. body:not(.SettingsPage) #pagelet_welcome_box {
  889.     width: 183px!important
  890. }
  891.  
  892. body:not(.SettingsPage) #pagelet_navigation .navHeader {
  893.     padding-left: 10px!important
  894. }
  895.  
  896. body:not(.SettingsPage) ._55y4 ._bui ._5afe {
  897.     padding-left: 28px!important
  898. }
  899.  
  900. body:not(.SettingsPage) #leftCol:hover ._55y4 ._bui ._5afe .linkWrap {
  901.     opacity: 1!important
  902. }
  903.  
  904. body:not(.SettingsPage) #leftCol .uiHeaderTitle {
  905.     width: 140px!important
  906. }
  907.  
  908. body.Locale_en_US:not(.SettingsPage) ._5o88 {
  909.     margin-left: 10px!important
  910. }
  911.  
  912. body.Locale_en_US:not(.SettingsPage) #pagelet_navigation {
  913.     width: 201px!important;
  914.     overflow-x: hidden!important
  915. }
  916.  
  917. body.Locale_en_US:not(.SettingsPage) ._36hd,
  918. body.Locale_en_US:not(.SettingsPage) ._4r58 {
  919.     width: 180px!important
  920. }
  921.  
  922. #facebook.sidebarMode:not(.miniSidebar) ._5qqe {
  923.     height: 50px!important;
  924.     margin-top: 0!important
  925. }
  926.  
  927. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon,
  928. ._5bon ._568-+i,
  929. ._5bon ._568-:empty+i {
  930.     margin: 0!important;
  931.     width: 13px!important;
  932.     height: 13px!important;
  933.     padding: 0!important
  934. }
  935.  
  936. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar:hover {
  937.     right: 0!important;
  938.     transition: all .2s cubic-bezier(.07, .64, .33, .97)!important;
  939.     box-shadow: 0 0 7px 5px rgba(0, 0, 0, .1)!important
  940. }
  941.  
  942. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon {
  943.     position: absolute!important;
  944.     left: 2px!important;
  945.     top: -2px!important;
  946.     line-height: normal!important;
  947.     border-radius: 20px!important
  948. }
  949.  
  950. ._5bon:empty {
  951.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important;
  952.     background-position: 0 1px!important;
  953.     background-color: #999!important;
  954.     border: 1px solid #fff!important
  955. }
  956.  
  957. ._5bon ._568-+i {
  958.     background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important;
  959.     background-position: 0 2px!important;
  960.     background-color: #50657e!important;
  961.     border-radius: 20px!important;
  962.     border: 1px solid #fff!important
  963. }
  964.  
  965. ._5bon ._568-:empty+i {
  966.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important;
  967.     background-position: 0 1px!important;
  968.     background-color: #72aa19!important;
  969.     border-radius: 20px!important;
  970.     border: 1px solid #fff!important
  971. }
  972.  
  973. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar ._5q88.fbChatTypeahead .textInput {
  974.     padding-left: 45px!important
  975. }
  976.  
  977. .UFIComment,
  978. .fbPhotosSnowboxFeedbackInput .UFIAddComment {
  979.     padding: 10px 4px!important
  980. }
  981.  
  982. #facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar._5pr2 ._5q87 {
  983.     left: 15px!important
  984. }
  985.  
  986. ._2sb4 ._2sb5 img,
  987. .fbFeedTickerStory .tickerStoryImage {
  988.     border-radius: 50%!important
  989. }
  990.  
  991. #facebook:not(.sidebarMode) #mainContainer {
  992.     margin-left: -85px!important
  993. }
  994.  
  995. .UFIContainer,
  996. .UFILikeSentence,
  997. .UFIRow {
  998.     background: #fff!important;
  999.     border-radius: 0!important
  1000. }
  1001.  
  1002. .UFIContainer {
  1003.     position: relative;
  1004.     border: none!important;
  1005.     bottom: 0!important;
  1006.     left: 0!important;
  1007.     box-shadow: none!important;
  1008.     border-radius: 0!important
  1009. }
  1010.  
  1011. .UFIAddComment,
  1012. .UFIComment {
  1013.     background: 0 0!important
  1014. }
  1015.  
  1016. .UFIAddCommentInput {
  1017.     border-radius: 15px!important;
  1018.     border-color: #D2D3D7!important
  1019. }
  1020.  
  1021. .UFIImageBlockImage img {
  1022.     border-radius: 50%!important
  1023. }
  1024.  
  1025. ._5vsj .UFIRow.UFIFirstComponent {
  1026.     border-top: 0!important
  1027. }
  1028.  
  1029. .UFIArrow {
  1030.     background-color: #fff!important
  1031. }
  1032.  
  1033. .UFIArrow>i {
  1034.     opacity: 0!important
  1035. }
  1036.  
  1037. .fbPhotoSnowliftPopup .UFIAddCommentInput._5vr7._5yk1 {
  1038.     margin-top: 3px!important
  1039. }
  1040.  
  1041. .fbPhotosSnowliftFeedback .UFIContainer,
  1042. .fbPhotosSnowliftFeedback .UFILikeSentence,
  1043. .fbPhotosSnowliftFeedback .UFIPagerRow,
  1044. .fbPhotosSnowliftFeedback .UFIReplyList,
  1045. .fbPhotosSnowliftFeedback .UFIShareRow {
  1046.     background: #fff!important
  1047. }
  1048.  
  1049. .fbPhotosSnowliftFeedback .UFILikeSentence {
  1050.     border-top: 1px solid #eee!important;
  1051.     border-bottom: 1px solid #eee!important
  1052. }
  1053.  
  1054. .UFIComment {
  1055.     position: relative!important
  1056. }
  1057.  
  1058. .UFIComment:not(.UFIFirstComment):before {
  1059.     content: "";
  1060.     position: absolute;
  1061.     top: 0;
  1062.     left: 3%;
  1063.     width: 93%;
  1064.     height: 1px;
  1065.     background: rgba(0, 0, 0, .07)
  1066. }
  1067.  
  1068. ._1nc6 div div div._5w1r,
  1069. ._1nc7 div div div._5w1r {
  1070.     font-family: calibri!important;
  1071.     line-height: 1.25!important;
  1072.     position: relative!important;
  1073.     top: -2px;
  1074.     -webkit-box-shadow: none!important;
  1075.     text-shadow: none!important
  1076. }
  1077.  
  1078. ._1nc7 ._5ys_,
  1079. ._1nc7 ._5ys_ img {
  1080.     width: 30px!important
  1081. }
  1082.  
  1083. .fbPhotosSnowliftFeedback .UFIReplyList .UFIRow {
  1084.     border-bottom: 0!important
  1085. }
  1086.  
  1087. .fbPhotosSnowboxFeedbackInput .UFIImageBlockContent,
  1088. .fbPhotosSnowboxFeedbackInput .UFIImageBlockContent div {
  1089.     height: 30px!important
  1090. }
  1091.  
  1092. .fbPhotosSnowboxFeedbackInput .UFIList {
  1093.     height: 50px!important
  1094. }
  1095.  
  1096. .fbPhotosSnowboxFeedbackInput .UFIAddComment ._5yk2 {
  1097.     padding: 4px 50px 0 5px!important;
  1098.     height: auto!important
  1099. }
  1100.  
  1101. ._1nc7 ._5ys_,
  1102. ._1nc7 ._5ys_ img,
  1103. ._3e2s {
  1104.     height: 30px!important
  1105. }
  1106.  
  1107. .fbPhotosSnowboxFeedbackInput .UFIAddComment .UFICommentAttachmentButtons {
  1108.     bottom: -4px!important;
  1109.     right: 4px!important
  1110. }
  1111.  
  1112. .UFICommentStickerButton {
  1113.     margin-top: -1px!important
  1114. }
  1115.  
  1116. .UFIReplyList .UFIRow.UFIPartialBorder .UFICommentContent {
  1117.     border-top: 0!important
  1118. }
  1119.  
  1120. .fbChatSidebar,
  1121. .fbDockChatTabFlyout .fbNubFlyoutBody,
  1122. .fbNubFlyoutTitlebar {
  1123.     background-color: #fff!important
  1124. }
  1125.  
  1126. ._1nc6 div div div:before {
  1127.     display: none!important;
  1128.     background-color: #5877BF!important;
  1129.     padding-right: 5px!important
  1130. }
  1131.  
  1132. ._1nc6 ._5w1r,
  1133. ._1nc6 ._5w1r:before,
  1134. ._5q5b .fbNubFlyoutTitlebar {
  1135.     background-image: none!important
  1136. }
  1137.  
  1138. ._1nc6 div div div._5w1r {
  1139.     background-color: #5877BF!important;
  1140.     color: #fff!important;
  1141.     border-radius: 2px!important;
  1142.     border: 0!important;
  1143.     margin-right: 2px!important
  1144. }
  1145.  
  1146. ._1nc6 div div div._5w1r div span._5yl5 span a,
  1147. ._1nc6 div div div._5w1r div._5wdd div._59go div div.MercuryLinkRight div.fsm,
  1148. ._5wd4 ._59gp {
  1149.     color: #dceeff!important
  1150. }
  1151.  
  1152. ._1nc6 ._5w1r .__6k,
  1153. ._1nc6 ._5w1r .__6l,
  1154. ._1nc6 ._5w1r .__6m,
  1155. ._1nc6 div div div._5w1r div._5wdd div._59go div div.MercuryLinkRight div a {
  1156.     color: #fff!important
  1157. }
  1158.  
  1159. ._5wdd ._55pk ._rpb a._ksh {
  1160.     max-width: 172px!important
  1161. }
  1162.  
  1163. ._5wdd ._55pk ._rpb ._5uf0 label.uiCloseButtonSmallDark {
  1164.     background-image: url(https://pbs.twimg.com/media/CNyfrd-WgAAXrJU.png)!important;
  1165.     background-color: #f3f3f3!important
  1166. }
  1167.  
  1168. ._1nc7 ._5w1r,
  1169. ._2dpe:after,
  1170. ._2dpe:hover::after,
  1171. ._3e2s,
  1172. ._4f7n:after {
  1173.     background-image: none!important
  1174. }
  1175.  
  1176. ._5wdd ._55pk ._rpb ._5sly ._5e4h {
  1177.     border: 1px transparent!important;
  1178.     background-color: #f3f3f3!important;
  1179.     margin: 1px!important
  1180. }
  1181.  
  1182. ._5wdd ._55pk ._rpb ._5sly ._5e4h ._5e4k {
  1183.     background-color: #77b1ff!important;
  1184.     border: 1px transparent!important
  1185. }
  1186.  
  1187. ._1nc7 div div div._5w1r,
  1188. ._3e2s {
  1189.     background-color: #eaeaea!important
  1190. }
  1191.  
  1192. ._1nc6 ._5w1r ._r38 {
  1193.     border-top: 0!important
  1194. }
  1195.  
  1196. ._1nc6 ._5w1r ._4yp6 div {
  1197.     border-radius: 5px!important
  1198. }
  1199.  
  1200. ._1nc7 div div div._5w1r {
  1201.     color: #000!important;
  1202.     border-radius: 2px!important;
  1203.     border: 0!important;
  1204.     margin-left: 2px!important;
  1205.     margin-bottom: 3px
  1206. }
  1207.  
  1208. ._1nc7 ._5w1r {
  1209.     padding: 0!important
  1210. }
  1211.  
  1212. ._1nc7 div div div._5w1r div span span a,
  1213. div.MercuryLinkRight div.fcg,
  1214. div.MercuryLinkTitle a {
  1215.     text-shadow: none!important
  1216. }
  1217.  
  1218. ._1nc7 ._5wd9 div div ._zl6 ._55pk {
  1219.     padding: 6px 4px 4px!important
  1220. }
  1221.  
  1222. ._1nc7._2cnu {
  1223.     padding: 0!important
  1224. }
  1225.  
  1226. ._1nc7 ._5ys_ {
  1227.     bottom: 6px!important
  1228. }
  1229.  
  1230. ._5wd4 {
  1231.     padding: 3px 0 2px!important
  1232. }
  1233.  
  1234. ._1nc7 a._5ys_ img {
  1235.     border-radius: 50%!important
  1236. }
  1237.  
  1238. ._5v3q ._4-eo::after,
  1239. ._5v9k .UFIAddComment .UFIImageBlockImage:after,
  1240. ._5v9k .UFIComment .UFIImageBlockImage:after,
  1241. ._5v9u:after,
  1242. .litestandClassicWelcomeBox .fbxWelcomeBoxBlock:after,
  1243. .uiScaledImageContainer {
  1244.     border: 0!important
  1245. }
  1246.  
  1247. ._5wdd {
  1248.     margin-left: 0!important
  1249. }
  1250.  
  1251. ._1nc6 ._1rqb {
  1252.     margin-right: 0!important
  1253. }
  1254.  
  1255. ._56oy ._55pk {
  1256.     padding-right: 2px!important
  1257. }
  1258.  
  1259. ._5wdd ._52kr {
  1260.     border-radius: 15px!important
  1261. }
  1262.  
  1263. ._3e2s {
  1264.     border-radius: 3px!important;
  1265.     overflow: hidden!important
  1266. }
  1267.  
  1268. ._3e2s ._4b0g {
  1269.     margin-left: 12px!important
  1270. }
  1271.  
  1272. ._5q5b .rNubContainer ._50-v.opened {
  1273.     margin-left: 39px!important
  1274. }
  1275.  
  1276. .uiInlineTokenizer {
  1277.     border: 1px solid silver!important
  1278. }
  1279.  
  1280. .fbNubFlyoutTitlebar {
  1281.     margin-left: -30px!important;
  1282.     border-radius: 0!important
  1283. }
  1284.  
  1285. ._5q5b ._50mz .titlebar .titlebarTextWrapper {
  1286.     margin: 6px 8px!important
  1287. }
  1288.  
  1289. .titlebarLabel:before {
  1290.     content: "";
  1291.     position: absolute;
  1292.     top: 0;
  1293.     left: 0;
  1294.     width: 30px;
  1295.     height: 70px;
  1296.     background: #f7f7f7
  1297. }
  1298.  
  1299. .fbNubFlyoutTitlebar div div.openToggler,
  1300. .fbNubFlyoutTitlebar div div:active {
  1301.     background-color: #e9e9e9!important
  1302. }
  1303.  
  1304. ._5q5b .fbNubFlyoutTitlebar.titlebar,
  1305. ._5q5b .fbNubFlyoutTitlebar.titlebar:hover {
  1306.     border: 1px solid #e2e2e2!important;
  1307.     background: #fdfdfd!important;
  1308.     box-shadow: 0 5px 17px -5px transparent!important;
  1309.     position: relative!important;
  1310.     z-index: 1!important;
  1311.     border-radius: 0!important
  1312. }
  1313.  
  1314. .titlebarTextWrapper a {
  1315.     color: #424242!important;
  1316.     text-shadow: none!important
  1317. }
  1318.  
  1319. .titlebarTextWrapper {
  1320.     padding: 7px 0 0 30px!important
  1321. }
  1322.  
  1323. .fbNubFlyoutBody {
  1324.     border: 0!important
  1325. }
  1326.  
  1327. .fbNubFlyout.fbDockChatTabFlyout {
  1328.     margin-bottom: 5px!important
  1329. }
  1330.  
  1331. #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn {
  1332.     background-image: url(https://pbs.twimg.com/media/CNydNtaWEAAfaVO.png)!important;
  1333.     background-position: 0 1px!important;
  1334.     background-size: 11px 12px!important
  1335. }
  1336.  
  1337. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._3jyj {
  1338.     background-image: url(https://pbs.twimg.com/media/CNyc-NhWIAE6_9U.png)!important;
  1339.     background-position: -25px 3px!important;
  1340.     background-size: 52px 25px!important;
  1341.     opacity: .7!important
  1342. }
  1343.  
  1344. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .addToThread:active,
  1345. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .addToThread:hover,
  1346. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close:active,
  1347. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close:hover,
  1348. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu:active .button,
  1349. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu:hover .button,
  1350. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .phoneicon:active,
  1351. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .phoneicon:hover,
  1352. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .videoicon:active,
  1353. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .videoicon:hover {
  1354.     opacity: 1!important
  1355. }
  1356.  
  1357. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._2fpd {
  1358.     background-image: url(https://pbs.twimg.com/media/CNycwocWcAU__eL.png)!important;
  1359.     background-position: -25px 3px!important;
  1360.     background-size: 52px 25px!important;
  1361.     opacity: .7!important
  1362. }
  1363.  
  1364. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper ._3a61 ._2fpc {
  1365.     background-image: url(https://pbs.twimg.com/media/CNycsWjWwAARAFx.png)!important;
  1366.     background-position: -27px 3px!important;
  1367.     background-size: 52px 25px!important;
  1368.     opacity: .7!important
  1369. }
  1370.  
  1371. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .optionMenu a {
  1372.     background-image: url(https://pbs.twimg.com/media/CNycYo-WUAAqG75.png)!important;
  1373.     background-position: -25px 3px!important;
  1374.     background-size: 52px 25px!important;
  1375.     opacity: .7!important
  1376. }
  1377.  
  1378. ._4mq3 div._5qth ._5vmb {
  1379.     background-position: 2px 3px!important;
  1380.     background-size: 42px 20px!important;
  1381.     opacity: .7!important
  1382. }
  1383.  
  1384. #ChatTabsPagelet .fbNub .fbChatTab .close,
  1385. #ChatTabsPagelet .fbNubFlyoutInner .titlebarButtonWrapper .close {
  1386.     background-image: url(https://pbs.twimg.com/media/CNya-39WoAAQT_m.png)!important;
  1387.     background-position: -25px 3px!important;
  1388.     background-size: 52px 25px!important;
  1389.     opacity: .7!important
  1390. }
  1391.  
  1392. #ChatTabsPagelet .fbNub .fbChatTab .close {
  1393.     background-position: -4px -4px!important;
  1394.     background-size: 42px 20px!important;
  1395.     opacity: .7!important
  1396. }
  1397.  
  1398. ._5q5b ._50mz .fbNubFlyoutFooter:after {
  1399.     margin: 0 15px;
  1400.     width: 82%!important
  1401. }
  1402.  
  1403. ._50mz .emoticonsPanel.openToggler .emoteTogglerImg {
  1404.     background-color: #fff!important;
  1405.     border: #fff!important;
  1406.     background-image: url(https://pbs.twimg.com/media/CNygGG4WcAIzc1e.png)!important;
  1407.     background-size: auto!important;
  1408.     background-position: -287px -60px!important
  1409. }
  1410.  
  1411. ._5w-6 {
  1412.     background-color: #fdfdfd!important;
  1413.     font-weight: 400!important;
  1414.     text-transform: uppercase
  1415. }
  1416.  
  1417. ._5w-5,
  1418. ._5w-6 {
  1419.     background-image: none!important
  1420. }
  1421.  
  1422. .fbNubFlyoutTitlebar div.titlebarLabel {
  1423.     color: #000!important
  1424. }
  1425.  
  1426. ._5q5b .fbNubButton {
  1427.     background: #fdfdfd!important
  1428. }
  1429.  
  1430. #BuddylistPagelet ._56ox .fbNubFlyout div div .fbNubFlyoutTitlebar {
  1431.     border-color: #e0e0e0!important
  1432. }
  1433.  
  1434. #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn,
  1435. ._51sn,
  1436. ._5q5b ._5238 ._51sn {
  1437.     height: 30px!important;
  1438.     width: 30px!important;
  1439.     position: absolute!important;
  1440.     left: 0;
  1441.     top: 0;
  1442.     background-size: 18px 18px!important
  1443. }
  1444.  
  1445. .fbNubFlyoutTitlebar:before {
  1446.     bottom: 0!important
  1447. }
  1448.  
  1449. .fbNubFlyoutInner .fbNubFlyoutTitlebar {
  1450.     height: 30px!important;
  1451.     border: 0!important
  1452. }
  1453.  
  1454. ._5238 ._51sn {
  1455.     background-color: #72aa19!important;
  1456.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important;
  1457.     background-position: 8px 5px!important
  1458. }
  1459.  
  1460. ._5q5b ._50mz .titlebar .titlebarText {
  1461.     margin-left: 33px!important
  1462. }
  1463.  
  1464. #ChatTabsPagelet ._5239 .fbNubFlyoutInner .titlebarLabel ._51sn {
  1465.     background-color: #50657e!important;
  1466.     background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important;
  1467.     background-position: 7px 6px!important
  1468. }
  1469.  
  1470. ._51sn {
  1471.     display: block!important;
  1472.     background-color: #ccc!important;
  1473.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important;
  1474.     background-position: 8px 5px!important;
  1475.     background-repeat: no-repeat!important
  1476. }
  1477.  
  1478. .titlebarButtonWrapper a {
  1479.     padding: 2px 2px 2px 0!important
  1480. }
  1481.  
  1482. ._5q5b .fbNubFlyoutTitlebar:before {
  1483.     display: none!important
  1484. }
  1485.  
  1486. .fbNubFlyoutHeader ._51mx td._51mw label {
  1487.     background-image: none!important;
  1488.     background-color: #797979!important;
  1489.     border-color: #797979!important
  1490. }
  1491.  
  1492. .uiButton input,
  1493. .uiButtonText {
  1494.     padding: 0 0 1px!important
  1495. }
  1496.  
  1497. ._51mx td._51mw label input {
  1498.     padding-top: 3px!important
  1499. }
  1500.  
  1501. ._1yv div._t div div div._1yw {
  1502.     background-color: #fff!important;
  1503.     color: #343434;
  1504.     text-align: center;
  1505.     border-bottom: 2px dotted #c3c3c3;
  1506.     padding: 10px!important
  1507. }
  1508.  
  1509. ._1yv div._t div div div._14 div.pam button {
  1510.     background-image: none!important;
  1511.     background-color: #4d4d4d;
  1512.     border-color: #4d4d4d
  1513. }
  1514.  
  1515. div.pvm span.fsm a {
  1516.     color: #7f7f7f!important
  1517. }
  1518.  
  1519. .fbChatOrderedList li ul li._42fz a._55ln:hover {
  1520.     background-color: #eee!important
  1521. }
  1522.  
  1523. .stickerContainer {
  1524.     background-color: #fdfdfd!important
  1525. }
  1526.  
  1527. #ChatTabsPagelet .uploadFileRow ._2qf,
  1528. div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot img.loading {
  1529.     height: 0!important;
  1530.     width: 0!important;
  1531.     padding-left: 16px!important;
  1532.     padding-top: 11px!important;
  1533.     margin-top: 10px!important;
  1534.     background: url(http://i.minus.com/irQrnxTI0QWNL.gif) no-repeat!important
  1535. }
  1536.  
  1537. #ChatTabsPagelet .uploadFileRow ._2qf {
  1538.     margin-top: 3px!important;
  1539.     margin-right: -2px!important
  1540. }
  1541.  
  1542. ._1nc7 ._3okg:before,
  1543. ._1nc7 ._5w1r {
  1544.     background-color: transparent!important;
  1545.     background-image: none!important
  1546. }
  1547.  
  1548. ._4tdt ._4tdw,
  1549. div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot div._51lq div div._50ke a.profileLink img.profilePhoto,
  1550. li._42fz a._55ln ._55lp ._56p9 ._55lt {
  1551.     border-radius: 50%!important;
  1552.     overflow: hidden!important
  1553. }
  1554.  
  1555. div.conversation div div._1nc7 a:after,
  1556. div.fbNubFlyoutBodyContent table.conversationContainer tbody tr td.vBot div._51lq div div._50ke a.profileLink:after {
  1557.     background-image: none!important
  1558. }
  1559.  
  1560. .fbChatOrderedList li ul li._42fz a div div._56p9:after {
  1561.     border: 0 solid transparent!important
  1562. }
  1563.  
  1564. ._1mjb {
  1565.     background: #fff!important;
  1566.     margin: -3px
  1567. }
  1568.  
  1569. ._1mi-,
  1570. ._1miz,
  1571. ._1mj0 {
  1572.     background-color: #eaeaea
  1573. }
  1574.  
  1575. ._5w0o {
  1576.     background: #f7f7f7!important
  1577. }
  1578.  
  1579. div:not(.conversation) ._1nc7 ._3_om {
  1580.     border: 0!important;
  1581.     position: relative;
  1582.     top: 2px
  1583. }
  1584.  
  1585. ._5x7x ._4b0g {
  1586.     border-radius: 2px!important;
  1587.     padding: 6px 10px;
  1588.     background-color: #eaeaea!important
  1589. }
  1590.  
  1591. .fbNubFlyoutFooter ._552n {
  1592.     position: absolute!important;
  1593.     left: -31px!important;
  1594.     top: -240px!important;
  1595.     bottom: -1px!important;
  1596.     width: 31px!important;
  1597.     background: #F3F3F3!important;
  1598.     display: flex!important;
  1599.     flex-direction: column;
  1600.     justify-content: flex-end
  1601. }
  1602.  
  1603. ._552n ._6ge {
  1604.     order: 3
  1605. }
  1606.  
  1607. ._552n ._6gf {
  1608.     order: 4
  1609. }
  1610.  
  1611. ._552n ._6gs {
  1612.     order: 1
  1613. }
  1614.  
  1615. ._552n ._6gg {
  1616.     order: 2!important
  1617. }
  1618.  
  1619. ._552n ._6gb {
  1620.     order: 5
  1621. }
  1622.  
  1623. ._552n ._6gd {
  1624.     height: 23px;
  1625.     width: 23px;
  1626.     padding: 8px 0 0 7px
  1627. }
  1628.  
  1629. .fbNubFlyoutFooter ._552n div {
  1630.     margin: 0!important
  1631. }
  1632.  
  1633. ._8mr ._3_a7 {
  1634.     padding: 2px 5px 6px!important
  1635. }
  1636.  
  1637. ._552n ._6gd:hover {
  1638.     background-color: #E8E8E8!important
  1639. }
  1640.  
  1641. .rNubContainer ._50-v.opened {
  1642.     margin-left: 39px!important
  1643. }
  1644.  
  1645. .fbNubFlyoutFooter ._552n div:not(._5g2o) i {
  1646.     background-image: url(https://pbs.twimg.com/media/CRPHO4mXAAAza81.png)!important;
  1647.     background-size: auto!important;
  1648.     opacity: 1!important
  1649. }
  1650.  
  1651. .fbNubFlyoutFooter ._552n div:not(._5g2o) i._2wye {
  1652.     background-position: -16px 0!important;
  1653.     margin-left: 1px!important
  1654. }
  1655.  
  1656. .fbNubFlyoutFooter ._552n div:not(._5g2o) i._4l9x {
  1657.     background-position: -32px 0!important;
  1658.     margin-left: 2px!important
  1659. }
  1660.  
  1661. .fbNubFlyoutFooter ._552n div:not(._5g2o) i._4-fy {
  1662.     background-position: 0 0!important;
  1663.     margin: 4px 0 0 2px!important
  1664. }
  1665.  
  1666. .fbNubFlyoutFooter ._552n div:not(._5g2o) i._509w {
  1667.     background-position: -48px 0!important;
  1668.     margin-left: 1px
  1669. }
  1670.  
  1671. .fbNubFlyoutFooter {
  1672.     padding: 0!important
  1673. }
  1674.  
  1675. ._5q5b .highlightTab .fbNubButton:after,
  1676. ._5q5b .highlightTab .fbNubButton:before {
  1677.     background-image: none!important
  1678. }
  1679.  
  1680. ._5q5b .highlightTab .fbNubButton {
  1681.     border-color: rgba(0, 0, 0, .2)!important;
  1682.     background-color: #fff!important
  1683. }
  1684.  
  1685. #ChatTabsPagelet .fbNubButton ._51lp,
  1686. ._5q5b .highlightTab .fbNubButton .wrapWrapper .lfloat {
  1687.     border-radius: 50%!important;
  1688.     border: none!important;
  1689.     background-image: none!important;
  1690.     text-shadow: none!important;
  1691.     background-color: #d64848!important;
  1692.     width: 16px!important;
  1693.     height: 14px!important;
  1694.     padding: 2px 0 0!important;
  1695.     text-align: center!important;
  1696.     font-size: 9px!important;
  1697.     margin-top: -1px!important
  1698. }
  1699.  
  1700. ._5q5b .highlightTab .fbNubButton .wrapWrapper .name {
  1701.     font-size: 12px!important;
  1702.     margin-top: 1px!important
  1703. }
  1704.  
  1705. ._5q5b .highlightTab._50mz .funhouse .close:active,
  1706. ._5q5b .highlightTab._50mz .funhouse .close:focus,
  1707. ._5q5b .highlightTab._50mz .funhouse .close:hover,
  1708. ._5q5b .highlightTab._50mz a:hover .fbChatTab .funhouse .close {
  1709.     background-image: url(https://pbs.twimg.com/media/CNygGG4WcAIzc1e.png)!important
  1710. }
  1711.  
  1712. ._5q5b .highlightTab .fbNubButton .fbChatTab .wrapWrapper div div .name.fwb {
  1713.     color: #5877BF!important;
  1714.     text-shadow: none!important
  1715. }
  1716.  
  1717. #ChatTabsPagelet div .fbNubGroup .highlightTab.opened.highlightTitle .fbDockChatTabFlyout .fbNubFlyoutInner .fbNubFlyoutTitlebar {
  1718.     background-image: none!important;
  1719.     background-repeat: repeat-x!important;
  1720.     border-top-color: rgba(0, 0, 0, .1)!important;
  1721.     background-color: #fff!important
  1722. }
  1723.  
  1724. #ChatTabsPagelet div .fbNubGroup .highlightTab.opened.highlightTitle .fbDockChatTabFlyout .fbNubFlyoutInner .fbNubFlyoutTitlebar .titlebarLabel h4 a {
  1725.     color: #5877BF!important;
  1726.     animation: vibrar .2s ease 3
  1727. }
  1728.  
  1729. #ChatTabsPagelet div .fbNubGroup .fbNub a {
  1730.     border-width: 1px!important
  1731. }
  1732.  
  1733. @keyframes vibrar {
  1734.     0%, 100%, 40% {
  1735.         transform: translate(0, 0)
  1736.     }
  1737.     20% {
  1738.         transform: translate(2px, 0)
  1739.     }
  1740.     60% {
  1741.         transform: translate(-1px, 0)
  1742.     }
  1743. }
  1744.  
  1745. ._2t-f ._1z4y ._1y2l ._55lt {
  1746.     border-radius: 50%!important;
  1747.     overflow: hidden!important
  1748. }
  1749.  
  1750. ._2t-f .jewelContent a.messagesContent {
  1751.     border: none!important
  1752. }
  1753.  
  1754. ._2t-f ._1z4y ._1y2l ._42ef {
  1755.     border-top: none!important;
  1756.     border-bottom: 1px solid rgba(0, 0, 0, .08)!important;
  1757.     padding-bottom: 2px!important
  1758. }
  1759.  
  1760. ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li.jewelItemNew {
  1761.     background: rgba(17, 119, 238, .04)!important;
  1762.     position: relative!important
  1763. }
  1764.  
  1765. ._2t-f .jewelContent li.jewelItemNew {
  1766.     position: relative!important
  1767. }
  1768.  
  1769. ._2t-f .jewelContent li .messagesContent {
  1770.     padding-bottom: 0!important
  1771. }
  1772.  
  1773. ._2t-f .jewelContent li:hover {
  1774.     background: #f7f7f7!important
  1775. }
  1776.  
  1777. ._2t-f .MercuryThreadImage {
  1778.     margin: 4px 10px 4px 0!important
  1779. }
  1780.  
  1781. ._2t-f .MercuryThreadImage,
  1782. ._3t_z .MercuryThreadImage div,
  1783. ._3t_z .MercuryThreadImage img {
  1784.     height: 45px!important;
  1785.     width: 45px!important
  1786. }
  1787.  
  1788. ._2t-f .jewelContent li.jewelItemNew:before {
  1789.     content: "";
  1790.     position: absolute;
  1791.     left: 0;
  1792.     top: 0;
  1793.     height: 100%;
  1794.     width: 5px;
  1795.     background: #4F7BE0
  1796. }
  1797.  
  1798. ._3v_l {
  1799.     margin-left: -1px!important
  1800. }
  1801.  
  1802. ._1y2l .jewelHighlight .jewelContent li.jewelItemNew a:hover div div div .content .author strong,
  1803. ._2t-f .jewelContent li.jewelItemNew a div div div .content .author strong {
  1804.     color: #5877BF!important;
  1805.     font-size: 13px!important;
  1806.     position: relative!important;
  1807.     font-weight: 800!important
  1808. }
  1809.  
  1810. ._2t-f .jewelContent .content .author strong {
  1811.     font-weight: 400!important
  1812. }
  1813.  
  1814. ._2t-f .jewelItemNew a.messagesContent:hover .snippet.preview span span {
  1815.     color: #000!important
  1816. }
  1817.  
  1818. ._1y2l li a.messagesContent:hover {
  1819.     background: #FBFBFB!important
  1820. }
  1821.  
  1822. ._2t-f .jewelContent li a div div div .content .snippet.preview span:not(.MercuryRepliedIndicator) {
  1823.     position: relative!important;
  1824.     z-index: -1
  1825. }
  1826.  
  1827. div.fbNubFlyoutBodyContent ._510g.seen ._510h {
  1828.     background-image: url(https://pbs.twimg.com/media/CNyfJVKWUAArP8j.png)!important
  1829. }
  1830.  
  1831. ._1z4y .jewelContent .content .author span.presenceIndicator {
  1832.     position: absolute!important;
  1833.     bottom: 5px!important;
  1834.     left: 30px!important;
  1835.     border: 2px solid #fff;
  1836.     border-radius: 50%!important;
  1837.     width: 15px!important;
  1838.     height: 15px!important;
  1839.     background-color: #999!important;
  1840.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important
  1841. }
  1842.  
  1843. ._1z4y .jewelContent .content .author span.presenceMobile {
  1844.     background-color: #50657e!important;
  1845.     background-image: url(https://pbs.twimg.com/media/CNyej9JXAAAQUSu.png)!important;
  1846.     background-position: 0 0!important;
  1847.     background-size: auto!important
  1848. }
  1849.  
  1850. ._1z4y .jewelContent .content .author span.groupThread {
  1851.     width: 0!important;
  1852.     height: 0!important;
  1853.     border: none!important
  1854. }
  1855.  
  1856. ._1z4y .jewelContent .content .author span.presenceActive {
  1857.     background-color: #72aa19!important;
  1858.     background-image: url(https://pbs.twimg.com/media/CNyeTNXWwAAbAS7.png)!important;
  1859.     background-position: 0 0!important;
  1860.     background-size: auto!important
  1861. }
  1862.  
  1863. ._1z4y .jewelContent .content .author strong {
  1864.     position: relative!important;
  1865.     bottom: -7px!important;
  1866.     font-size: 13px!important
  1867. }
  1868.  
  1869. ._1z4y .jewelContent .content .snippet.preview {
  1870.     color: rgba(0, 0, 0, .5)!important;
  1871.     position: relative!important;
  1872.     bottom: -7px!important
  1873. }
  1874.  
  1875. ._1z4y .jewelContent .jewelItemNew .content .snippet.preview {
  1876.     color: #000!important
  1877. }
  1878.  
  1879. ._1z4y .jewelContent .content .time abbr {
  1880.     color: #666!important;
  1881.     float: right!important;
  1882.     position: relative!important;
  1883.     top: -25px!important;
  1884.     right: 10px!important;
  1885.     font-size: 13px!important
  1886. }
  1887.  
  1888. ._1z4y .jewelContent .jewelItemNew .content .time abbr {
  1889.     color: #5790CA!important
  1890. }
  1891.  
  1892. ._2t-f ._1z4y ._1y2l li.jewelItemNew a.messagesContent {
  1893.     background: 0 0!important;
  1894.     border: none!important
  1895. }
  1896.  
  1897. ._2t-f ._1z4y ._1y2l .jewelContent li.jewelItemNew a.messagesContent:hover {
  1898.     border: none!important
  1899. }
  1900.  
  1901. ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li a {
  1902.     border: none!important;
  1903.     padding: 6px 20px 0 8px!important
  1904. }
  1905.  
  1906. ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li:first-child a {
  1907.     padding: 8px 20px 0 8px!important
  1908. }
  1909.  
  1910. ._2t-f ._1z4y ._1y2l .jewelHighlight .jewelContent li a:hover {
  1911.     background: rgba(0, 0, 0, .02)!important
  1912. }
  1913.  
  1914. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m,
  1915. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m) {
  1916.     display: block!important;
  1917.     padding: 6px 5px 5px 25px!important;
  1918.     font-size: 13px!important;
  1919.     position: absolute!important;
  1920.     top: 0!important;
  1921.     background-color: #fff!important;
  1922.     height: 16px!important;
  1923.     overflow: hidden;
  1924.     transition: all .4s ease;
  1925.     background-position: 5px;
  1926.     background-repeat: no-repeat;
  1927.     text-decoration: none!important
  1928. }
  1929.  
  1930. ._2t-f ._1z4y ._1y2l .uiHeader div a.uiHeaderActions.rfloat._ohf,
  1931. ._3t_z ._1z4y ._1y2l #MercuryJewelFooter .jewelFooter a.seeMore span {
  1932.     color: #525252!important
  1933. }
  1934.  
  1935. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m {
  1936.     color: #fff!important;
  1937.     right: 32px!important;
  1938.     border: 1px solid transparent!important;
  1939.     border-left-color: rgba(0, 0, 0, .08)!important;
  1940.     max-width: 0!important;
  1941.     background-image: url(https://pbs.twimg.com/media/CNydczpWUAUoyrx.png)!important
  1942. }
  1943.  
  1944. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a._1c1m:hover {
  1945.     max-width: 300px!important;
  1946.     color: #3b5998!important;
  1947.     border-left-color: rgba(0, 0, 0, .2)!important
  1948. }
  1949.  
  1950. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m) {
  1951.     color: #fff!important;
  1952.     right: 0!important;
  1953.     border: 1px solid transparent!important;
  1954.     border-left-color: rgba(0, 0, 0, .08)!important;
  1955.     max-width: 0!important;
  1956.     background-image: url(https://pbs.twimg.com/media/CNyeDHaWEAAgrlk.png)!important;
  1957.     box-shadow: 0 0 2px 2px transparent inset
  1958. }
  1959.  
  1960. .uiHeaderActions.rfloat._ohf.fsm.fwn.fcg a:not(._1c1m):hover {
  1961.     max-width: 300px!important;
  1962.     color: #3b5998!important;
  1963.     border-left-color: rgba(0, 0, 0, .2)!important
  1964. }
  1965.  
  1966. ._5sqx {
  1967.     top: 51px!important
  1968. }
  1969.  
  1970. * {
  1971.     font-family: lato, arial !important;
  1972. }
  1973.  
  1974. /* * * * * * * * * *
  1975.  * Personal Fixes  *
  1976.  * * * * * * * * * */
  1977.  
  1978. /* Remove that box above the profile picture on the navbar */
  1979.  
  1980. ._1k67 ._2s25:after {
  1981.     border: none !important;
  1982. }
  1983.  
  1984. /* Stop search bar from obstructing the upper left facebook icon */
  1985.  
  1986. ._50tm {
  1987.     margin-left: 39px;
  1988. }
  1989.  
  1990. /* Make left sidebar appear above newsfeed */
  1991. #leftCol {
  1992.     z-index: 7 !important;
  1993. }
  1994. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!