API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 30th, 2016
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 82.43 KB | None | 0 0
raw download clone embed print report
  1. /*// BACKGROUNDS /////////////////////////////////////////////////*/
  2.  
  3. .fbRemindersThickline, .shareRedesignContainer, .shareText, .UFIRow, .fbPhotoSnowlift .rhc, .fbChatSidebar .fbFeedTicker .fbFeedTickerStory, .fbChatSidebar .fbChatSidebarBody, .fbChatSidebar .fbChatSidebarMessage, .fbCalendar .fbCalendarHeader, #fbCalendarWrapper, ._ksg, .fbTimelineStickyHeader .back, .fbTimelineCapsule .timelineUnitContainer, ._4lh .timelineUnitContainer .UFIContainer, ._4lh .timelineUnitContainer .fbTimelineFeedbackActions, ._4lh .timelineUnitContainer .UFIRow, ._4lh .timelineUnitContainer .UFIList, .fbTimelineScrubber, .-cx-PUBLIC-timelineOneColMin__root .-cx-PRIVATE-fbTimelineExternalShareUnit__textWrapper, .uiHeaderTop, ._5rzs .uiHeader, #rightCol ._5rzs .uiHeader.uiSideHeader, .UFICommentActions, .timelineUnitContainer .pageMostRecentPostList, .UFIReplyList, ._552m, .timelineUnitContainer .timelineAudienceSelector .wrap .uiSelectorButton, ._51mz.navigationGrid, #js_28, .timelineLayout, ._kj3, ._2o49, .uiLayerPage .uiOverlayContent, ._4-u2, div._3a0_ div._3a10, ._1f1f, ._525w, #leftCol .uiScrollableArea.nofade .uiScrollableAreaWrap, #leftCol .uiScrollableArea.fade .uiScrollableAreaWrap, .gradient .rfloat, .gradient .lfloat, .gradient .clearfix, .fbIndex .gradient, .contextualHelp, .uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover, .uiMentionsInput, .uiSideNavCount, .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiStream .uiStreamHeader .uiStreamHeaderText, .selectedStoryIndicator, .fbJewel a.jewelButton:active, .fbJewel a.jewelButton:focus, .fbJewel a.jewelButton:hover, #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active, #pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active, .fbReminders .fbRemindersStory:hover, ._1dsp._4- .clearfix, ._1dst, .uiHeaderSection, .fbNubButton, .fbChatSidebar .fbChatTypeahead .textInput, div.fbChatSidebarDropdown .uiCloseButton, ._4oes .toggle, .uiGrid, .profilePicThumb .img, ._21r, ._7ll, ._7lo, ._558b ._54ng, .fbPhotoSnowlift .rhc, ._53ip ._53ij, .adminPanelMessagesColumn > div:nth-child(1) > div:nth-child(1) > a:nth-child(1), .adminPanelLikesColumn ._5xyd, #admin_panel .uiHeaderTitle, div.phm > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1), .adminPanelInsightsColumn > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1), .notifNegativeBase .fbJewelFlyout .jewelFooter a, .notifNegativeBase .fbJewelFlyout .jewelHeader, #tinymanNavWrapper .fbJewelFlyout .jewelHeader, #fbNotificationsFlyout > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1), .fbTimelineContentHeader h3.uiHeaderTitle, .fbTimelineInlineSectionHeader h3.uiHeaderTitle, ._5vsj .UFIRow.UFIUnseenItem:after, ._4kg._6-j > li:hover, .bottomborder, ._t, #navAccount._4z6w .contextualHelp, #navAccount._4z6w .navigation, .fbPhotoSnowlift .pinnedUfi .UFIAddComment, #fbMessagesFlyout > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1), .fbNubFlyoutInner, ._4-hz, ._569t ._54nf, .uiMenu, .uiToggleFlyout, h3.uiHeaderTitle, .promotedPostContent, .promotedPostFlyoutFooter, .fbPhotoSnowlift .stage, ._53ii ._53ij, .promotedPost.editPost, ._5w40.fbEventHeader.noCoverImage #fbProfileCover .coverImage:before, ._5e4h._5e2k, ._5e4h ._5e2k, ._5k-a ._5iex, ._58gg .img, .pop_content, ._5vg-, .threadRow.unread, #pageNav #userNavigation, .uiTypeaheadView ul, .uiOverlayContent, div._5abn:nth-child(2), ._2exj #userNavigation, ._bqf._2vp7, ._5n1j, .uiLayerPageContent, ._50d1, ._4k85, ._5w-6, .fbPhotoSnowlift .stageWrapper, ._4t2a, ._1y2l .jewelContent a.messagesContent, ._33c, .uiContextualLayer ul, .uiContextualLayer ._70b, ._6b, .fbMapCalloutMain, tbody td ul ._4o-d:hover, .fbRemindersThickline, .sidebarMode .fbRemindersThickline, .rhcFooterBorder, .uiStream .uiStreamHeader, #navSearch .uiTypeahead, .uiHeaderTopBorder, .ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .fbTimelineFeedbackActions, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .UFIRow, ._4-u2, ._6dh ._1dsl, ._70l, ._6dh ._1dsl, .composerTypeahead .wrap, #mentionsInput, .timelineUnitContainer, ._5vgz, .sidebarMode #globalContainer ._5vgz.fixed_elem, .fbTimelineUnit, #u_ad_2, .fbDockChatTabFlyout, .contextualHelp, ._4d3w .fbPhotoSnowliftContainer .fbPhotosSnowliftFeedbackForm ._467y:after, #fbProfileCover, .home_right_column #pagelet_rhc_ticker .fbFeedTicker .uiScrollableArea.nofade .uiScrollableAreaWrap, .home_right_column #pagelet_rhc_ticker .fbFeedTicker .uiScrollableArea.fade .uiScrollableAreaWrap, ._53ij, .uiTooltipX div, ._58gm ._52m-, .hovercardButtonGroup ._4-rs, .wmMasterView .uiScrollableArea, ._51xa > ._4jy0:last-child , ._6z- .uiScrollableArea, .fbTimelineUFI, .fbxPhoto .fbPhotoContributor, .fbPhotoImageStage .fbPhotosPhotoButtons a, ._25q1, ._4lh .fbTimelineTimePeriodSuppressed .forceLoad, ._4ws, ._4fby:hover, ._4lmi, ._1z0-, ._5nzo, ._1-e0, ._5nw8, ._1d8v.iframeEmbed, ._5w40.fbEventHeader, ._2w3 > ._30f, .pagesProfileFullColumnLayoutDesktopView, ._tun, ._1lot, .pbs._z6j, ._50d1 li, .fbPhotoTagger .faceboxSuggestion, .fbPhotoTagger .typeaheadBackdrop, #workarea_box, ._1y80, ._3iue, .escapeHatchMinimal, ._juy, ._30d, ._kz1, ._5h_u, ._5mwd, .leaflet-popup-tip, .fbTimelineSection.fbPhotosRedesignNavPagelet, .fbPhotosRedesign.fbTimelinePhotoAlbum, #album_pagelet .fbTimelinePhotoAlbums, .fbChatTypeahead ._5t4c, ._10sf, .groups_rhc ._4mr7 ._2pez, ._1w2f, ._5xjz, ._58gc ._5otg, ._3nzk .jewelHeader, ._5lc6, ._57d8, ._2815 ._2817 {
  4. background-color: #202020 !important;
  5. text-shadow: none !important;
  6. }
  7.  
  8.  
  9.  
  10. html, body {
  11. background-image: url("data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==") !important;
  12. background-repeat: repeat !important;
  13. background-color: #181818 !important;
  14. }
  15.  
  16. .fbIndex .gradient {
  17. background: #202020 !important;
  18. }
  19.  
  20. ._42g-, ._42fu, ._42gx:focus, ._42gx:hover, ._5k47, ._25q1, ._5w0o, ._4jy0, ._59pe:focus, ._59pe:hover, ._33c._4af, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:focus, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:focus, .fbJewelFlyout li.jewelItemNew, ._5vb_ .home_right_column .fbFeedTicker .tickerStoryActive, ._5vb_ .home_right_column .fbFeedTicker .tickerStoryClickable:hover, ._5e4h ._5e4k, ._1hin._1hio, ._2vp6._2vp7, #pageNav #navAccount .navSubmenu:hover, #pageNav #navAccount .navSubmenu:focus, #pageNav #navAccount .navSubmenu:active, #pageNav #navAccount .selected label.navSubmenu, ._5cag:hover, .uiTypeaheadView .search li:hover, div._5abn:nth-child(1), .navSubmenu:hover, ._kx, .__tw li.jewelItemNew, .jewelItemNew a.messagesContent, ._kv:hover, ._kv, ._1y2l li.jewelItemNew a.messagesContent, ._4af ._33e, label.uiButtonConfirm, ._12js a, ._6a .PageLikeButton, .uiLikePageButton button, ._128p, ._fwr ._fw_._fx0 a, ._698 ._5qo4 ._5t4x a, ._32jt .ego_action button, ._1y2l .jewelContent li a:hover, ._3nzk div#fbRequestsList_wrapper li:hover, ._4ypb, ._44_u li._33c:hover, .fbPhotosRedesignNavSelected.fbPhotosRedesignNavItem, ._55ii, .mlePhotoButtons .mlePhotoButtonLink:hover, #workarea_box ._h5k, ._27nv, ._1a8t, ._1xy2, ._eb3::before {
  21. background: #333 !important;
  22. text-shadow: none !important;
  23. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  24. transition: background .2s, box-shadow .4s, border-color .2s !important;
  25. transition-timing-function: linear !important;
  26. }
  27.  
  28. ._54ng li:hover, .uiToggleFlyout li:hover, .jewelContent .messagesContent:hover, .uiContextualLayer ul li:hover, .uiContextualLayer ._70b ._5dsl:hover, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:hover, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:focus, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:active, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive, .timelineLayout ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive, ._54ni._3ew_::before, .pbs._z6j ._5ep8, ._599r li._599n, ._5l37:active,._1k1p {
  29. background: #333 !important;
  30. text-shadow: none !important;
  31. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  32. transition: background .2s, box-shadow .4s, border-color .2s !important;
  33. transition-timing-function: linear !important;
  34. }
  35.  
  36. ._1mwp, .tickerChildSelected, ._128l ._128o, ._128k ._128o, ._kx, ._4k85, ._4zoz .clearfix, ._21dp ._7fw, ._2vw, .mlePhotoButtons .mlePhotoButtonLink, #pagelet_composer form ._2yg._4zz-, #pagelet_composer form ._1hx, .fbChatTypeahead ._5iwm ._58al {
  37. background: #121212 !important;
  38. }
  39.  
  40. ._4zoz ._2dck .clearfix, .uiBoxYellow {
  41. background: #202020 !important;
  42. }
  43.  
  44. #photos_snowlift, .uiLayer, ._5n6s, ._4d3w .snowliftOverlayBar, ._4fby, ._4_8n, ._3-_8, ._2r86 {
  45. background-color: rgba(0,0,0,.70) !important;
  46. }
  47.  
  48. .fbPhotoSnowliftContainer .stage, .fbxPhoto .fbPhotoImageStage .stageContainer, ._4-of, ._3-4e ._3-4f, ._5sjs, ._3-_8, .exploded ._6ks {
  49. background: #000 !important;
  50. }
  51.  
  52. .displayedTickerToggleWrapper .tickerLineToggle, .sidebarMode .fbRemindersThickline, .uiStream .uiStreamHeader, .bottomBorder, .hasSmurfbar #blueBarHolder #blueBar:after, .uiDataTable th, #admin_panel h2.uiHeaderTitle, ._5q5b .fbNubFlyoutTitlebar, ._5t_y ._1dsl li:after, ._51mz, .app_center .uiSideNav .divider, .fbTimelineTopSectionBase .topSectionBottomBorder, ._6z- .uiHeaderNav, ._2d11, ._2d12, ._5dro, ._2gsf, ._hdd:after, ._4f7n:after, ._51_u:after, ._3j6, ._25q1, ._z6j ._42fu, ._yn1 ._394m a, ._4d3w .rightButtons .fbPhotosPhotoActions .uiButton, ._12js._12js._12js ._4er2, .__0k._47xt .openToggler, ._525w, ._5plv .uiSideNav .selectedItem .item, ._5plv .uiSideNav .item:hover, #pagelet_timeline_medley_friends .FriendButton, #event_invite ._5xed .uiTypeahead .innerWrap, #reaction_profile_browser1 .FriendButton, #reaction_profile_browser2 .FriendButton, #reaction_profile_browser3 .FriendButton, #reaction_profile_browser4 .FriendButton, #reaction_profile_browser5 .FriendButton, #reaction_profile_browser6 .FriendButton, ._7lt ._7lx ul {
  53. background: transparent !important;
  54. }
  55.  
  56. .uiSelectorButton.uiButton.uiButtonSuppressed.uiButtonNoText {
  57. background-color: transparent !important;
  58. }
  59.  
  60. ._55bh:after, ._4a0x ._5pd7, ._202.selected, ._47__::before, ._352g, a._tuq::before, ._5y5a ._5n15 ._5n1d::after, ._bjx, ._xu, ._5h2p, ._29jg {
  61. background: #555 !important;
  62. }
  63.  
  64. ._4b6::after, ._a19:before, ._5vsj .UFIRow.UFIUnseenItem::after, ._xu:hover {
  65. background: #999 !important;
  66. }
  67.  
  68. .tickerDialogContent ul li:hover, .fbIndexMobile, .uiToggleFlyout ._6a, #fbRequestsFlyout ._6a, .tickerDialogContent .textInput, #pagelet_bluebar #u_0_i, #fbRequestsList li:hover, #contentCol, .timelineLayout, ._li, #pageFooter table, ._4kg._703 > li ._6a, ._2w3 > ._30f ._6b, ._69l span, .uiHeaderTop, ._5vf h3.uiHeaderTitle, .uiProfileBlockContent ._6a, ._3cz button, #timeline-medley ._4-rr a, ._ksg, ._4kg._6-j > li:hover, .ruResponseSectionContainer ._6a, .uiHeader h3, .friendBrowserAuxAlignMiddle ._3-99, ._z6j, ._kj2 div, .fbFeedTicker .tickerStoryHidden, .fbFeedTicker .tickerStoryHidden:hover, ._5r5f, ._32jz.ego_unit, ._1rs ._24g ._211 a, #pagelet_web_messenger ._51xa button, #event_button_bar .fbEventClassicButton, #event_button_bar .fbEventClassicButton a, ._5dd8 a, #event_button_bar a, .fbTimelineStarGridSeparator, ._12jp.small, .friendBrowserUnit a, .ellipsis ul, ._43q9 ._4cg3, span._52m- ._3spg, .fbTimelineLogStream div, ._5kun, #profile_page_insights_hubble ._kgb a, ._50d1 {
  69. background: none !important;
  70. }
  71.  
  72. ._1mib ._4h2m, ._1mib {
  73. background-color: #222 !important;
  74. background-image: none !important;
  75. }
  76.  
  77. ._1krc {
  78. background: transparent linear-gradient(to top, rgba(0, 0, 0, 0.82), transparent 40%) repeat scroll 0% 0% !important;
  79. bottom: 44px !important;
  80. border-radius: 0px !important;
  81. left: 0px !important;
  82. pointer-events: none !important;
  83. position: absolute !important;
  84. right: 0px !important;
  85. }
  86.  
  87. ._3s6x {
  88. background: linear-gradient(transparent, rgba(0, 0, 0, .8)) !important;
  89. }
  90.  
  91. ._5r8l .uiScrollableArea.contentAfter::after {
  92. background: linear-gradient(transparent, #202020) !important;
  93. border-radius: 0 !important;
  94. height: 30px !important;
  95. }
  96.  
  97. /*// GENERAL /////////////////////////////////////////////////////*/
  98.  
  99. body * {
  100. border-color: transparent !important;
  101. color: #888 !important;
  102. background-color: transparent !important;
  103. }
  104.  
  105. /*// LINKS ///////////////////////////////////////////////////////*/
  106.  
  107. body * {
  108. text-decoration: none !important;
  109. }
  110.  
  111. a, a._gre div._7_v, a._gre div._9_v, #js_40 > span:nth-child(1), .uiTypeaheadView .bucketed .header .text, .profileLink span, a span, #birthday_reminders_link strong, ._2c44 ._2f6b span {
  112. text-decoration: none !important;
  113. color: #ccc !important;
  114. text-shadow: none !important;
  115. transition: color .4s;
  116. }
  117.  
  118. a:hover, a._gre:hover div._7_v, a._gre:hover div._9_v, #js_40 > span:nth-child(1):hover, .uiTypeaheadView .bucketed .header .text:hover, .profileLink span:hover, a span:hover, #birthday_reminders_link:hover strong, .fwb, ._6lh ._6lp ._50hf, ._6lh ._6lp a, ._6lh ._6lp ._6lo, ._58gi span, ._58gh div._58gj, .ellipsis, ._2c44 ._2f6b span:hover, ._5h6m {
  119. text-decoration: none !important;
  120. color: #fff !important;
  121. transition: color .4s;
  122. text-shadow: none !important;
  123. }
  124.  
  125. /*// TEXT SHADOW NONE ////////////////////////////////////////////*/
  126.  
  127. html ._4jy0, html .gecko ._4jy0, ._5em9, ._4-i0, ._502f .rhcFooterWrap, ._502f .rhcFooterWrap a, ._5w1r, ._5594, ._2xh1, ._2xh2, ._51mx:last-child > ._51m- a:hover, ._5ia1 ._5ia2 table tbody tr td p a, ._5ia1 ._5ia2 table tbody tr td:first-child {
  128. text-shadow: none !important;
  129. }
  130.  
  131. /*// MAIN TOOLBAR ////////////////////////////////////////////////*/
  132.  
  133. .slim #blueBar, ._hdd, ._4f7n, ._51_u, ._zpj, ._83k {
  134. background: #202020 !important;
  135. box-shadow: 0 0 15px #000000 !important;
  136. border-bottom: 2px solid rgba(0,0,0,.7) !important;
  137. text-shadow:none !important;
  138. }
  139.  
  140. ._53jh, ._2t-a._50tj {
  141. background: #202020 !important;
  142. background-image: none !important;
  143. box-shadow: 0 0 15px #000000 !important;
  144. border-bottom: 2px solid rgba(0,0,0,.7) !important;
  145. text-shadow: none !important;
  146. }
  147.  
  148. ._2s1x ._2s1y {
  149. background: #202020 !important;
  150. }
  151.  
  152. ._2s1y {
  153. box-sizing: border-box;
  154. height: 42px;
  155. }
  156.  
  157. #u_0_i._4u90, #u_0_j._4u91, ._1k69, ._4u91 {
  158. box-shadow: none !important;
  159. border: transparent !important;
  160. }
  161.  
  162. ._2s1x ._2s24::before {
  163. background: #333 !important;
  164. }
  165.  
  166. ._4kny #u_0_i, ._4kny #u_0_i:hover {
  167. border-color: transparent !important;
  168. }
  169.  
  170. /*// TEXTAREAS ////////////////////////////////////////////////////*/
  171.  
  172. .UFICommentContainer, ._3b .uiSearchInput, .__wu ._539-.roundedBox .innerWrap, ._2pt, ._4a_i, .menu_login_container .inputtext, #registration_container ._58mf .uiStickyPlaceholderInput .placeholder, #registration_container ._58mq select, ._50mz .fbNubFlyoutFooter textarea, .fbChatSidebar ._5q88.fbChatTypeahead .textInput, ._kj3 .uiSearchInput, ._5id1 textarea, html ._55r1, .innerWrap, .profileApprovalRow .UFIAddComment .UFIAddCommentInput._1osb, ._416u ._56ji, .eventsCreate .eventsWhat, ._u48, ._2l5f > .uiSearchInput > span, ._3i2n, ._4dv-, textarea._4xd9, ._4zoz ._59_n, #event_invite ._5xed .uiTypeahead .wrap, .mleFormOuterContainer .inputOuter textarea, .mleFormOuterContainer .inputOuter input, .mleGrid .mleTagTokenizer, .mleGrid .mleLocTypeahead .wrap, .mleGrid .mlePlaceTypeahead .wrap, .uiProgressiveDatepicker .periodSelected .periodMenu, ._5s06 .relationSelector, ._5xjz ._30p_, ._3egg._3egg, ._4bl7 ._59_m, ._31qg ._4sjs {
  173. border-bottom: 1px solid rgba(255,255,255,.18) !important;
  174. border-radius: 3px !important;
  175. box-shadow: inset 0px 1px 5px 0px #000 !important;
  176. border-top-color: #000 !important;
  177. border-right-color: #111 !important;
  178. border-left-color: #111 !important;
  179. background-color: #141414 !important;
  180. }
  181.  
  182. .__wu ._539-.roundedBox .uiSearchInput span {
  183. border-bottom: 1px solid rgba(255,255,255,.18) !important;
  184. margin-top: -1px !important;
  185. }
  186.  
  187. /*// BOX SHADOW //////////////////////////////////////////////////*/
  188.  
  189. .fbRemindersThickline, .sidebarMode .fbRemindersThickline, .rhcFooterBorder, .uiStream .uiStreamHeader, #navSearch .uiTypeahead, .uiHeaderTopBorder, .ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .fbTimelineFeedbackActions, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .UFIRow, ._4-u2, ._6dh ._1dsl, ._6dh ._1dsl, .composerTypeahead .wrap, #mentionsInput, .timelineUnitContainer, ._5vgz, .sidebarMode #globalContainer ._5vgz.fixed_elem, .fbTimelineUnit, #u_ad_2, .fbDockChatTabFlyout, .contextualHelp, .uiToggleFlyout, .uiContextualLayer ._70b, ._4t2a, ._53ij, #fbProfileCover, .back, .tickerDialogContent, .uiTooltipX .tooltipContent, .uiTypeaheadView, .uiTypeaheadView .bucketed ul, ._53ip ._53ij, ._53ii ._53ij, .uiTypeaheadView ul, ._53vr.uiScrollableArea, ._2n_z ._54nf, ._569t ._54nf, ._54nf, ._t, .uiScrollableArea, ._kj3, .fbChatSidebar ._51x_, ._552h._n4k, .fbTimelineUFI, .fbxPhoto .fbPhotoContributor, .uiBoxOverlay, .pop_content, ._4lh .fbTimelineTimePeriodSuppressed .forceLoad, .uiOverlayContent, ._2o49, ._44_u, ._4mq3._4cft, ._17hc._iu-, ._5nzo, ._1-e0, ._5nw8, ._1d8v.iframeEmbed, ._5w40.fbEventHeader, ._2w3 > ._30f, .pagesProfileFullColumnLayoutDesktopView, ._tun, ._1lot, .pbs._z6j, ._5tlx, ._50d1 li, .fbPhotoTagger .typeaheadBackdrop, .fbPhotosPhotoTagboxBase .tagName, #workarea_box, ._1y80, ._3iue, .escapeHatchMinimal, ._juy, ._30d, ._5mwd, .leaflet-popup-tip, #album_pagelet .fbTimelineSection.fbPhotosRedesignNavPagelet, .fbPhotosRedesign.fbTimelinePhotoAlbum, #album_pagelet .fbTimelinePhotoAlbums, ._htj ._4-u8, ._599r, ._5lc6, ._qk8, ._5ay5._2h4v._137a {
  190. box-shadow: 0px 0px 4px 0px #000 !important;
  191. text-shadow: none !important;
  192. }
  193.  
  194. .fbTimelineComposerCapsule, .fbChatSidebar .fbChatSidebarMessage, .fbChatSidebar .fbChatTypeahead .textInput, ._4oes .toggle, .fbNubButton, ._585-, ._5vb_ ._dcs, ._4lh ._1xw:hover ._1xz, ._5vb_ ._5pr2.fbChatSidebar, .fbCalendar ._5pr2.fbChatSidebar, ._1t4w ._5pr2.fbChatSidebar, .timelineLayout ._5pr2.fbChatSidebar, .timelineLayout ._5pr2 ._4oes, .fbCalendar ._5pr2 ._4oes, ._1t4w ._5pr2 ._4oes, ._5vb_ ._5pr2 ._4oes, ._nws, .uiHeader, #mentionsInput, .fbTimelineComposerUnit, #pagelet_bluebar #u_0_i, ._5ahz, ._5kjq div, .uiContextualLayerBelowLeft div, ._dcs, .mtm ._4-u2, .business_id .uiScrollableArea, #rightCol .uiScrollableArea, form .uiScrollableArea, ._2nj .uiScrollableArea, ._3v_l .uiScrollableArea, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:hover, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive, ._5q5b ._50mz .titlebar .button, ._5q5b ._50mz .titlebar .titlebarTextWrapper a, ._50mz .fbNubFlyoutHeader span a, ._1nc7 ._5w1r span a, ._1nc6 ._d97 span a, ._5r8e ._5r85 ._5r88 a, ._5r8e ._5r85 ._5r86, ._32jz.ego_unit, ._xxu, #event_guest_list div, #event_invite div, #event_related_events div, div._4-i2 .uiScrollableArea, ._3nzp .uiScrollableArea, ._htj div, ._53ii ._53ij .uiScrollableAreaWithShadow, html ._51tl:focus, html .gecko ._51tl:focus, ._51mz .uiScrollableArea, .tickerDialogContent, ._4-i0 ._5upp:focus, ._5xjz .uiScrollableArea, ._14vf ._alj._4-u2, ._2q5c #fbProfileCover, ._alk._1axm {
  195. box-shadow: none !important;
  196. text-shadow: none !important;
  197. }
  198.  
  199. /*// BORDERS //////////////////////////////////////////////////////*/
  200.  
  201. .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover, .uiMentionsInput, .uiSideNavCount, .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiStream .uiStreamHeader .uiStreamHeaderText, .selectedStoryIndicator, .fbJewel a.jewelButton:active, .fbJewel a.jewelButton:focus, .fbJewel a.jewelButton:hover, #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active, #pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active, .fbReminders .fbRemindersStory:hover, ._42g-, ._42fu, ._42gx:focus, ._42gx:hover {
  202. border-radius: 3px !important;
  203. }
  204.  
  205. ._5vb_ .home_right_column .fbFeedTicker .tickerStoryActive, ._5vb_ .home_right_column .fbFeedTicker .tickerStoryClickable:hover, ._5otg::after, ._5kjq div, .uiContextualLayerBelowLeft div, ._1tn3 ._4vui, ._50mz .emoticonsPanel, ._1tn3, ._270u::before, ._580d::before, ._2qgs::before, ._14vf ._alj._4-u2 {
  206. border-color: transparent !important;
  207. }
  208.  
  209. ._4kg > li, .shareRedesignRightBorder, .shareRedesignTopBorder, .shareRedesignBottomBorder, .uiSearchInput, .fbChatSidebar .fbFeedTicker .fbFeedTickerStory, .rhcFooterBorder, .fbTimelineCapsule .timelineUnitContainer, .-cx-PUBLIC-timelineOneColMin__root .-cx-PRIVATE-fbTimelineExternalShareUnit__textWrapper, .uiHeader, ._2yg .composerTypeahead, ._2yg .composerTypeahead .wrap, #admin_panel .uiHeaderSectionBorderLeft, ._6-d #fbProfileCover .coverNoImage, ._6-d #fbProfileCover .coverBorder, #fbProfileCover .coverBorder, ._5vsj .UFIReplyList .UFIComponent.UFILastComponent:after, ._5vsj .UFIReplyList .UFIComponent.UFIFirstComponent:after, html ._mj._mj ._519b ._2wr, ._a19:before, #rightCol ._5rzs._5v6d ._5v6e > .pagelet:first-child > div:first-child .uiHeader.uiSideHeader, #rightCol ._5v6e .pagelet:not(:empty) .uiHeader, ._5v3q ._47we, ._6z- .uiHeaderNav, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:hover, ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:active, .fbFeedTicker .tickerStoryHidden, .fbFeedTicker .tickerStoryHidden:hover, #event_guest_list div, #event_invite div, #event_related_events div, #pages_manager_top_bar_container a:hover, ._53im ._53ij div.tickerDialogContent {
  210. border: none !important;
  211. }
  212.  
  213. .fbRemindersThickline, .sidebarMode .fbRemindersThickline, .rhcFooterBorder, .uiStream .uiStreamHeader, #navSearch .uiTypeahead, .uiHeaderTopBorder, .ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .fbTimelineFeedbackActions, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .UFIRow, ._4-u2, .composerTypeahead .wrap, ._5vgz, .sidebarMode #globalContainer ._5vgz.fixed_elem, #u_ad_2, .fbDockChatTabFlyout, .contextualHelp, .uiToggleFlyout, .uiContextualLayer ._70b, ._4t2a, ._53ij, #fbProfileCover, .back, .tickerDialogContent, .uiTooltipX .tooltipContent, ._4lh .fbTimelineTwoColumn[data-type="r"], .uiTypeaheadView, .fbPhotoSnowlift .rhc, .uiTypeaheadView, .uiTypeaheadView .bucketed ul, ._53ip ._53ij, ._53ii ._53ij, .uiInlineTokenizerView ul, .uiTypeaheadView ul, ._599r, ._569t ._54nf, ._2n_z ._54nf, ._t, .wmMasterView .uiScrollableArea, ._6z- .uiScrollableArea, ._kj3, .fbTimelineUFI, .fbxPhoto .fbPhotoContributor, .uiBoxOverlay, .pop_content, ._4lh .fbTimelineTimePeriodSuppressed .forceLoad, .uiOverlayContent, ._2o49, ._44_u, ._1z0-, ._5nzo, ._1-e0, ._5nw8, ._1d8v.iframeEmbed, ._5w40.fbEventHeader, ._2w3 > ._30f, .pagesProfileFullColumnLayoutDesktopView, ._tun, ._1lot, #pagelet_web_messenger ._ksg, .pbs._z6j, ._5tlx, ._50d1 li, .fbPhotoTagger .typeaheadBackdrop, .fbPhotosPhotoTagboxBase .tagName, ._54ih ._5w0h, ._1y80, ._3iue, .escapeHatchMinimal, ._juy, ._30d, #album_pagelet .fbTimelineSection.fbPhotosRedesignNavPagelet, .fbPhotosRedesign.fbTimelinePhotoAlbum, #album_pagelet .fbTimelinePhotoAlbums, ._htj ._4-u8, ._5lc6 {
  214. border: 1px solid rgba(0,0,0,.7) !important;
  215. border-top-color: rgba(255,255,255,.12) !important;
  216. border-radius: 3px !important;
  217. }
  218.  
  219. ._5qtq::after {
  220. border-bottom-color: #555 !important;
  221. }
  222.  
  223. ._50mz .fbNubFlyoutHeader ._1sk5, ._5r8e, ._3nzk .jewelHeader {
  224. border-bottom: 1px solid #111 !important;
  225. }
  226.  
  227. ._dcs, .fbTimelineUnit.fbTimelineTwoColumn .timelineUnitContainer.fbTimelineComposerUnit, .mtm ._4-u2, ._53il {
  228. border: 1px solid transparent !important;
  229. border-radius: 3px !important;
  230. }
  231.  
  232. .mtm ._4-u2, .mtm ._6m2, ._5vb_ ._dcs, ._dcs, ._3z2, ._2lhm ._6m2, ._2kml, #rhc_col ._39xw, #rhc_col ._1spx, ._13ks, ._5rul, .unclickable ._dcs._6m2 ._42ef, ._29_3 ._29_4 {
  233. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAMAAAAw96PuAAAAMFBMVEUbGxsaGhoiIiIcHBwVFRUYGBggICAeHh4WFhYfHx8XFxcUFBQdHR0ZGRkhISESEhKy7ZvJAAABQUlEQVR42l1TUZLFIAiDRQpS3Xf/2+6Ugjw2X6nTxMgEAPxJ0IAXzFeeCcKFCoHJ9pKbKI5wCNBUjE+S4dR4pkhRABbcEBDUV5cWW6ebG597FF9dYMBy80zofq4LsM1MWGGNXRcWizJhhaXbKuaWr4QJ28UfiwDveQUIsbjBGcta9AJYwCgwt7b7ckKiDP/yoZ4JsU5YNCqf0zYhWs+L7fyiHLqA+UtpjXi8+4XOgfG8Suh+bUJBM6H7gYGdCclJeGsAGaimJXm/8VUThAtGr0cWJGmrR5i0gkirh8AIXRWkFTj87kdXlY4CVz1S1yotbSFC1xNPhQQNphOzEq+vjmFxXZAw/K0t/OKW+foK9QWr+2qF2oLto6sJ9QUbVaxaoV4Pdp30FaJWj9RVpavATrfCx3U9seiuhQBGPZBTYC38AccDDZOEuQAKAAAAAElFTkSuQmCC) !important;
  234. background-repeat: repeat !important;
  235. background-color: rgba(0,0,0,.15) !important;
  236. border: 1px solid #111 !important;
  237. border-bottom: 1px solid rgba(255,255,255,.16) !important;
  238. box-shadow: inset 0 0px 3px 0 #111 !important;
  239. }
  240.  
  241. .mtm ._6a a {
  242. background: none !important;
  243. }
  244.  
  245. html ._4lh ._2-d1 ._3rrn > a, ._3d5b._-fk, ._2-bi {
  246. border-left-color: #666 !important;
  247. }
  248.  
  249. ._4lh ._2-d1 a:hover, ._3d5b:hover {
  250. border-left-color: #444 !important;
  251. }
  252.  
  253. html ._4lh ._2-d1 li a, ._3d5b {
  254. border-left-color: #282828 !important;
  255. }
  256.  
  257. ._14b9._620 .PageLikedButton, ._51iy, .mlePhotoButtons .mlePhotoButtonLink, div._14n, div._14o, ._42i {
  258. border-color: #333 !important;
  259. }
  260.  
  261. ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:hover, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:focus, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .fbFeedTickerStory:active, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive:hover, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive:focus, ._5vb_ ._5pr2.fbChatSidebar .fbFeedTicker .tickerStoryActive:active, ._32jz.ego_unit, ._htj div, .fbRemindersContent .uiHeaderTopBorder, ._29_3 ._29_4 {
  262. border: none !important;
  263. }
  264.  
  265. ._30v-, ._2ko1 ._18im, ._51i5 ._5l1x {
  266. border-radius: 3px !important;
  267. background: rgba(0,0,0,.7) !important;
  268. border: 2px solid rgba(255,255,255,.9) !important;
  269. }
  270.  
  271. ._gx8 .img {
  272. box-shadow: 0 0 2px #151515 !important;
  273. }
  274.  
  275. ._12-h span, ._18c- {
  276. border: 1px dashed #333 !important;
  277. }
  278.  
  279. ._12-h:hover span, ._57et ._24mr, ._5cm0 ._2b8t, ._1pt_:hover {
  280. border-color: #555 !important;
  281. }
  282.  
  283. ._10sf {
  284. border-color: #111 !important;
  285. }
  286.  
  287. ._3vsp {
  288. border-color: #555 transparent transparent !important;
  289. }
  290.  
  291. ._57et > li:hover ._24ms, ._9qy {
  292. background-color: #555 !important;
  293. }
  294.  
  295. ._9q_, ._57et > li:hover {
  296. background-color: #333 !important;
  297. }
  298.  
  299. ._5cm0 {
  300. border-left: 1px solid #333 !important;
  301. }
  302.  
  303. ._3jjt:hover:after {
  304. border: 2px solid #999 !important;
  305. margin: -4px !important;
  306. }
  307.  
  308. ._2709, ._1a__ {
  309. background-color: #191919 !important;
  310. border: 1px solid transparent !important;
  311. }
  312.  
  313. .__9u, ._5kjq ._4-u2, ._5pbz ._5pcr, ._rzn, ._u08, .uiBoxYellow {
  314. border: 1px dashed #383838 !important;
  315. border-radius: 5px !important;
  316. }
  317.  
  318. .fbEventsDashboardSection + .fbEventsDashboardSection > ._4cbb, ._4cbb + ._4cbb {
  319. border-top: 1px solid #303030 !important;
  320. }
  321.  
  322. ._4ag3 {
  323. background-color: #151515 !important;
  324. }
  325.  
  326. ._4-h8 {
  327. border-bottom-color: #111 !important;
  328. }
  329.  
  330. ._4-h8::after {
  331. border-bottom-color: #121212 !important;
  332. }
  333.  
  334. ._4zoz._4zoz._4zoz {
  335. border-top: 1px solid #111 !important;
  336. background: #111 !important;
  337. }
  338.  
  339. ._3o1x, #pagelet_composer ._1dsp, ._579 {
  340. background: #202020 !important;
  341. }
  342.  
  343. ._2dck {
  344. border-top: none !important;
  345. }
  346.  
  347. ._6z- .uiSideNav .selectedItem > .item, ._6z- .uiSideNav .selectedItem > .subitem {
  348. background-color: #252525 !important;
  349. }
  350.  
  351. ._6z- .uiHeaderNav {
  352. background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yV/r/R3gnFfkFEmR.png") !important;
  353. background-repeat: no-repeat !important;
  354. filter: grayscale(100%) invert(1) brightness(110%);
  355. -webkit-filter: grayscale(100%) invert(1) brightness(110%);
  356. }
  357.  
  358. ._1ui8 ._49u4 {
  359. border-top: 1px solid #333 !important;
  360. }
  361.  
  362. #timeline_composer_container ._1f05, #pagelet_composer ._4_4e {
  363. border: 10px solid #202020 !important;
  364. margin: 0 !important;
  365. }
  366.  
  367. #timeline_composer_container ._1f05 .mvm, #timeline_composer_container ._1f05 .mvm ._3-8y, #pagelet_composer ._4_4e .mvm, #pagelet_composer ._4_4e .mvm ._3-8y {
  368. margin: 0 !important;
  369. padding-bottom: 0px !important;
  370. }
  371.  
  372. #timeline_composer_container ._2ane {
  373. margin-bottom: -4px !important;
  374. }
  375.  
  376. ._2diy {
  377. border: 1px solid #eee !important;
  378. }
  379.  
  380. ._2diy:hover {
  381. background-color: rgba(20, 22, 26, .7) !important;
  382. }
  383.  
  384. ._3s4w::before {
  385. border-bottom-color: #333 !important;
  386. border-top-color: #111 !important;
  387. }
  388.  
  389. ._3s4x {
  390. background: #333 !important;
  391. border-radius: 3px !important;
  392. padding: 3px 8px !important;
  393. }
  394.  
  395. /*// REACTIONS BUTTON ////////////////////////////////////////////*/
  396.  
  397. ._iu-, ._1g5v + ._4arz {
  398. background-color: #202020 !important;
  399. }
  400.  
  401. ._iu- {
  402. border-radius: 35px !important;
  403. border-bottom: 1px solid rgba(0,0,0,.7) !important;
  404. box-shadow: 0 1px 4px #101010, 0 1px 0 #505050 inset !important;
  405. }
  406.  
  407. ._4sm1 {
  408. background-color: rgba(10,10,10,.95) !important;
  409. color: #ddd !important;
  410. border: 1px solid #444 !important;
  411. }
  412.  
  413.  
  414. /*// GRAYSCALE ///////////////////////////////////////////////////*/
  415.  
  416. ._5vsj .UFIReplyList .UFIPagerIcon, .uiLikePageButton ._3-8_.img, .ego_action i.img, ._55pe i.img:not(.sx_489055), .sp_8u73feyRveE.sx_6ece9b, .PageLikeButton i.img, ._2c46, ._5q5b ._50mz .emoticonsPanel .emoteTogglerImg, ._2y9i, .UFICommentStickerIcon, .UFISeenCountIcon, .sp_qk8sNUxukfD._5vsj, ._l9, ._kz, ._4iab, .sp_McTLU1GdJQJ.sx_898673, .sp_hjDCvEgCHdl.sx_3ff31d, ._5pr2.fbChatSidebar div._5qth ._5vmb, ._5pr2 ._3a-4, ._5pr2 ._5q87,._1rs .emoticonsPanel .emoteTogglerImg, ._42fu .img, ._2u7k i, ._559b, ._4iae ._5xoz i, i.sp_7-NOiac_C2Y, ._4fby i, ._2mi7, ._4w5k, .fbQuestionsPollAttachmentIcon, i._1c86, .uiBoxWhite ._2cje ._5r2w, .uiStreamSecondaryTime .img, img._5qla.img, .composerAudienceWrapper ._2agf i.img.sp_bENs7aMILtV, i.img.sp_bENs7aMILtV.sx_462ddb, ._5dd8 .composerAudienceWrapper i._3-99.img, ._3jy5.repliedLast, ._1y2l .preview ._j0r, .img[src="https://scontent-fra3-1.xx.fbcdn.net/t39.2365-6/12057050_1520753484910899_2061865607_n.png"] {
  417. filter: grayscale(100%) invert(100%) brightness(130%);
  418. -webkit-filter: grayscale(100%) invert(100%) brightness(130%);
  419. }
  420.  
  421. .UFIComment .UFICommentLikeIcon, .UFILikeIcon, ._2xh1, ._2xh2, .sp_qk8sNUxukfD, #sideNav .img, #pagelet_composer form ul .img, .stickyHeaderWrap form .img, .sp_peJFOV3eQ-m, .sp_843e1e.sx_18f9fe, .sp_Bx2fFW7jJNa.sx_2e5b87, ._4jy0 .img, ._56_f._5dzz, .sp_CyzWktPCcmJ.sx_1f43a9, .adminPanelContentFanAcq img, .UFIBlingBoxTimelineLikeIcon, .sp_XLMTaKDBtS1.sx_17ae2b, .ci_compact_icon img, .ci_compact_icon i.img, ._4pd, .uiCloseButtonSmall, ._1dsr, .fbIndexMobile img, ._55yq, ._5d9-._55yn, ._33i.img, .uiMorePagerLoader img, .sp_I82JkHg4Jkj.sx_345974, .sp_843e1e.sx_999646, ._jqw, ._54_9._5y6x ._2eq6::before, .sp_pyq3UfnPhz2.sx_34c674, .uiCloseButton, ._10cu, ._56_f._5dz-, .sp_KtyRa2CDjjd.sx_41c10e, div.AdvertiserHomePagelet ._khv.img, .sp_B-zwz8Z2YD9.sx_bd6242, .sp_8XMKRORlC0c.sx_920821, ._6a i, .UFIShareIcon, .uiIconText .img, .litestandClassicWelcomeBox.fbxWelcomeBoxSmall a i, .fbReminders .fbRemindersIcon, .fbIndexMobile i, ._393v i, ._kj3 i, ._51mz ._51m-:first-child ._8s, ._5pmc i, i._5r87, ._4ks > li i, .UFIReplyList .UFIPagerIcon, .UFILikeLinkIcon, ._5plv .sideNavItem .imgWrap .img, .uiButtonDisabled .img, ._4-fs i, .fbPhotosRedesignNavIcon, ._6q0 ._5m-, ._4jy0 .img, .mvl img, img._2gea, i._4fx, ._5c6j i, ._3-ma._2bnd, .hoverStar, ._3-ma._2bne, .uiTypeaheadView .search .simpleSearchSeeMoreRowRedesignIcon, ._1c85 img, ._48-k.UFILinkBright::before, ._6h1, .fbTimelineUnit ._8r i, img._3-94.img, .fbTimelineUnit ._8r.img, .fbTimelineUnit ._zho .img, i._2_8a.img, ._2l03 ._2l02.img[src="https://static.xx.fbcdn.net/rsrc.php/v2/yc/r/q4v5p3yuPTQ.png"], ._2l03 ._2l02.img[src="https://static.xx.fbcdn.net/rsrc.php/v2/ys/r/4Tmmhow4MH-.png"], ._489y, ._6xd._6xe, ._5xvi ._4sod, ._5xvi ._5xvj, ._6xe, .ogPickerIcon, .sp_GPqZJ_sO3wF, ._5f9f, ._40mk:hover ._40mm, ._40ml ._40mm, ._40mk img._40mn.img, .lifeEventHeader i.lifeEventIcon.img, ._rzn ._4m1w, ._28vg ._5b1w, #page_goal_card_channel i.img, ._1pu3, ._1pu4, #your_posts_bookmark a img.img, ._kj3 img.img._ohe, ._3ett i.img, ._2pio._2pib._2pif a i.img, ._52jv ._18c- i.img._4yzo, ._5ep3, img.prs._8o.lfloat._ohe.img, ._58do i._32y4, ._54nu .img {
  422. filter: grayscale(100%) invert(0) brightness(100%);
  423. -webkit-filter: grayscale(100%) invert(0) brightness(100%);
  424. }
  425.  
  426. ._5lxs:hover ._5lxt, .addButton i.img, #facebook .sideNavItem:hover ._1iiv, #facebook .sideNavItem ._1iiv:hover, #facebook .sideNavItem ._1iiv:focus, #facebook .sideNavItem .openToggler ._1iiv, #facebook #contentArea ._1iiv:hover, ._2jq5._p:focus, ._2jq5._p:hover, .UFICommentPhotoIcon, #pages_actions_pagelet button i.img.sp_dTBmsmzL5GP.sx_98d1d3, #pagelet_timeline_profile_actions i.img.sp_bENs7aMILtV.sx_794c0c, ._58gm ._51xa i.img, ._pbn ._4z8- .img, ._5pcp i._3-99.img, ._3u17 i.img, ._5r5l i.img._5r5n {
  427. filter: grayscale(100%) invert(100%) brightness(80%);
  428. -webkit-filter: grayscale(100%) invert(100%) brightness(80%);
  429. }
  430.  
  431. a.jewelButton, ._59fb, ._1xn5 ._50__, ._5lxt, ._9ry i.img.sp_bENs7aMILtV, ._5dd8 .composerAudienceWrapper .selected i._3-99.img, .selected ._55pe i.img, ._5pcp .selected i._3-99.img, ._kv ._3jy5.repliedLast {
  432. filter: grayscale(100%) invert(0) brightness(120%);
  433. -webkit-filter: grayscale(100%) invert(0) brightness(120%);
  434. }
  435.  
  436. a.jewelButton:hover, ._59fb:hover, ._1xn5:hover ._50__, ._1xn5:focus ._50__ {
  437. filter: grayscale(100%) invert(0) brightness(300%);
  438. -webkit-filter: grayscale(100%) invert(0) brightness(300%);
  439. }
  440.  
  441. a.jewelButton ._2n_9 {
  442. filter: grayscale(100%) invert(100%) brightness(30%);
  443. -webkit-filter: grayscale(100%) invert(100%) brightness(30%);
  444. }
  445.  
  446. ._59fb, ._59fb:hover, #userNavigationLabel._5lxt {
  447. filter: grayscale(100%) invert(100%) brightness(40%);
  448. -webkit-filter: grayscale(100%) invert(100%) brightness(40%);
  449. }
  450.  
  451. .selected .sp_bENs7aMILtV.sx_462ddb, .selected .sp_uJRilsphSnM.sx_4a5635, .selected .sp_9jIG9bZrYlL.sx_c3792e, .selected .sp_z4-HtKZjetn.sx_50d76e, .uiBoxWhite i.img.sp_nrOHIqWGSsv.sx_dea001, ._4__g.escapeHatchMinimal .FriendButton button i.img, #pagelet_timeline_medley_about ._2pi0 .FriendButton button i.img {
  452. filter: grayscale(100%) invert(0) brightness(60%) !important;
  453. -webkit-filter: grayscale(100%) invert(0) brightness(60%) !important;
  454. }
  455.  
  456. .hasNew a.jewelButton, ._55pe img._6vg.img, .fbEventsDashboardSectionHeader i.img, .metadataFragment img.ogPickerIcon, .hasNew a.jewelButton ._2n_9, .openToggler a.jewelButton ._2n_9, .openToggler ._59fc ._59fb, .openToggler ._5lxs ._5lxt, .friendBrowserForm .addButton i.img {
  457. filter: none !important;
  458. -webkit-filter: none !important;
  459. }
  460.  
  461. ._3z_5 {
  462. text-shadow: none !important;
  463. background: #fa3e3e !important;
  464. }
  465.  
  466. ._53ik ._558b + ._53io {
  467. bottom: 1px !important;
  468. }
  469.  
  470. .uiContextualLayer ._5v-0 i._53io, ._5t_y ._1dsl li i._2wr, .emoticonsPanel div._5r8f .panelFlyoutArrow, ._19cm ._5s06 .friendSelector img[src="/images/blank-profilepic.png"], ._53ik ._558b + ._53io {
  471. filter: brightness(12.5%) !important;
  472. -webkit-filter: brightness(12.5%) !important;
  473. }
  474.  
  475. ._5t_y ._1dsl li i._2wr {
  476. filter: brightness(8%) !important;
  477. -webkit-filter: brightness(8%) !important;
  478. }
  479.  
  480. ._2t-a .__tw .beeperNub, ._53il ._558b + ._53io, .__tw .beeperNub, .fbPhotosPhotoTagboxBase .tagArrow, .fbPhotoTagger .arrow, ._1tk3::before, ._1tk3::after, .gecko ._55sg > input + span::before {
  481. filter: brightness(22%) !important;
  482. -webkit-filter: brightness(22%) !important;
  483. }
  484.  
  485. /*// BUTTONS /////////////////////////////////////////////////////*/
  486.  
  487. .uiButtonGroup, ._70l, ._6dh ._1dsl, .uiDataTable th {
  488. background: transparent !important;
  489. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  490. transition: background .2s, box-shadow .4s, border-color .2s !important;
  491. transition-timing-function: linear !important;
  492. }
  493.  
  494. .uiButtonGroup:hover, #fbTimelineHeadline .actionsDropdown button, #fbTimelineHeadline .actionsDropdown .FriendButton {
  495. background: #202020 !important;
  496. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  497. transition: background .2s, box-shadow .4s, border-color .2s !important;
  498. transition-timing-function: linear !important;
  499. }
  500.  
  501. .fbNubButton, ._5h6h button {
  502. background: #222222 !important;
  503. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  504. transition: background .2s, box-shadow .4s, border-color .2s !important;
  505. transition-timing-function: linear !important;
  506. }
  507.  
  508. .fbNubButton:before, .fbNubButton:after {
  509. background-image: none !important;
  510. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  511. transition: background .2s, box-shadow .4s, border-color .2s !important;
  512. transition-timing-function: linear !important;
  513. margin-top: 1px !important;
  514. }
  515.  
  516. .fbNubButton:before {
  517. border-top-left-radius: 3px !important;
  518. }
  519.  
  520. .fbNubButton:after {
  521. border-top-right-radius: 3px !important;
  522. }
  523.  
  524. .rNubContainer ._50-v {
  525. border: 1px solid rgba(0,0,0,.7) !important;
  526. border-top-color: rgba(255,255,255,.12) !important;
  527. box-shadow: 0 0 4px #000 !important;
  528. border-top-left-radius: 3px !important;
  529. border-top-right-radius: 3px !important;
  530. }
  531.  
  532. html ._4jy0:focus, html .gecko ._4jy0:focus {
  533. box-shadow: none !important;
  534. outline: medium none;
  535. text-shadow: none !important;
  536. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  537. transition: background .2s, box-shadow .4s, border-color .2s !important;
  538. transition-timing-function: linear !important;
  539. }
  540.  
  541. #fbTimelineHeadline .actionsDropdown .FriendRequestAdd {
  542. border: 1px solid #202020 !important;
  543. box-shadow: 0 0 0 #000 !important;
  544. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  545. transition: background .2s, box-shadow .4s, border-color .2s !important;
  546. transition-timing-function: linear !important;
  547. }
  548.  
  549. button:hover, .actionsDropdown a:hover, #fbPageDropDownActionsMenu:hover, .composerAudienceWrapper a:hover, ._42ft:hover, ._2io_ a:hover, #login_form #loginbutton:hover, #u_0_i:hover, .fbIndexMobile .mobileButton:hover, #pages_actions_pagelet button:hover, label.uiButtonConfirm:hover, .uiLikePageButton button:hover, html ._4jy0:hover, html .gecko ._4jy0:hover, .FriendRequestAdd.addButton._4jy3._517h:hover, ._gli ._4jy0:hover, ._58gm ._52m-:hover, ._14b9._620 .PageLikedButton:hover, ._14b9._620 .PageLikedButton:focus, ._6dh ._1dso li:last-child button:hover, .uiComboInput .comboButton:hover, .uiBoxOverlay .uiButton:hover, .signupBanner .signup_btn:hover, #fbTimelineHeadline .actionsDropdown .FriendRequestAdd:hover, #all_search_results .PageLikeButton:hover, #pagelet_timeline_medley_friends ._4jy0:hover, #rhc_col ._39xw ._4jy3:hover, #rhc_col ._1spx ._4jy3:hover, ._2709:hover, #profile_page_insights_hubble ._kgb a:hover, #reg_box .clearfix button#u_0_j:hover, ._kj2 ._guu a.uiButton:hover, ._5lc6 ._2hn3 button:hover, ._54ay .callToActionButton:hover, ._54ay ._1wc-:hover, .captcha_dialog.uiLayer ._14 button:hover {
  550. box-shadow: inset 0px 2px 4px 0px #000 !important;
  551. border-bottom-color: #333 !important;
  552. border-top-color: #000 !important;
  553. border-right-color: #222 !important;
  554. border-left-color: #202020 !important;
  555. background-color: #181818 !important;
  556. border-radius: 3px !important;
  557. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  558. transition: background .2s, box-shadow .4s, border-color .2s !important;
  559. transition-timing-function: linear !important;
  560. }
  561.  
  562. #login_form #loginbutton, #u_0_i, .PageLikeButton, ._gli ._4jy0, ._5v3q ._47we, .FriendButton, ._14b9._620 .PageLikedButton, .fbxPhoto button {
  563. background: #333 !important;
  564. border-radius: 3px !important;
  565. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  566. transition: background .2s, box-shadow .4s, border-color .2s !important;
  567. transition-timing-function: linear !important;
  568. }
  569.  
  570. #login_form #loginbutton {
  571. padding-bottom: 3px !important;
  572. padding-top: 4px !important;
  573. }
  574.  
  575. #pages_actions_pagelet ._42ft {
  576. height: 27px !important;
  577. border: 1px solid #202020 !important;
  578. }
  579.  
  580. .__wu ._539-.roundedBox .uiSearchInput button {
  581. background-color: #202020 !important;
  582. border: 1px solid #111 !important;
  583. border-radius: 0px 3px 3px 0px !important;
  584. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
  585. transition: background .2s, box-shadow .4s, border-color .2s !important;
  586. transition-timing-function: linear !important;
  587. }
  588.  
  589. .__wu .roundedBox .uiTypeahead .searchIcon {
  590. padding-right: 15px !important;
  591. }
  592.  
  593. .__wu ._539-.roundedBox .uiSearchInput button:hover {
  594. background-color: #181818 !important;
  595. }
  596.  
  597. ._4jy0, .FriendButton button, .uiLikePageButton button, ._5t4x span button, ._698 ._5qo4 ._4jy3, ._1rs ._1ri, ._1dwg ._3vt_, .mtm .PageLikeButton, #login_form #loginbutton, .uiHeaderTop .PageLikeButton, ._19ab a, ._522u button, ._4-lt .PageLikeButton, .uiComboInput .comboButton, .uiBoxOverlay .uiButton, .pop_content .uiButton, .signupBanner .signup_btn, ._538q ._4jy0, ._8y9 .PageLikeButton, #all_search_results .PageLikeButton, ._32jt ._5ymq button, ._5ss8 ._18fs a, #rhc_col ._39xw ._4jy3, #rhc_col ._1spx ._4jy3, #reg_box .clearfix button#u_0_j, ._3g_u, ._kj2 ._guu a.uiButton, ._5lc6 ._2hn3 button, ._54ay .callToActionButton, ._54ay ._1wc-, ._6wl, .captcha_dialog.uiLayer ._14 button {
  598. background: #333 !important;
  599. border: 1px solid rgba(0,0,0,.8) !important;
  600. border-radius: 3px !important;
  601. box-shadow: 0 1px 2px #111, 0 1px 0px #555 inset !important;
  602. -webkit-transition: background .2s, box-shadow .2s, border-color .2s !important; /* Safari */
  603. transition: background .2s, box-shadow .4s, border-color .2s !important;
  604. transition-timing-function: linear !important;
  605. }
  606.  
  607. ._5rz0 {
  608. box-shadow: none !important;
  609. }
  610.  
  611. #all_search_results .FriendButton, #all_search_results a, ._8y9.rfloat .FriendButton, .fbPhotoCurationOptions a, .fbPhotoCurationOptions a:focus {
  612. background: none !important;
  613. }
  614.  
  615. ._1fa6 button {
  616. height: 33px !important;
  617. }
  618.  
  619. ._5lc6 button, ._5lc6 button span, ._54ay ._1wc- button:hover {
  620. color: #ddd !important;
  621. }
  622.  
  623. ._54ay .callToActionButton, ._54ay ._1wc- {
  624. margin: -1px !important;
  625. }
  626.  
  627. ._54ay .callToActionButton {
  628. margin-bottom: 5px !important;
  629. }
  630.  
  631. /*// ADS /////////////////////////////////////////////////////////*/
  632.  
  633. .uiHeader.uiHeaderTopBorder.pbs._9_r.uiSideHeader, .tickerToggleWrapper.displayedTickerToggleWrapper.fbRemindersThickline.toggleWrapperWithoutMargin {
  634. border: none !important;
  635. }
  636.  
  637. #pagelet_games_rhc, #pagelet_ego_pane, .ego_column {
  638. display: none !important;
  639. }
  640.  
  641. /*// ICONS ///////////////////////////////////////////////////////*/
  642.  
  643. .profileApprovalRow .UFICommentStickerIcon {
  644. background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yk/r/n2vOQDcvBJm.png") !important;
  645. background-position: -6px -449px !important;
  646. }
  647.  
  648. ._1_0d {
  649. background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/P7f6wrc6XGN.png") !important;
  650. background-position: -2px -134px !important;
  651. }
  652.  
  653.  
  654. ._1rs .emoticonsPanel .emoteTogglerImg {
  655. background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yZ/r/a-ZN6WoEOje.png") !important;
  656. background-position: -6px -419px !important;
  657. opacity: .7 !important;
  658. }
  659.  
  660. ._1rs .emoticonsPanel .emoteTogglerImg:hover {
  661. opacity: 1 !important;
  662. }
  663.  
  664. ._5t_y ._1dsw ._1dsr {
  665. background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yU/r/sSwLTfB7PfP.png") !important;
  666. }
  667.  
  668. ._58do i._32y4 {
  669. background-position: -15px -338px !important;
  670. }
  671.  
  672. /*// BUSINESS PAGES //////////////////////////////////////////////*/
  673.  
  674.  
  675. ._2sw8 ._3etu, ._2sw8 ._3etw, ._2sw8 ._3ett {
  676. border: solid 1px #333 !important;
  677. }
  678.  
  679. ._3ett, ._3etu, ._3etw {
  680. background: #202020 !important;
  681. }
  682.  
  683. ._3i_m ._2her {
  684. border: 1px solid currentColor !important;
  685. border-radius: 50% !important;
  686. }
  687.  
  688. ._2her ._57e_ {
  689. border: 1px solid currentColor !important;
  690. border-width: 0 0 1px 1px !important;
  691. }
  692.  
  693. ._5vx4 ._5vwz ._13xf {
  694. left: 0 !important;
  695. right: 0 !important;
  696. }
  697.  
  698. ._4dlt {
  699. margin-right: 6px !important;
  700. }
  701.  
  702. #pagesHeaderLikeButton {
  703. margin-right: -5px !important;
  704. }
  705.  
  706. .fbTimelineCapsule, .fbTimelineTimePeriod, .sp_dwisfx.sx_5bfe7b, ._2k5d {
  707. background: none !important;
  708. }
  709.  
  710. .spinePointer, .sp_52s0ck, .sp_1t3tsb {
  711. opacity: 0 !important;
  712. }
  713.  
  714. .uiButton, .uiButtonSuppressed:active, .uiButtonSuppressed:focus, .uiButtonSuppressed:hover, ._517h, ._59pe:focus, ._59pe:hover, ._517h._42fr:active, ._517h._42fr._42fs {
  715. background: #202020 !important;
  716. box-shadow: none !important;
  717. border-color: transparent !important;
  718. }
  719.  
  720. ._5vx4._5vx6 ._5vwy ._13xf, ._5h12 > span:after, ._5h12.uiSelector > .uiToggle:after {
  721. background: #666 !important;
  722. }
  723.  
  724. .adminPanelMessagesColumn, #admin_panel #AdminTip {
  725. margin-top: -1px !important;
  726. }
  727.  
  728. ._352g, ._5abm {
  729. background-color: transparent !important;
  730. }
  731.  
  732. ._1mib ._4h2m, ._5vwz ._13xf, ._33vf li:hover::before, ._33vf li::before {
  733. background: #333 !important;
  734. }
  735.  
  736. ._33vf li:hover {
  737. background-color: #303030 !important;
  738. }
  739.  
  740. ._3f-h {
  741. border-left: 3px solid transparent !important;
  742. }
  743.  
  744. ._3f-h._3f-i {
  745. border-color: #666 !important;
  746. }
  747.  
  748. ._33vf li:hover::before, ._33vf li::before {
  749. border-color: #333 !important;
  750. }
  751.  
  752. ._3f-h:hover, ._3f-h._3f-i, li._1a_0._4vb9, ._4dyr {
  753. background: rgba(255, 255, 255, .05) !important;
  754. }
  755.  
  756. ._33vf li._3wxb, ._174o {
  757. background: rgba(255, 255, 255, .03) !important;
  758. }
  759.  
  760. ._5x5y {
  761. border-left: 20px solid transparent !important;
  762. border-top: 20px solid #999 !important;
  763. }
  764.  
  765. div._5abn[style*="background-color: rgb(197, 206, 224)"] {
  766. background-color: rgb(197, 206, 224) !important;
  767. }
  768.  
  769. div._1l46._1l47[style*="background: rgb(222, 133, 133)"] {
  770. background-color: rgb(222, 133, 133) !important;
  771. }
  772.  
  773. div._1l46._1l47[style*="background: rgb(197, 206, 224)"] {
  774. background-color: rgb(197, 206, 224) !important;
  775. }
  776.  
  777. div._1l46._1l47[style*="background: rgb(157, 172, 203)"], div._5abn[style*="background-color: rgb(157, 172, 203)"], div._1l46._5nb6[style*="background: rgb(157, 172, 203)"] {
  778. background-color: rgb(157, 172, 203) !important;
  779. }
  780.  
  781. div._1l46._1l47[style*="background: rgb(255, 202, 135)"], div._5abn[style*="background-color: rgb(255, 202, 135);"]{
  782. background-color: rgb(255, 202, 135) !important;
  783. }
  784.  
  785. div._1l46._1l47[style*="background: rgb(208, 148, 171)"], div._5abn[style*="background-color: rgb(208, 148, 171)"] {
  786. background-color: rgb(208, 148, 171) !important;
  787. }
  788.  
  789. div._1l46._1l47[style*="background: rgb(127, 150, 199)"] {
  790. background-color: rgb(127, 150, 199) !important;
  791. }
  792.  
  793. div._1l46._1l47[style*="background: rgb(247, 150, 0)"] {
  794. background-color: rgb(247, 150, 0) !important;
  795. }
  796.  
  797. div._1l46._1l47[style*="background: rgb(61, 106, 214)"] {
  798. background-color: rgb(61, 106, 214) !important;
  799. }
  800.  
  801. div._1l46._1l47[style*="background: rgb(19, 189, 166)"] {
  802. background-color: rgb(19, 189, 166) !important;
  803. }
  804.  
  805. div._1l46._1l47[style*="background: rgb(240, 238, 196)"] {
  806. background-color: rgb(240, 238, 196) !important;
  807. }
  808.  
  809. div._1l46[style*="background: rgb(137, 155, 193)"] {
  810. background-color: rgb(137, 155, 193) !important;
  811. }
  812.  
  813. div._1l46[style*="background: rgb(60, 99, 153)"] {
  814. background-color: rgb(60, 99, 153) !important;
  815. }
  816.  
  817. div._1l46[style*="background: rgb(229, 229, 229)"] {
  818. background-color: rgb(229, 229, 229) !important;
  819. }
  820.  
  821. div._1l46[style*="background: rgb(215, 218, 231)"] {
  822. background-color: rgb(215, 218, 231) !important;
  823. }
  824.  
  825. div._1l46[style*="background: rgb(177, 148, 194)"] {
  826. background-color: rgb(177, 148, 194) !important;
  827. }
  828.  
  829. div._1l46._5nb6[style*="background: rgb(35, 53, 91)"] {
  830. background-color: rgb(35, 53, 91) !important;
  831. }
  832.  
  833. div._1l46._5nb6[style*="background: rgb(156, 122, 179)"] {
  834. background-color: rgb(156, 122, 179) !important;
  835. }
  836.  
  837. div._1l46._5nb6[style*="background: rgb(222, 181, 197)"] {
  838. background-color: rgb(222, 181, 197) !important;
  839. }
  840.  
  841. div._1l46._5nb6[style*="background: rgb(183, 117, 143)"] {
  842. background-color: rgb(183, 117, 143) !important;
  843. }
  844.  
  845. div._1l46._5nb6[style*="background: rgb(59, 89, 152)"] {
  846. background-color: rgb(59, 89, 152) !important;
  847. }
  848.  
  849. div._1l46._5nb6[style*="background: rgb(212, 64, 64)"] {
  850. background-color: rgb(212, 64, 64) !important;
  851. }
  852.  
  853. div._1l46._5nb6[style*="background: rgb(137, 42, 42)"] {
  854. background-color: rgb(137, 42, 42) !important;
  855. }
  856.  
  857. div._1l46._5nb7[style*="background: rgb(173, 179, 188)"] {
  858. background-color: rgb(173, 179, 188) !important;
  859. }
  860.  
  861. ._1-e0 {
  862. background: #202020 !important;
  863. transition: ease-out .5s !important;
  864. -webkit-transition: ease-out .5s !important;
  865. }
  866.  
  867. .fbPhotosRedesignNavItem:hover {
  868. background: #282828 !important;
  869. transition: ease-out .5s !important;
  870. -webkit-transition: ease-out .5s !important;
  871. }
  872.  
  873. ._1-e0:hover {
  874. background: #fff !important;
  875. }
  876.  
  877. ._1-e0 a, ._1-e0 ._34pe, ._1-e0 ._34pf {
  878. text-shadow: none !important;
  879. }
  880.  
  881. ._585n, ._56h9 {
  882. border: 1px dashed #444 !important;
  883. }
  884.  
  885. ._fqv ._5cuk span {
  886. color: #dc3847 !important;
  887. }
  888.  
  889. ._fqv ._5cul span {
  890. color: #52bb5d !important;
  891. }
  892.  
  893. ._5av0 ._34pe:nth-child(1) ._34pg {
  894. color: #3d6ad6 !important;
  895. }
  896.  
  897. ._5av0 ._34pe:nth-child(2) ._34pg {
  898. color: #13bda6 !important;
  899. }
  900.  
  901. ._5av0 ._34pe:nth-child(3) ._34pg {
  902. color: #905ac7 !important;
  903. }
  904.  
  905. ._5av0 ._34pe:nth-child(4) ._34pg, ._5av0 ._34pe:nth-child(4) ._34pg span {
  906. color: #ff8051 !important;
  907. }
  908.  
  909. ._5av0 ._34pe:nth-child(5) ._34pg {
  910. color: #ac2888 !important;
  911. }
  912.  
  913. ._5av0 ._34pe:nth-child(6) ._34pg {
  914. color: #fc0 !important;
  915. }
  916.  
  917. ._55ii ._ohe, ._55ii .ohf {
  918. margin: 0 -2px 0 -2px !important;
  919. }
  920.  
  921. ._-7f, ._-7f:hover {
  922. border-bottom: 4px solid #777 !important;
  923. }
  924.  
  925. ._-7f ._-7g, .fbPhotosRedesignNavItem .fbPhotosRedesignNavSubtitle, .fbPhotoAlbumTitle, .fbPhotosRedesign .photoTextTitle strong {
  926. color: #fff !important;
  927. font-weight: bold !important;
  928. }
  929.  
  930. ._10uf ._5nbb {
  931. border-right: 1px solid #151515 !important;
  932. box-shadow: -2px 2px 5px #151515 inset !important;
  933. }
  934.  
  935. ._juy ul._43o4 {
  936. width: 100% !important;
  937. }
  938.  
  939. ._juy {
  940. width: 100% !important;
  941. max-height: 44px !important;
  942. }
  943.  
  944. ._fqv a ._4wvl {
  945. margin: 1px !important;
  946. margin-left: 0 !important;
  947. padding: 15px !important;
  948. }
  949.  
  950. ._5doo._5don {
  951. background: #202020 !important;
  952. border: 1px solid rgba(0,0,0,.7) !important;
  953. border-top-color: rgba(255,255,255,.12) !important;
  954. border-radius: 3px !important;
  955. box-shadow: 0 0 4px #000 !important;
  956. }
  957.  
  958. ._5doo._5don ._5aca a.uiCloseButton {
  959. filter: grayscale(100%) invert(1) !important;
  960. -webkit-filter: grayscale(100%) invert(1) !important;
  961. }
  962.  
  963. ._5awc {
  964. background: #333 !important;
  965. }
  966.  
  967. ._5awe::before, ._5awe::after, ._79q {
  968. border-left-color: #333 !important;
  969. }
  970.  
  971. ._5awe::before {
  972. border-left-color: #202020 !important;
  973. }
  974.  
  975. ._4nhd, ._37tu {background-color: #000 !important;
  976. border: 1px solid #eee !important;
  977. }
  978.  
  979. ._4nhd span, ._2szw ._2sz_ {
  980. color: #eee !important
  981. }
  982.  
  983. /*// GROUP ///////////////////////////////////////////////////////*/
  984.  
  985. ._57xm {
  986. width: 53px !important;
  987. }
  988.  
  989. ._5812 {
  990. border-color: #eee !important;
  991. }
  992.  
  993. ._2dh4 {
  994. background-image: none !important;
  995. }
  996.  
  997. /*// CHAT ////////////////////////////////////////////////////////*/
  998.  
  999. ._1nc6 ._5w1r, ._hh7, ._5i_d, ._3__- ._1nc6 ._3_om._3cpq {
  1000. background: #303030 !important;
  1001. border: 1px solid #151515 !important;
  1002. box-shadow: none !important;
  1003. text-shadow: none !important;
  1004. }
  1005.  
  1006. ._1nc7 ._5w1r, ._1ej0 ._nd_ ._s1-, ._3__- ._1nc7 ._3_om._3cpq {
  1007. background: #151515 !important;
  1008. border: 1px solid #151515 !important;
  1009. box-shadow: none !important;
  1010. text-shadow: none !important;
  1011. }
  1012.  
  1013. ._1nc7 ._5w1r ._d97 ._5yl5 span, ._3oh- span, ._3oh-, ._1nc7 ._49or .__6j div {
  1014. color: #ccc !important;
  1015. }
  1016.  
  1017. ._1nc6 ._5w1r ._d97 ._5yl5 span, ._1nc6 ._49or .__6j div {
  1018. color: #bbb !important;
  1019. }
  1020.  
  1021. ._49or .__6j .__6k, ._49or .__6j .__6l {
  1022. color: #000 !important;
  1023. text-shadow: none !important;
  1024. }
  1025.  
  1026. ._5w1r ._d97 span a {
  1027. font-weight: bold !important;
  1028. text-shadow: none !important;
  1029. }
  1030.  
  1031. ._49or .__6j .__6m {
  1032. color: #fff !important;
  1033. }
  1034.  
  1035. ._1nc6 ._5w1r:after, ._1nc6 ._5w1r:before {
  1036. margin-left: 1px !important;
  1037. width: 7px !important;
  1038. }
  1039.  
  1040. ._1nc7 ._5w1r:after, ._1nc7 ._5w1r:before {
  1041. margin-right: 1px !important;
  1042. width: 7px !important;
  1043. }
  1044.  
  1045. ._5ys_:after {
  1046. background: none !important;
  1047. }
  1048.  
  1049. ._1nc7 ._5w1r:after {
  1050. transform: scaleX(-1) !important;
  1051. }
  1052.  
  1053. ._5q5b ._50mz .fbNubFlyoutFooter::before {
  1054. height: 0 !important;
  1055. }
  1056.  
  1057. ._8ms ._552n ._4vui, ._8ms ._552n ._3s0d, ._8ms ._552h, ._5q5b .fbNubButton ._ggq._5qth ._5vmb, ._56ox .fbNubButton ._3a-4, .fbNubFlyoutFooter ._552h {
  1058. border: transparent !important;
  1059. box-shadow: none !important;
  1060. }
  1061.  
  1062. ._50mz .fbNubFlyoutFooter {
  1063. box-shadow: 0 -1px 2px #111 !important;
  1064. }
  1065.  
  1066. ._1miz {
  1067. background-color: #252525 !important;
  1068. border-color: #333 !important;
  1069. }
  1070.  
  1071. ._1mj1 {
  1072. border-bottom: 2px solid #ccc !important;
  1073. margin-left: 22px !important;
  1074. margin-right: 40px !important;
  1075. }
  1076.  
  1077. ._1mj4 ._1miz {
  1078. background-color: #666 !important;
  1079. border-color: #666 !important;
  1080. }
  1081.  
  1082. ._4b0g ._5pd7 {
  1083. background: #aaa !important;
  1084. }
  1085.  
  1086. ._1nc7:only-of-type ._5w1r._31xx, ._1nc6:only-of-type ._5w1r._31xx, ._5w1r._31xx, ._3__- ._5w1r._31xx {
  1087. background: transparent !important;
  1088. border: none !important;
  1089. }
  1090.  
  1091. ._20fw ._50mz.focusedTab .fbNubFlyoutTitlebar, ._20fw .fbNubFlyoutTitlebar:hover, ._20fw .highlightTitle .fbNubFlyoutTitlebar:hover, ._55ln:hover {
  1092. background: none !important;
  1093. background-color: #303030 !important;
  1094. }
  1095.  
  1096. ._20fw .fbNubFlyoutTitlebar {
  1097. background: none !important;
  1098. background-color: #202020 !important;
  1099. }
  1100.  
  1101. ._568z span, ._2nlt, ._3olv._2nlt {
  1102. background-color: rgb(66, 183, 42) !important;
  1103. }
  1104.  
  1105. ._55ln:hover {
  1106. box-shadow: none !important;
  1107. }
  1108.  
  1109. /*// MESSAGES PAGE ///////////////////////////////////////////////*/
  1110.  
  1111. #pagelet_web_messenger ._ksg {
  1112. background: #202020 !important;
  1113. box-shadow: 0 0 4px #000 !important;
  1114. margin-top: 10px !important;
  1115. margin-bottom: 10px !important;
  1116. }
  1117.  
  1118. #pagelet_web_messenger ._4z0 {
  1119. box-shadow: none !important;
  1120. border: none !important;
  1121. }
  1122.  
  1123. #pagelet_web_messenger ._4z0 li:hover {
  1124. background: #333 !important;
  1125. }
  1126.  
  1127. .wmMasterView {
  1128. border-right: 1px solid #121212 !important;
  1129. }
  1130.  
  1131. .wmMasterView:after {
  1132. width: 0 !important;
  1133. }
  1134.  
  1135. ._kv, ._sq ._3_om._3cpq {
  1136. background-color: #121212 !important;
  1137. }
  1138.  
  1139. ._2nb ._2n3, ._1rs {
  1140. border-top: 1px solid #333 !important;
  1141. }
  1142.  
  1143. ._2nb ._2n3 .timestamp {
  1144. background-color: #202020 !important;
  1145. }
  1146.  
  1147. ._k- {
  1148. margin-top: 1px !important;
  1149. }
  1150.  
  1151. ._9k .img._9h {
  1152. filter: invert(1) !important;
  1153. -webkit-filter: invert(1) !important;
  1154. }
  1155.  
  1156. /*// PHOTOS //////////////////////////////////////////////////////*/
  1157.  
  1158. .fbPhotosPhotoTagboxBase .innerTagBox {
  1159. border: 4px solid #333333 !important;
  1160. }
  1161.  
  1162. .fbPhotosPhotoTagboxBase .tagName {
  1163. background: #333333 !important;
  1164. }
  1165.  
  1166. ._513x, ._5y5a ._5h12 > span::after, i._5cmh {
  1167. background: #666 !important;
  1168. border-top: 2px solid #666 !important;
  1169. height: 2px !important;
  1170. width: 55px !important;
  1171. margin-left: -27px !important;
  1172. }
  1173.  
  1174. .fbxWelcomeBoxBlock .fbxWelcomeBoxImg, ._4fn6 ._s0._2dpc._rw.img {
  1175. border: 0px none !important;
  1176. border-radius: 3px !important;
  1177. transform: scale(1) !important;
  1178. transition: all .4s !important;
  1179. -webkit-transition: all .4s !important;
  1180. }
  1181.  
  1182. ._2dpe::after, ._2dpe:hover::after {
  1183. background: none !important;
  1184. }
  1185.  
  1186. ._52d9, ._1cr_ {
  1187. background: rgba(0,0,0,.6) !important;
  1188. }
  1189.  
  1190. ._52db {
  1191. color: #ddd !important;
  1192. }
  1193.  
  1194. ._4d3w._2nw8 .snowliftOverlayBar {
  1195. background: linear-gradient(transparent, rgba(0, 0, 0, .8)) !important;
  1196. }
  1197.  
  1198. /*// LOGO FB /////////////////////////////////////////////////////*/
  1199.  
  1200. a._19eb ._2md{
  1201. opacity: .6 !important;
  1202. transition: all .5s;
  1203. }
  1204.  
  1205. a._19eb ._2md:hover, a._19eb ._2md:focus, a._19eb ._2md:active {
  1206. opacity: 1 !important;
  1207. }
  1208.  
  1209. /*// SOME FIXES //////////////////////////////////////////////////*/
  1210.  
  1211. ._5jb-._202q:hover {
  1212. border-color: #fff !important;
  1213. }
  1214.  
  1215. ._5jb-:hover {
  1216. border-color: #ccc !important;
  1217. }
  1218.  
  1219. ._5jb-._202q {
  1220. border-color: #ccc !important;
  1221. }
  1222.  
  1223. ._5jb- {
  1224. border: 5px solid transparent !important;
  1225. margin: 1px !important;
  1226. }
  1227.  
  1228. .captcha_dialog.uiLayer ._14 a {
  1229. background: none !important;
  1230. }
  1231.  
  1232. .uiInputLabel .uiInputLabelInput._ypo + label.uiInputLabelLabel, ._5njd ._4qpq, ._4xda ._3hrq._3hrq {
  1233. text-shadow: none !important;
  1234. }
  1235.  
  1236. ._ypo span::before, ._128k ._128o, ._128l ._128o {
  1237. box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, .95) inset, 1px 1px 0px rgba(0, 0, 0, .8) inset, 1px 1px 0px rgba(255, 255, 255, .15) !important;
  1238. }
  1239.  
  1240. ._2ffa._tj_, ._asu._2eyq {
  1241. color: #ccc !important;
  1242. }
  1243.  
  1244. ._ypo span {
  1245. border-left: 2px solid #444 !important;
  1246. background-color: #111 !important;
  1247. }
  1248.  
  1249. ._ypo > input + span::after, ._128l ._128p, ._128k ._128p {
  1250. background-color: #333 !important;
  1251. border: 1px solid transparent !important;
  1252. box-shadow: 0px 1px 2px 0px #000, 0px 1px 0px 0px rgba(255, 255, 255, .15) inset !important;
  1253. }
  1254.  
  1255. ._ypo > input:checked + span {
  1256. border-left-width: 13px !important;
  1257. }
  1258.  
  1259. ._128k ._128o {
  1260. background: #444 !important;
  1261. }
  1262.  
  1263. ._3s_, a._2l5g::after {
  1264. background: #666 !important;
  1265. height: 3px !important;
  1266. width: 100% !important;
  1267. left: 0px !important;
  1268. margin-left: 0 !important;
  1269. }
  1270.  
  1271. * {
  1272. outline:none!important;
  1273. }
  1274.  
  1275. .hasLeftCol ._5r-_.homeWiderContent div#contentArea, html ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea {
  1276. margin-right: -1px !important;
  1277. margin-left: -1px !important;
  1278. }
  1279.  
  1280. .GM_options_wrapper_inner, .bfb_tabs > .bfb_tab_selected {
  1281. background: #282828 !important;
  1282. }
  1283.  
  1284. .bfb_tabs > .bfb_tab_selected:hover {
  1285. background: #333333 !important;
  1286. }
  1287.  
  1288. .bfb_tabs > .bfb_tab_selected {
  1289. border-color: #444444 !important;
  1290. }
  1291.  
  1292. .emoticons_off .emoticon {
  1293. display: none !important;
  1294. }
  1295.  
  1296. ._2c44 ._2f6b {
  1297. background: #202020 !important;
  1298. border: 1px solid rgba(0,0,0,.7) !important;
  1299. border-top-color: rgba(255,255,255,.1) !important;
  1300. box-shadow: 0px 0px 5px rgba(0, 0, 0, 1) !important;
  1301. }
  1302.  
  1303. ._e_z {
  1304. background: #FFF none repeat scroll 0% 0% !important;
  1305. border-radius: 6px;
  1306. box-sizing: border-box;
  1307. height: 12px;
  1308. left: 20px;
  1309. position: absolute;
  1310. top: 2px;
  1311. transition: all 300ms cubic-bezier(0.1, 0.7, 0.1, 1) 0s;
  1312. width: 12px;
  1313. }
  1314.  
  1315. ._e_x {
  1316. background-color: #333 !important;
  1317. border-radius: 8px;
  1318. box-sizing: border-box;
  1319. cursor: pointer;
  1320. height: 16px;
  1321. overflow: hidden;
  1322. position: relative;
  1323. transition: all 300ms cubic-bezier(0.1, 0.7, 0.1, 1) 0s;
  1324. -moz-user-select: none;
  1325. width: 34px;
  1326. }
  1327.  
  1328. .name, ._1drq, ._58gi span, ._58gh div._58gj, ._8_2 span, ._50f3, .fbAggregatedMapPinText, #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle a, ._51i5 ._5l1x span, .pageByline, .ellipsis, .pageByline li, ._5aqf, .uiIconText, ._6lh ._6lp a, ._6lh ._6lp ._6lo, ._4i5p._3htz, ._5b_0 .fsxxl, ._5b_0 ._6n9, ._3-_a span, ._3-_v span, .groupHugFaceTip, ._5a5k span, ._5v1l a, ._5a5l span, ._34mw, .fbRemindersContent .fbRemindersFooter:hover, .fbReminders .fbRemindersStory .fbRemindersTitle:hover strong, ._39rz, ._2dj0, ._3rno._530p ._2wrj span {
  1329. color: #fff !important;
  1330. text-shadow: none !important;
  1331. transition: all .3s !important;
  1332. -webkit-transition: all .3s !important;
  1333. }
  1334.  
  1335. ._3-_v {
  1336. border: 1px solid #eee !important;
  1337. }
  1338.  
  1339. ._4eq5, ._4eq6, ._38le, ._38lf, ._3-8s {
  1340. color: #eee !important;
  1341. }
  1342.  
  1343. ._5ia1 ._5ia2 table tbody tr td p a:hover {
  1344. color: #111 !important;
  1345. }
  1346.  
  1347. .fbFeedTicker .fbFeedTickerStory a:hover, .pam .fsm {
  1348. text-shadow: none !important;
  1349. }
  1350.  
  1351. #contentCurve {
  1352. border-bottom: 1px solid #333 !important;
  1353. }
  1354.  
  1355. ._1ui8 {
  1356. width: auto !important;
  1357. }
  1358.  
  1359. .__wu ._539-.roundedBox .uiSearchInput .inputtext {
  1360. padding-top: 4px !important;
  1361. }
  1362.  
  1363. .UFIStickersEnabledInput .innerWrap, .UFIAddCommentWithPhotoAttacher .innerWrap {
  1364. border: none !important;
  1365. }
  1366.  
  1367. ._mxp ._18im, ._4eq2, .fbEventDashboardItem ._5a5l {
  1368. background: rgba(0,0,0,.65) !important;
  1369. padding: 5px !important;
  1370. border: 2px solid rgba(255,255,255,.7) !important;
  1371. box-shadow: 0 0 4px #000 !important;
  1372. border-radius: 3px !important;
  1373. }
  1374.  
  1375. ._yn1 ._394m a {
  1376. margin-top: -4px !important;
  1377. }
  1378.  
  1379. ._g2z, .pollOptions .fbQuestionsPollResultsBar, .pollOptions .pollResultsFacepile .fbQuestionFacepileMoreItem, ._12-g .fbEigenpollFacepile .fbQuestionFacepileMoreItem, ._3uy4 {
  1380. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAMAAAAw96PuAAAAMFBMVEUbGxsaGhoiIiIcHBwVFRUYGBggICAeHh4WFhYfHx8XFxcUFBQdHR0ZGRkhISESEhKy7ZvJAAABQUlEQVR42l1TUZLFIAiDRQpS3Xf/2+6Ugjw2X6nTxMgEAPxJ0IAXzFeeCcKFCoHJ9pKbKI5wCNBUjE+S4dR4pkhRABbcEBDUV5cWW6ebG597FF9dYMBy80zofq4LsM1MWGGNXRcWizJhhaXbKuaWr4QJ28UfiwDveQUIsbjBGcta9AJYwCgwt7b7ckKiDP/yoZ4JsU5YNCqf0zYhWs+L7fyiHLqA+UtpjXi8+4XOgfG8Suh+bUJBM6H7gYGdCclJeGsAGaimJXm/8VUThAtGr0cWJGmrR5i0gkirh8AIXRWkFTj87kdXlY4CVz1S1yotbSFC1xNPhQQNphOzEq+vjmFxXZAw/K0t/OKW+foK9QWr+2qF2oLto6sJ9QUbVaxaoV4Pdp30FaJWj9RVpavATrfCx3U9seiuhQBGPZBTYC38AccDDZOEuQAKAAAAAElFTkSuQmCC) !important;
  1381. background-repeat: repeat !important;
  1382. background-color: rgba(0,0,0,.15) !important;
  1383. border: 1px solid #111 !important;
  1384. border-bottom: 1px solid rgba(255,255,255,.16) !important;
  1385. box-shadow: inset 0 0px 3px 0 #111 !important;
  1386. }
  1387.  
  1388. .pollOptions .shaded, ._g2z .shaded, ._36bx ._2dck ._1mf7 {
  1389. background: #333 !important;
  1390. }
  1391.  
  1392. .pollOptions .fbQuestionsPollClickTarget:hover, ._g2z .fbQuestionsPollClickTarget:hover {
  1393. border: 1px solid #555 !important;
  1394. }
  1395.  
  1396. .profileApprovalRow ._4-u8 {
  1397. background: #202020 !important;
  1398. border: 1px solid rgba(0,0,0,.7) !important;
  1399. border-top-color: rgba(255,255,255,.12) !important;
  1400. border-radius: 3px !important;
  1401. box-shadow: 0 0 4px #000 !important;
  1402. }
  1403.  
  1404. #pagelet_subscribed_events_list ._18b8 a i {
  1405. display: none !important;
  1406. }
  1407.  
  1408. ._416u ._5q9i, .gecko ._416u ._5q9i {
  1409. background-image: none !important;
  1410. box-shadow: none !important;
  1411. }
  1412.  
  1413. ._50-0._50z-:hover {
  1414. transition: none !important;
  1415. -webkit-transition: none !important;
  1416. box-shadow: none !important;
  1417. background-color: transparent !important;
  1418. }
  1419.  
  1420. ._3-ma._2bnd, ._3-ma._2bne, ._rzn ._4m1w {
  1421. color: #202020 !important;
  1422. text-shadow: none !important;
  1423. font-weight: bold !important;
  1424. }
  1425.  
  1426. ._bla, ._39ry {
  1427. color: #ddd !important;
  1428. }
  1429.  
  1430. ._5pcm, ._5vsj.UFIContainer .UFIReplyList ._4oep._4204::after, ._5vsj.UFIContainer .UFIReplyList ._4oep._2o9m::after, ._5vsj.UFIContainer .UFIReplyList ._4oep {
  1431. border-left: 2px solid #444 !important;
  1432. margin-left: 0 !important;
  1433. border-radius: 0px !important;
  1434. }
  1435.  
  1436. ._5vsj.UFIContainer .UFIReplyList ._4oep._4204::after, ._5vsj.UFIContainer .UFIReplyList ._4oep._2o9m::after {
  1437. left: -2px !important;
  1438. }
  1439.  
  1440. ._2gyk #u_0_i {
  1441. border-color: transparent !important;
  1442. }
  1443.  
  1444. ._5a5k {
  1445. background-color: rgba(0, 0, 0, 0.25) !important;
  1446. border: 2px solid #fff !important;
  1447. border-radius: 5px !important;
  1448. }
  1449.  
  1450. ._5u8u {
  1451. background: #282828 !important;
  1452. padding: 2px 0 1px 0 !important;
  1453. border-bottom: 1px solid #555 !important;
  1454. border-top: 1px solid #555 !important;
  1455. }
  1456.  
  1457. ._rzn a._4m1x ._4m1w span, ._rzn a._4m1x ._4m1w ._50f6._50f7 {
  1458. color: #252525 !important;
  1459. text-shadow: none !important;
  1460. }
  1461.  
  1462. ._202.selected, div.uiTypeaheadView .selected {
  1463. background: #333 !important;
  1464. }
  1465.  
  1466. ._4oyq {
  1467. background: #202020 !important;
  1468. border: 1px solid #eee !important;
  1469. opacity: .8 !important;
  1470. }
  1471.  
  1472.  
  1473. /*// VIDEO PLAYER ////////////////////////////////////////////////*/
  1474.  
  1475. ._2yua, ._2yu9 {
  1476. background-color: #fff !important;
  1477. }
  1478.  
  1479. ._2yu7, ._voo {
  1480. background-color: #666 !important;
  1481. }
  1482.  
  1483. ._1c7d, ._3pao, ._38a2:hover ._2yv, ._28h1 {
  1484. background-color: rgba(0, 0, 0, 0.7) !important;
  1485. border: 1px solid #eee !important;
  1486. }
  1487.  
  1488. ._3paq {
  1489. background-color: #666 !important;
  1490. box-shadow: 0 0 1px #000 !important;
  1491. }
  1492.  
  1493. ._3par, ._3pas {
  1494. background-color: #fff !important;
  1495. }
  1496.  
  1497. ._4d3w .stageWrapper, ._20m9 {
  1498. background: #000 !important;
  1499. }
  1500.  
  1501. ._1c7d button {
  1502. background: none !important;
  1503. box-shadow: none !important;
  1504. opacity: .8 !important;
  1505. }
  1506.  
  1507. ._1c7d button:hover {
  1508. background: none !important;
  1509. box-shadow: none !important;
  1510. opacity: 1 !important;
  1511. }
  1512.  
  1513. ._1ec span, ._5qsq span, ._35sk ._53bl, ._35sk ._35si, ._35sk ._35sj, ._5ugg, ._5vb_ .uiSideNav .selectedItem .item .linkWrap, ._2yu, ._4ctq ._4cts, ._4ctq div, ._25e2, ._4irg, ._4v8x, ._5rl2, ._24wr, ._4irh, ._20m9 .mam div, ._3-4e .fcw, ._3-4e ._3-4r span {
  1514. color: #fff !important;
  1515. text-shadow: none !important;
  1516. }
  1517.  
  1518. ._20m9 .mam ._20ma {
  1519. color: #dc3847 !important;
  1520. }
  1521.  
  1522. li._1zw6 ._42ef ._50f3 {
  1523. color: #999 !important;
  1524. text-shadow: none !important;
  1525. }
  1526.  
  1527. ._1ec, ._35sk, ._4irh {
  1528. background-color: rgba(0,0,0,.4) !important;
  1529. }
  1530.  
  1531. ._24wr {
  1532. width: 90% !important;
  1533. text-align: center !important;
  1534. padding-bottom: 2px !important;
  1535. padding-top: 1px !important;
  1536. margin-bottom: -2px !important;
  1537. border-radius: 0 !important;
  1538. background-color: rgba(0,0,0,.65) !important;
  1539. }
  1540.  
  1541. ._35sk._tbz ._2le_ {
  1542. bottom: 20px !important;
  1543. left: 2px !important;
  1544. }
  1545.  
  1546. .fbTimelineUnit ._1zw4 ._1zw6 ._50f3 {
  1547. color: #999 !important;
  1548. }
  1549.  
  1550. ._5fvj ._2apb {
  1551. border: 4px solid #fff !important;
  1552. border-radius: 50% !important;
  1553. background-color: rgba(20, 22, 26, 0.3) !important;
  1554. transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  1555. -webkit-transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  1556. }
  1557.  
  1558. ._2u7 {
  1559. background-color: #030303 !important;
  1560. }
  1561.  
  1562. ._4lqu {
  1563. background-color: transparent !important;
  1564. background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yt/r/ag-Kz-WMvnK.png") !important;
  1565. background-repeat: repeat-x !important;
  1566. transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s !important;
  1567. }
  1568.  
  1569. ._4ctp._3htz {
  1570. background-color: rgba(20, 22, 26, 0.7) !important;
  1571. }
  1572.  
  1573. ._2mbh button:hover, ._2mbh button {
  1574. background: none !important;
  1575. box-shadow: none !important;
  1576. }
  1577.  
  1578. ._28h1 a:hover, li._1zw6 ._42ef ._50f3 a {
  1579. text-shadow: none !important;
  1580. }
  1581.  
  1582. ._4v8w {
  1583. background-color: rgba(255, 255, 255, 0.5) !important;
  1584. }
  1585.  
  1586. ._i5q ._2-mo, ._i5q ._gn5 {
  1587. background-color: #fff !important;
  1588. box-shadow: 0 0 2px #000 !important;
  1589. }
  1590.  
  1591. ._i5q ._2-mm, ._i5q ._gn2 {
  1592. background-color: rgba(255, 255, 255, 0.3) !important;
  1593. }
  1594.  
  1595. ._i5q ._gn3 {
  1596. background-color: rgba(255, 255, 255, .3) !important;
  1597. }
  1598.  
  1599. ._i5q ._2-mp, ._i5q ._2-mn, ._gn4 {
  1600. background-color: #fff !important;
  1601. }
  1602.  
  1603. ._24wt {
  1604. box-shadow: 0 0 1px #111 !important;
  1605. }
  1606.  
  1607. ._5pe- {
  1608. background-color: #fa3e3e !important;
  1609. }
  1610.  
  1611. ._5pf0, ._3sxt, ._2wma, ._5mo5 ._5r2h, ._5mo6 ._4dbn {
  1612. color: #fff !important;
  1613. }
  1614.  
  1615. ._1jb_ {
  1616. background: rgba(0,0,0,.6) !important;
  1617. }
  1618.  
  1619. ._1sno {
  1620. background-color: rgba(20, 22, 26, .45) !important;
  1621. color: #fff !important;
  1622. text-shadow: none !important;
  1623. }
  1624.  
  1625. /*// SCROLLERS ///////////////////////////////////////////////////*/
  1626.  
  1627. .contentAfter .uiScrollableAreaTrack:hover, .contentBefore .uiScrollableAreaTrack:hover, .contentAfter.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .contentBefore.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .uiScrollableAreaDragging .uiScrollableAreaTrack {
  1628. background-color: #111 !important;
  1629. border-radius: 10px;
  1630. width: 10px;
  1631. }
  1632.  
  1633. .uiScrollableAreaGripper {
  1634. background-clip: content-box;
  1635. background-color: #333 !important;
  1636. border: 1px solid #444 !important;
  1637. border-radius: 6px;
  1638. position: absolute;
  1639. right: 0px;
  1640. width: 5px;
  1641. }
  1642.  
  1643. .fbScrollableAreaGripper {
  1644. background-clip: content-box;
  1645. background-color: #333 !important;
  1646. border: 1px solid #444 !important;
  1647. border-radius: 6px;
  1648. position: absolute;
  1649. height: 5px;
  1650. }
  1651.  
  1652. /*// LOADING ANIMATION ///////////////////////////////////////////*/
  1653.  
  1654. ._2iwq {
  1655. animation-duration: 2s;
  1656. animation-fill-mode: both;
  1657. animation-iteration-count: infinite;
  1658. animation-name: placeHolderShimmer;
  1659. animation-timing-function: ease;
  1660. background: linear-gradient(to right, #202020 0%, #333 20%, #202020 100%) no-repeat scroll 0% 0% / 800px 104px #202020;
  1661. height: 104px;
  1662. position: relative;
  1663. opacity: 1 !important;
  1664. }
  1665.  
  1666. ._2iwq div, ._3y89 ._4jy0 {
  1667. background: #202020 !important;
  1668. }
  1669.  
  1670. ._6a, ._1eds .uiPopoverButton, ._26y3 #u_0_i, #pagesManagerTipLHSBoostedPageLike .uiHeaderSection, ._7uh .uiHeaderNav, ._7uh .uiHeaderTopBorder, .fbTimelineUnit, .fbTimelineUnit.fbTimelineTwoColumn .timelineUnitContainer.fbTimelineComposerUnit, ._4lh .fbTimelineUnit[data-type="r"], #fbTimelineHeadline .actionsDropdown .FriendButton, #timeline_info_review_unit ._4-u8, .fbTimelineUFI, ._2smp ._2mi4, ._5ay5 ._36bx, ._5v3q ._47we, .groupSkyAux ._4-u2, ._5va1, ._4dv- textarea, ._5x0l ._5y4n, #reg_box #u_0_i._58mu, #mentionsInput .uiTypeahead .innerWrap, #pagelet_main_column_personal._5h60 ._6z- .uiScrollableArea, #pagelet_composer .innerWrap, ._3-4e ._3cf2, .mleFormOuterContainer .mleGrid .innerWrap, #spotlight_reviews_card_list ._r8k ._r8l, #event_summary ._5vl5 ._5xhn, ._xct ._xco, ._xct ._xcp, ._4t2a ._2tt7 ._4f1d.uiScrollableArea, #group-browse-content-containerfor_sale, ._427x > div, #u_0_i._5pbi._cmw, .fbTimelineComposerCapsule ._36bx._143o, ._ox2 ._55r1, ._4bl7._2q5c, ._51xa ._4jy1 + .uiPopover > ._4jy1:not(:focus)::after, ._5r-_ .uiHeaderTopBorder, ._281j ._281k, ._1ej0 ._nd_ ._s1-._581a {
  1671. box-shadow: none !important;
  1672. background: none !important;
  1673. border: none !important;
  1674. }
  1675.  
  1676. ._3u14 ._3u15 {
  1677. opacity: .6 !important;
  1678. }
  1679.  
  1680. ._3u13 ._3u15 {
  1681. background: #000 !important;
  1682. }
  1683.  
  1684. ._3u14 ._57d8 {
  1685. border-top: 1px solid rgba(255,255,255,.12) !important;
  1686. border-radius: 3px !important;
  1687. }
  1688.  
  1689. ._3-4e ._3-4g ._3-4n button:hover {
  1690. box-shadow: none !important;
  1691. background: rgba(255,255,255,.1) !important;
  1692. border: 1px solid #fff !important;
  1693. border-radius: 6px !important;
  1694. }
  1695.  
  1696. ._35sk {
  1697. background: rgba(0, 0, 0, .7) !important;
  1698. }
  1699.  
  1700. #mentionsInput, ._2yg .composerTypeahead .wrap {
  1701. background: #121212 !important;
  1702. }
  1703.  
  1704. ._5pcp._4l4 .UFILikeLink.UFILinkBright, ._a7s a.UFILinkBright, .fbTimelineUFI a.UFILinkBright {
  1705. color: #111 !important;
  1706. background: #777 !important;
  1707. text-shadow: none !important;
  1708. border-radius: 4px !important;
  1709. opacity: .8 !important;
  1710. padding: 3px 5px 3px 4px !important;
  1711. transition: all 0.3s !important;
  1712. -webkit-transition: all 0.3s !important;
  1713. }
  1714.  
  1715. ._a7s a.UFILinkBright span {
  1716. color: #111 !important;
  1717. text-shadow: none !important;
  1718. }
  1719.  
  1720. ._5pcp._4l4 .UFILikeLink.UFILinkBright:hover, ._a7s a.UFILinkBright:hover {
  1721. opacity: 1 !important;
  1722. }
  1723.  
  1724. ._sa_ ._48-k.UFILinkBright::before {
  1725. filter: grayscale(100%) invert(0) brightness(25%);
  1726. -webkit-filter: grayscale(100%) invert(0) brightness(25%);
  1727. }
  1728.  
  1729. .emptyStar {
  1730. opacity: .2 !important;
  1731. }
  1732.  
  1733. ::-moz-selection {
  1734. background: #ccc !important;
  1735. color: #000 !important;
  1736. text-shadow: none !important;
  1737. }
  1738.  
  1739. ::selection {
  1740. background: #ccc !important;
  1741. color: #000 !important;
  1742. text-shadow: none !important;
  1743. }
  1744.  
  1745. #spotlight_reviews_card_list ._r8k ._r8l {
  1746. border: 1px dashed #333 !important;
  1747. margin: 10px !important;
  1748. border-radius: 5px !important;
  1749. }
  1750.  
  1751. #reaction_profile_browser .FriendButton, #pagelet_main_column_personal ._6-0, ._3na7 ._51xa ._4jy1 + .uiPopover > ._4jy1:not(:focus)::after, ._kj4 ._kj5 ._42fu, ._275x ._275- a._517h {
  1752. background: transparent !important;
  1753. }
  1754.  
  1755. ._4-rr ._5ugg, ._5ugg {
  1756. background: #dc0d17 !important;
  1757. }
  1758.  
  1759. .groupSkyAux ._4-u2, ._kj2 ._guu, ._9fj, ._58do, ._46cs, ._1g_n {
  1760. background: #202020 !important;
  1761. border: 1px solid rgba(0,0,0,.7) !important;
  1762. border-top-color: rgba(255,255,255,.12) !important;
  1763. border-radius: 3px !important;
  1764. box-shadow: 0px 0px 4px 0px #000 !important;
  1765. }
  1766.  
  1767. #pagelet_main_column_personal ._6-0 .uiBoxWhite, ._xct ._xco {
  1768. border-top: 1px solid #303030 !important;
  1769. margin: 0 0 -1px 0 !important;
  1770. }
  1771.  
  1772. ._6-6 {
  1773. border-right: none !important;
  1774. border-left: none !important;
  1775. height: 40px !important;
  1776. }
  1777.  
  1778. ._6-6:hover {
  1779. border-bottom: 3px solid #333 !important;
  1780. border-right: none !important;
  1781. border-left: none !important;
  1782. }
  1783.  
  1784. ._6-7, ._6-7:hover {
  1785. border-bottom: 3px solid #666 !important;
  1786. border-right: none !important;
  1787. }
  1788.  
  1789. ._6-6 ._513x {
  1790. display: none !important;
  1791. }
  1792.  
  1793. ._2lhm._3-8y ._5pcr {
  1794. border: none !important;
  1795. }
  1796.  
  1797. ._3yv8._5aer ._5aeo {
  1798. background-image: none !important;
  1799. border-bottom: 3px solid #666 !important;
  1800. width: 100% !important;
  1801. left: 0 !important;
  1802. bottom: -6px !important;
  1803. margin-left: 0 !important;
  1804. }
  1805.  
  1806. ._5aep._5aer ._5aeo {
  1807. background: #666 !important;
  1808. }
  1809.  
  1810. ._3tkc ._5aeq:hover {
  1811. background-color: #333 !important;
  1812. border-radius: 3px !important;
  1813. }
  1814.  
  1815. ._5aeq:hover > li, ._5aeq:hover > li ._1_x_, ._289_:hover ._289y {
  1816. color: #fff !important;
  1817. }
  1818.  
  1819. ._7lv button:hover, ._1wcy._5k5 button:hover, ._1wcz._5k5 button:hover, ._7lv button, ._1wcy._5k5 button, ._1wcz._5k5 button {
  1820. box-shadow: none !important;
  1821. background-color: transparent !important;
  1822. border-color: transparent !important;
  1823. }
  1824.  
  1825. ._3m75 .selectedItem ._5afe::after, ._3m75 .sideNavItem:hover ._5afe::after {
  1826. background-color: #202020 !important;
  1827. border-color: transparent !important;
  1828. }
  1829.  
  1830. ._3m75 .sideNavItem:hover .uiSideNavEditButton a, ._3m75 .sideNavItem:hover .uiSideNavEditButton ._2ita, ._3m75 .sideNavItem:hover .uiSideNavEditButton a, ._3m75 .uiSideNavEditButton > .openToggler > a, ._3m75 .uiSideNavEditButton ._2ita {
  1831. background-color: #202020 !important;
  1832. border-color: #202020 !important;
  1833. filter: none !important;
  1834. -webkit-filter: none !important;
  1835. }
  1836.  
  1837. /*// CALENDAR ////////////////////////////////////////////////////*/
  1838.  
  1839. .fbCalendarGrid .fbCalendarDayItem {
  1840. border-top-color: #333 !important;
  1841. }
  1842.  
  1843. .fbCalendarGrid .fbCalendarGridCell.fbCalendarGridToday .fbCalendarDayItem {
  1844. background: #181818 !important;
  1845. border: 1px solid #333 !important;
  1846. border-bottom-color: #333 !important;
  1847. border-radius: 3px !important;
  1848. box-shadow: 0 0 3px #000 inset !important;
  1849. }
  1850.  
  1851. .fbCalendarGrid .fbCalendarGridCell .fbCalendarDayItem:hover {
  1852. background: #252525 !important;
  1853. box-shadow: 0 0 3px #151515 !important;
  1854. }
  1855.  
  1856. .fbCalendarGridRoot .fbCalendarBox, ._fbEventsPermalink__mainColLayout ._355f {
  1857. border: 1px solid rgba(0,0,0,.7) !important;
  1858. border-top-color: rgba(255,255,255,.12) !important;
  1859. border-radius: 3px !important;
  1860. box-shadow: 0 0 4px #000 !important;
  1861. background: #202020 !important;
  1862. }
  1863.  
  1864. .fbCalendarGridRoot #fbCalendarWrapper {
  1865. background: transparent !important;
  1866. }
  1867.  
  1868. ._fbEventsPermalink__mainColLayout ._355f {
  1869. width: 276px !important;
  1870. margin-right: 2px !important;
  1871. }
  1872.  
  1873. ._fbEventsPermalink__mainColLayout ._355e {
  1874. padding-left: 4px !important;
  1875. width: 492px !important;
  1876. }
  1877.  
  1878. ._5w40.fbEventHeader {
  1879. margin-left: 4px !important;
  1880. margin-right: 2px !important;
  1881. }
  1882.  
  1883. ._5w40.fbEventHeader ._2kn_ {
  1884. margin-right: 1px !important;
  1885. }
  1886.  
  1887. /*// BROWSER EXTENTION FIX /////////////////*/
  1888.  
  1889. /* Social Fixer Issue */
  1890. #sfx_options_dialog, #sfx_badge_menu #sfx_badge_menu_wrap {
  1891. background: #202020 !important;
  1892. border: 1px solid rgba(0,0,0,.7) !important;
  1893. border-top-color: rgba(255,255,255,.12) !important;
  1894. border-radius: 3px !important;
  1895. box-shadow: 0px 0px 4px 0px #000 !important;
  1896. }
  1897.  
  1898. .sfx_button:hover, #sfx_options_dialog input[type="checkbox"]:not(.normal) ~ label, #sfx_options_dialog input[type="checkbox"]:not(.normal):checked ~ label::after, .sfx_options_dialog_section.selected {
  1899. background-color: #333 !important;
  1900. color: #fff !important;
  1901. cursor: pointer !important;
  1902. }
  1903.  
  1904. .sfx_options_dialog_section, .sfx_options_dialog_table tbody tr:hover td {
  1905. background-color: #252525 !important;
  1906. }
  1907.  
  1908. .sfx_options_dialog_section:hover, .sfx_menu_section .sfx_menu_item:hover {
  1909. background-color: #303030 !important;
  1910. }
  1911.  
  1912. .sfx_options_dialog_table, .sfx_options_dialog_table tbody td {
  1913. border-color: #333 !important;
  1914. }
  1915.  
  1916. #sfx_badge_logo {
  1917. filter: grayscale(100%);
  1918. -webkit-filter: grayscale(100%);
  1919. background-color: rgb(44, 65, 102) !important;
  1920. }
  1921.  
  1922. #sfx_badge:hover #sfx_badge_logo {
  1923. border-color: #666 !important;
  1924. }
  1925.  
  1926. .sfx_bubble_note.sfx_bubble_note_top_right {
  1927. background: #202020 !important;
  1928. border: 1px solid rgba(0, 0, 0, .7) !important;
  1929. border-top-color: rgba(255, 255, 255, .12) !important;
  1930. border-radius: 3px !important;
  1931. box-shadow: 0px 0px 4px 0px #000 !important;
  1932. }
  1933.  
  1934. #sfx_control_panel {
  1935. background: #202020 !important;
  1936. border: 1px solid rgba(0, 0, 0, .7) !important;
  1937. border-top-color: rgba(255, 255, 255, .12) !important;
  1938. border-radius: 3px !important;
  1939. box-shadow: 0px 0px 4px 0px #000 !important;
  1940. }
  1941.  
  1942. #sfx_control_panel .sfx_filter_tab:hover {
  1943. background-color: #303030 !important;
  1944. }
  1945.  
  1946. #sfx_control_panel .sfx_filter_tab.selected {
  1947. background-color: #303030 !important;
  1948. }
  1949.  
  1950. .sfx_button {
  1951. background: #333 !important;
  1952. border: 1px solid rgba(0, 0, 0, .8) !important;
  1953. border-radius: 3px !important;
  1954. box-shadow: 0 1px 2px #111, 0 1px 0px #555 inset !important;
  1955. -webkit-transition: background .2s, box-shadow .2s, border-color .2s !important;
  1956. transition: background .2s, box-shadow .4s, border-color .2s !important;
  1957. transition-timing-function: linear !important;
  1958. }
  1959.  
  1960. .sfx_button:hover {
  1961. box-shadow: inset 0px 2px 4px 0px #000 !important;
  1962. border-bottom-color: #333 !important;
  1963. border-top-color: #000 !important;
  1964. border-right-color: #222 !important;
  1965. border-left-color: #202020 !important;
  1966. background-color: #181818 !important;
  1967. border-radius: 3px !important;
  1968. -webkit-transition: background .2s, box-shadow .4s, border-color .2s !important;
  1969. transition: background .2s, box-shadow .4s, border-color .2s !important;
  1970. transition-timing-function: linear !important;
  1971. }
  1972.  
  1973. input.sfx_wide {
  1974. background-color: #121212 !important;
  1975. }
  1976.  
  1977. textarea#sfx_user_data {
  1978. background-color: #121212 !important;
  1979. }
  1980.  
  1981. .sfx_hide_frame {
  1982. background-color: lime !important;
  1983. outline: lime solid 2px !important;
  1984. }
  1985.  
  1986. .sfx_hide_frame.sfx_hide_frame_hidden {
  1987. color: white !important;
  1988. background-color: red !important;
  1989. outline: red solid 2px !important;
  1990. }
  1991.  
  1992. /* Chrome Google Trad background fix */
  1993. .gtx-bubble, .jfk-bubble {
  1994. background-color: #fff !important;
  1995. border-radius: 3px !important;
  1996. box-shadow: 0 0 5px #000 !important;
  1997. }
  1998.  
  1999. /* Grammarly text issue - Chrome & Firefox */
  2000. ghost span {
  2001. color: transparent !important;
  2002. }
  2003.  
  2004. /*///// Brandon Lucas's Top Bar Fix ///////////*/
  2005.  
  2006. div._1s4v._26aw._5fo2,div.__tw {
  2007. background-color: #202020 !important;
  2008. border-bottom: 1px solid rgba(0,0,0,.7) !important;
  2009. box-shadow: 0 0 4px #000 !important;
  2010. }
  2011.  
  2012. div._4-u8::before,div._4-u2::before,div._36nj::before {
  2013. border: 0px solid #000 !important;
  2014. border-bottom: 1px solid rgba(0,0,0,.7) !important;
  2015. box-shadow: 0 0 4px #000 !important;
  2016. }
  2017.  
  2018. div._r_m {
  2019. margin-left: -22px !important;
  2020. }
  2021.  
  2022. div._2yaa::after {
  2023. background-color: rgb(22,22,22) !important;
  2024. border-color: rgba(0,0,0,.7) !important;
  2025. }
  2026.  
  2027. span.uiSearchInput::after {
  2028. background-color: rgb(18,18,18) !important;
  2029. }
  2030.  
  2031. /*///// Thanks ///////////*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!