dreamfliper
1/20/2017 - 6:40 PM
facebook.css
facebook.css
/*// BACKGROUNDS /////////////////////////////////////////////////*/
/* hotfix */
#leftCol > div > div{
position: relative!important;
}
*{
font-family:noto sans cjk tc light!important;
}
html, body {
background-image: url("data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==") !important;
background-repeat: repeat !important;
background-color: #181818 !important;
}
#facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar {
right: -160px !important;
transition: all .5s cubic-bezier(.07, .64, .33, .97) !important;
-webkit-box-shadow: none !important;
border-left: 0 !important;
box-shadow: none !important;
}
#facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar .fbChatOrderedList ._5bon,
._5bon ._568-+i,
._5bon ._568-:empty+i {
margin: 0!important;
width: 13px!important;
height: 13px!important;
padding: 0!important
}
#facebook.sidebarMode:not(.miniSidebar) .fbChatSidebar:hover {
right: 0!important;
transition: all .2s cubic-bezier(.07, .64, .33, .97)!important;
box-shadow: 0 0 7px 5px rgba(0, 0, 0, .1)!important
}
._5bon {
position: absolute!important;
left: 2px!important;
top: -2px!important;
line-height: normal!important;
border-radius: 20px!important
}
#leftCol {
padding: 10px !important;
position: fixed !important;
left: 0px !important;
overflow: hidden !important;
height: 100vh !important;
background: #202020 !important;
width: 22px !important;
transition: all .5s cubic-bezier(.07, .64, .33, .97) !important;
}
._568-,
._1nc6 ._5w1r:after,
._1nc7 ._5w1r:after,
._3tmp .loadingNavigation,
._4ypf,
._4yph,
._5otg::after,
._5ys_::after,
.bottomBorder,
.topBorder,
#leftCol:hover:after {
display: none!important
}
#leftCol:after {
background: #2b2b2b;
height: 100% ;
width: 10px;
position: fixed!important;
top: 0;
right: 0;
z-index: 0;
}
._5bon ._568-+i,
._5bon ._568-:empty+i {
padding: 0!important;
background-size: 12px 11px!important
}
#leftCol:hover {
width: 230px!important;
transition: all .3s cubic-bezier(.07, .64, .33, .97)!important
}
#leftCol:hover ._55y4 ._bui ._5afe .linkWrap {
opacity: 1!important
}
#leftCol .uiHeaderTitle {
width: 140px!important
}
#pages_actions_pagelet ._51xa {
background: 0 0!important;
border: none!important
}
#pagelet_navigation {
height: 88vh!important;
/* overflow: scroll!important; */
width: 203px!important;
opacity: .9!important;
/* margin-left: -10px!important */
}
#pagelet_navigation .sideNavItem a {
padding-left: 36px!important
}
body:not(.SettingsPage) #pagelet_welcome_box {
width: 183px!important
}
body:not(.SettingsPage) #pagelet_navigation .navHeader {
padding-left: 10px!important
}
body:not(.SettingsPage) ._55y4 ._bui ._5afe {
padding-left: 28px!important
}
#pagelet_sidebar,
#pagelet_dock {
position: relative;
}
#pagelet_dock {
z-index: 20;
}
/*// BACKGROUNDS /////////////////////////////////////////////////*/
.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, .fbxWelcomeBoxSmall .fbxWelcomeBoxSmallRow:hover::after, ._16ve, ._26oo ._26op, ._4sp8 {
background-color: #202020 !important;
text-shadow: 0px 0px 2px #000 !important;
}
.fbIndex .gradient {
background: #202020 !important;
}
._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, ._3186 ._5g_r:hover ._m_1, ._3186 ._m_1:hover, ._5l37:hover {
background: #333 !important;
text-shadow: 0px 0px 2px #000 !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
._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, ._1ht1._1ht2, ._1ht1:hover {
background: #333 !important;
text-shadow: 0px 0px 2px #000 !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.tickerChildSelected, ._128l ._128o, ._128k ._128o, ._kx, ._4k85, ._21dp ._7fw, ._2vw, .mlePhotoButtons .mlePhotoButtonLink, #pagelet_composer form ._2yg._4zz-, #pagelet_composer form ._1hx, .fbChatTypeahead ._5iwm ._58al, ._4oes {
background: #121212 !important;
}
._4zoz ._2dck .clearfix, .uiBoxYellow {
background: #202020 !important;
}
#photos_snowlift, .uiLayer, ._5n6s, ._4d3w .snowliftOverlayBar, ._4fby, ._4_8n, ._3-_8 {
background-color: rgba(0,0,0,.70) !important;
}
.fbPhotoSnowliftContainer .stage, .fbxPhoto .fbPhotoImageStage .stageContainer, ._4-of, ._3-4e ._3-4f, ._5sjs, ._3-_8, .exploded ._6ks {
background: #000 !important;
}
.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, ._cw8 .FriendButton {
background: transparent !important;
}
.uiSelectorButton.uiButton.uiButtonSuppressed.uiButtonNoText {
background-color: transparent !important;
}
._55bh:after, ._4a0x ._5pd7, ._202.selected, ._47__::before, ._352g, a._tuq::before, ._5y5a ._5n15 ._5n1d::after, ._bjx, ._xu, ._5h2p, ._29jg {
background: #555 !important;
}
._4b6::after, ._a19:before, ._5vsj .UFIRow.UFIUnseenItem::after, ._xu:hover {
background: #999 !important;
}
.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, ._1sdf::before {
background: none !important;
}
._1mib ._4h2m, ._1mib {
background-color: #222 !important;
background-image: none !important;
}
._1krc {
background: transparent linear-gradient(to top, rgba(0, 0, 0, 0.82), transparent 40%) repeat scroll 0% 0% !important;
bottom: 44px !important;
border-radius: 0px !important;
left: 0px !important;
pointer-events: none !important;
position: absolute !important;
right: 0px !important;
}
._3s6x {
background: linear-gradient(transparent, rgba(0, 0, 0, .8)) !important;
}
._5r8l .uiScrollableArea.contentAfter::after {
background: linear-gradient(transparent, #202020) !important;
border-radius: 0 !important;
height: 30px !important;
}
._33c.jewelItemNew {
background-color: #333333 !important;
}
/*// GENERAL /////////////////////////////////////////////////////*/
body * {
border-color: transparent !important;
color: #888 !important;
background-color: transparent !important;
}
/*// LINKS ///////////////////////////////////////////////////////*/
body * {
text-decoration: none !important;
}
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, ._26oo ._26op {
text-decoration: none !important;
color: #ccc !important;
text-shadow: 0px 0px 2px #000 !important;
transition: color .4s;
}
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 {
text-decoration: none !important;
color: #fff !important;
transition: color .4s;
text-shadow: 0 0 4px #000, 0 0 2px #666 !important;
}
/*// TEXT SHADOW NONE ////////////////////////////////////////////*/
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 {
text-shadow: none !important;
}
/*// MAIN TOOLBAR ////////////////////////////////////////////////*/
.slim #blueBar, ._hdd, ._4f7n, ._51_u, ._zpj, ._83k {
background: #202020 !important;
box-shadow: 0 0 15px #000000 !important;
border-bottom: 2px solid rgba(0,0,0,.7) !important;
text-shadow: 0px 0px 2px #000 !important;
}
._53jh, ._2t-a._50tj {
background: #202020 !important;
background-image: none !important;
box-shadow: 0 0 15px #000000 !important;
border-bottom: 2px solid rgba(0,0,0,.7) !important;
text-shadow: 0px 0px 2px #000 !important;
}
._2s1x ._2s1y {
background: #202020 !important;
}
._2s1y {
box-sizing: border-box;
height: 42px;
}
#u_0_i._4u90, #u_0_j._4u91, ._1k69, ._4u91 {
box-shadow: none !important;
border: transparent !important;
}
._2s1x ._2s24::before {
background: #333 !important;
}
._4kny #u_0_i, ._4kny #u_0_i:hover {
border-color: transparent !important;
}
/*// TEXTAREAS ////////////////////////////////////////////////////*/
.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, ._5iwm ._58al {
border-bottom: 1px solid rgba(255,255,255,.18) !important;
border-radius: 3px !important;
box-shadow: inset 0px 1px 5px 0px #000 !important;
border-top-color: #000 !important;
border-right-color: #111 !important;
border-left-color: #111 !important;
background-color: #141414 !important;
}
.__wu ._539-.roundedBox .uiSearchInput span {
border-bottom: 1px solid rgba(255,255,255,.18) !important;
margin-top: -1px !important;
}
/*// BOX SHADOW //////////////////////////////////////////////////*/
.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 {
box-shadow: 0px 0px 4px 0px #000 !important;
text-shadow: 0px 0px 1px #000 !important;
}
.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 {
box-shadow: none !important;
text-shadow: 0px 0px 2px #000 !important;
}
/*// BORDERS //////////////////////////////////////////////////////*/
.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 {
border-radius: 3px !important;
}
._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, .fbxWelcomeBoxSmall .fbxWelcomeBoxSmallRow:hover::after {
border-color: transparent !important;
}
._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 {
border: none !important;
}
.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 {
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
}
._5qtq::after {
border-bottom-color: #555 !important;
}
._50mz .fbNubFlyoutHeader ._1sk5, ._5r8e, ._3nzk .jewelHeader {
border-bottom: 1px solid #111 !important;
}
._dcs, .fbTimelineUnit.fbTimelineTwoColumn .timelineUnitContainer.fbTimelineComposerUnit, .mtm ._4-u2, ._53il {
border: 1px solid transparent !important;
border-radius: 3px !important;
}
.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 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAMAAAAw96PuAAAAMFBMVEUbGxsaGhoiIiIcHBwVFRUYGBggICAeHh4WFhYfHx8XFxcUFBQdHR0ZGRkhISESEhKy7ZvJAAABQUlEQVR42l1TUZLFIAiDRQpS3Xf/2+6Ugjw2X6nTxMgEAPxJ0IAXzFeeCcKFCoHJ9pKbKI5wCNBUjE+S4dR4pkhRABbcEBDUV5cWW6ebG597FF9dYMBy80zofq4LsM1MWGGNXRcWizJhhaXbKuaWr4QJ28UfiwDveQUIsbjBGcta9AJYwCgwt7b7ckKiDP/yoZ4JsU5YNCqf0zYhWs+L7fyiHLqA+UtpjXi8+4XOgfG8Suh+bUJBM6H7gYGdCclJeGsAGaimJXm/8VUThAtGr0cWJGmrR5i0gkirh8AIXRWkFTj87kdXlY4CVz1S1yotbSFC1xNPhQQNphOzEq+vjmFxXZAw/K0t/OKW+foK9QWr+2qF2oLto6sJ9QUbVaxaoV4Pdp30FaJWj9RVpavATrfCx3U9seiuhQBGPZBTYC38AccDDZOEuQAKAAAAAElFTkSuQmCC) !important;
background-repeat: repeat !important;
background-color: rgba(0,0,0,.15) !important;
border: 1px solid #111 !important;
border-bottom: 1px solid rgba(255,255,255,.16) !important;
box-shadow: inset 0 0px 3px 0 #111 !important;
}
.mtm ._6a a {
background: none !important;
}
html ._4lh ._2-d1 ._3rrn > a, ._3d5b._-fk, ._2-bi {
border-left-color: #666 !important;
}
._4lh ._2-d1 a:hover, ._3d5b:hover {
border-left-color: #444 !important;
}
html ._4lh ._2-d1 li a, ._3d5b {
border-left-color: #282828 !important;
}
._14b9._620 .PageLikedButton, ._51iy, .mlePhotoButtons .mlePhotoButtonLink, div._14n, div._14o, ._42i {
border-color: #333 !important;
}
._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 {
border: none !important;
}
._30v-, ._2ko1 ._18im, ._51i5 ._5l1x {
border-radius: 3px !important;
background: rgba(0,0,0,.7) !important;
border: 2px solid rgba(255,255,255,.9) !important;
}
._gx8 .img {
box-shadow: 0 0 2px #151515 !important;
}
._12-h span, ._18c- {
border: 1px dashed #333 !important;
}
._12-h:hover span, ._57et ._24mr, ._5cm0 ._2b8t, ._1pt_:hover {
border-color: #555 !important;
}
._10sf {
border-color: #111 !important;
}
._3vsp {
border-color: #555 transparent transparent !important;
}
._57et > li:hover ._24ms, ._9qy {
background-color: #555 !important;
}
._9q_, ._57et > li:hover {
background-color: #333 !important;
}
._5cm0 {
border-left: 1px solid #333 !important;
}
._3jjt:hover:after {
border: 2px solid #999 !important;
margin: -4px !important;
}
._2709, ._1a__ {
background-color: #191919 !important;
border: 1px solid transparent !important;
}
.__9u, ._5kjq ._4-u2, ._5pbz ._5pcr, ._rzn, ._u08, .uiBoxYellow {
border: 1px dashed #383838 !important;
border-radius: 5px !important;
}
.fbEventsDashboardSection + .fbEventsDashboardSection > ._4cbb, ._4cbb + ._4cbb {
border-top: 1px solid #303030 !important;
}
._4ag3 {
background-color: #151515 !important;
}
._4-h8 {
border-bottom-color: #111 !important;
}
._4-h8::after {
border-bottom-color: #121212 !important;
}
._4zoz._4zoz._4zoz {
border-top: 1px solid #111 !important;
background: #111 !important;
}
._3o1x, #pagelet_composer ._1dsp, ._579 {
background: #202020 !important;
}
._2dck {
border-top: none !important;
}
._6z- .uiSideNav .selectedItem > .item, ._6z- .uiSideNav .selectedItem > .subitem {
background-color: #252525 !important;
}
._6z- .uiHeaderNav {
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yV/r/R3gnFfkFEmR.png") !important;
background-repeat: no-repeat !important;
filter: grayscale(100%) invert(1) brightness(110%);
-webkit-filter: grayscale(100%) invert(1) brightness(110%);
}
._1ui8 ._49u4 {
border-top: 1px solid #333 !important;
}
#timeline_composer_container ._1f05, #pagelet_composer ._4_4e {
border: 10px solid #202020 !important;
margin: 0 !important;
}
#timeline_composer_container ._1f05 .mvm, #timeline_composer_container ._1f05 .mvm ._3-8y, #pagelet_composer ._4_4e .mvm, #pagelet_composer ._4_4e .mvm ._3-8y {
margin: 0 !important;
padding-bottom: 0px !important;
}
#timeline_composer_container ._2ane {
margin-bottom: -4px !important;
}
._2diy {
border: 1px solid #eee !important;
}
._2diy:hover {
background-color: rgba(20, 22, 26, .7) !important;
}
._3s4w::before {
border-bottom-color: #333 !important;
border-top-color: #111 !important;
}
._3s4x {
background: #333 !important;
border-radius: 3px !important;
padding: 3px 8px !important;
}
._58vr::before, ._58vr::after {
border-color: transparent transparent #202020 transparent !important;
}
/*// REACTIONS BUTTON ////////////////////////////////////////////*/
._iu-, ._1g5v + ._4arz {
background-color: #202020 !important;
}
._iu- {
border-radius: 35px !important;
border-bottom: 1px solid rgba(0,0,0,.7) !important;
box-shadow: 0 1px 4px #101010, 0 1px 0 #505050 inset !important;
}
._4sm1 {
background-color: rgba(10,10,10,.95) !important;
color: #ddd !important;
border: 1px solid #444 !important;
}
/*// GRAYSCALE ///////////////////////////////////////////////////*/
._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"], ._3u17 i.img, ._5iwm ._58ak::before {
filter: grayscale(100%) invert(100%) brightness(130%);
-webkit-filter: grayscale(100%) invert(100%) brightness(130%);
}
.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, ._fh4 i._1a2o.img, ._1pwr i.img, ._m_1 i.img, ._3186 ._5g_r:hover ._m_1 ._4a0a, ._3186 ._m_1:hover ._4a0a, ._30yy , ._3szp svg, ._4ng2 span {
filter: none;
-webkit-filter: none;
}
._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, ._5r5l i.img._5r5n {
filter: grayscale(100%) invert(100%) brightness(80%);
-webkit-filter: grayscale(100%) invert(100%) brightness(80%);
}
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 {
filter: grayscale(100%) invert(0) brightness(120%);
-webkit-filter: grayscale(100%) invert(0) brightness(120%);
}
a.jewelButton:hover, ._59fb:hover, ._1xn5:hover ._50__, ._1xn5:focus ._50__ {
filter: grayscale(100%) invert(0) brightness(300%);
-webkit-filter: grayscale(100%) invert(0) brightness(300%);
}
a.jewelButton ._2n_9 {
filter: grayscale(100%) invert(100%) brightness(30%);
-webkit-filter: grayscale(100%) invert(100%) brightness(30%);
}
._59fb, ._59fb:hover, #userNavigationLabel._5lxt {
filter: grayscale(100%) invert(100%) brightness(40%);
-webkit-filter: grayscale(100%) invert(100%) brightness(40%);
}
.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 {
filter: grayscale(100%) invert(0) brightness(60%) !important;
-webkit-filter: grayscale(100%) invert(0) brightness(60%) !important;
}
.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, #pagelet_timeline_medley_friends .FriendRequestAdd i, ._cw6 button i.img {
filter: none !important;
-webkit-filter: none !important;
}
._3z_5 {
text-shadow: none !important;
background: #fa3e3e !important;
}
._53ik ._558b + ._53io {
bottom: 1px !important;
}
.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 {
filter: brightness(12.5%) !important;
-webkit-filter: brightness(12.5%) !important;
}
._5t_y ._1dsl li i._2wr {
filter: brightness(8%) !important;
-webkit-filter: brightness(8%) !important;
}
._2t-a .__tw .beeperNub, ._53il ._558b + ._53io, .__tw .beeperNub, .fbPhotosPhotoTagboxBase .tagArrow, .fbPhotoTagger .arrow, ._1tk3::before, ._1tk3::after, .gecko ._55sg > input + span::before {
filter: brightness(22%) !important;
-webkit-filter: brightness(22%) !important;
}
#pagelet_timeline_medley_friends .FriendRequestAdd i, ._cw6 button i.img {
filter: brightness(80%) !important;
-webkit-filter: brightness(80%) !important;
}
/*// BUTTONS /////////////////////////////////////////////////////*/
.uiButtonGroup, ._70l, ._6dh ._1dsl, .uiDataTable th {
background: transparent !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.uiButtonGroup:hover, #fbTimelineHeadline .actionsDropdown button, #fbTimelineHeadline .actionsDropdown .FriendButton {
background: #202020 !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.fbNubButton, ._5h6h button {
background: #222222 !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.fbNubButton:before, .fbNubButton:after {
background-image: none !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
margin-top: 1px !important;
}
.fbNubButton:before {
border-top-left-radius: 3px !important;
}
.fbNubButton:after {
border-top-right-radius: 3px !important;
}
.rNubContainer ._50-v {
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
box-shadow: 0 0 4px #000 !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
html ._4jy0:focus, html .gecko ._4jy0:focus {
box-shadow: none !important;
outline: medium none;
text-shadow: none !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
#fbTimelineHeadline .actionsDropdown .FriendRequestAdd {
border: 1px solid #202020 !important;
box-shadow: 0 0 0 #000 !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
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 {
box-shadow: inset 0px 2px 4px 0px #000 !important;
border-bottom-color: #333 !important;
border-top-color: #000 !important;
border-right-color: #222 !important;
border-left-color: #202020 !important;
background-color: #181818 !important;
border-radius: 3px !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
#login_form #loginbutton, #u_0_i, .PageLikeButton, ._gli ._4jy0, ._5v3q ._47we, .FriendButton, ._14b9._620 .PageLikedButton, .fbxPhoto button {
background: #333 !important;
border-radius: 3px !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
#login_form #loginbutton {
padding-bottom: 3px !important;
padding-top: 4px !important;
}
#pages_actions_pagelet ._42ft {
height: 27px !important;
border: 1px solid #202020 !important;
}
.__wu ._539-.roundedBox .uiSearchInput button {
background-color: #202020 !important;
border: 1px solid #111 !important;
border-radius: 0px 3px 3px 0px !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.__wu .roundedBox .uiTypeahead .searchIcon {
padding-right: 15px !important;
}
.__wu ._539-.roundedBox .uiSearchInput button:hover {
background-color: #181818 !important;
}
._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 {
background: #333 !important;
border: 1px solid rgba(0,0,0,.8) !important;
border-radius: 3px !important;
box-shadow: 0 1px 2px #111, 0 1px 0px #555 inset !important;
-webkit-transition: background .2s, box-shadow .2s, border-color .2s !important; /* Safari */
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
._5rz0 {
box-shadow: none !important;
}
#all_search_results .FriendButton, #all_search_results a, ._8y9.rfloat .FriendButton, .fbPhotoCurationOptions a, .fbPhotoCurationOptions a:focus {
background: none !important;
}
._1fa6 button {
height: 33px !important;
}
._5lc6 button, ._5lc6 button span, ._54ay ._1wc- button:hover {
color: #ddd !important;
}
._54ay .callToActionButton, ._54ay ._1wc- {
margin: -1px !important;
}
._54ay .callToActionButton {
margin-bottom: 5px !important;
}
/*// ADS /////////////////////////////////////////////////////////*/
.uiHeader.uiHeaderTopBorder.pbs._9_r.uiSideHeader, .tickerToggleWrapper.displayedTickerToggleWrapper.fbRemindersThickline.toggleWrapperWithoutMargin {
border: none !important;
}
#pagelet_games_rhc, #pagelet_ego_pane, .ego_column {
display: none !important;
}
/*// ICONS ///////////////////////////////////////////////////////*/
.profileApprovalRow .UFICommentStickerIcon {
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yk/r/n2vOQDcvBJm.png") !important;
background-position: -6px -449px !important;
}
._1_0d {
background-image: url("https://www.facebook.com/rsrc.php/v3/yE/r/CC1cEAXUe-P.png") !important;
background-position: -166px -257px !important;
}
._1rs .emoticonsPanel .emoteTogglerImg {
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yZ/r/a-ZN6WoEOje.png") !important;
background-position: -6px -419px !important;
opacity: .7 !important;
}
._1rs .emoticonsPanel .emoteTogglerImg:hover {
opacity: 1 !important;
}
._5t_y ._1dsw ._1dsr {
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yU/r/sSwLTfB7PfP.png") !important;
}
._3m75 ._55yu > a, ._3m75 .sideNavItem .uiSideNavEditButton a {
background-position: -50px -196px !important;
}
/*// BUSINESS PAGES //////////////////////////////////////////////*/
._28uf {
background: #000 !important;
}
._5hs0 {
border: 1px solid #666 !important;
}
._2sw8 ._3etu, ._2sw8 ._3etw, ._2sw8 ._3ett {
border: solid 1px #333 !important;
}
._3ett, ._3etu, ._3etw {
background: #202020 !important;
}
._3i_m ._2her {
border: 1px solid currentColor !important;
border-radius: 50% !important;
}
._2her ._57e_ {
border: 1px solid currentColor !important;
border-width: 0 0 1px 1px !important;
}
._5vx4 ._5vwz ._13xf {
left: 0 !important;
right: 0 !important;
}
._4dlt {
margin-right: 6px !important;
}
#pagesHeaderLikeButton {
margin-right: -5px !important;
}
.fbTimelineCapsule, .fbTimelineTimePeriod, .sp_dwisfx.sx_5bfe7b, ._2k5d {
background: none !important;
}
.spinePointer, .sp_52s0ck, .sp_1t3tsb {
opacity: 0 !important;
}
.uiButton, .uiButtonSuppressed:active, .uiButtonSuppressed:focus, .uiButtonSuppressed:hover, ._517h, ._59pe:focus, ._59pe:hover, ._517h._42fr:active, ._517h._42fr._42fs {
background: #202020 !important;
box-shadow: none !important;
border-color: transparent !important;
}
._5vx4._5vx6 ._5vwy ._13xf, ._5h12 > span:after, ._5h12.uiSelector > .uiToggle:after {
background: #666 !important;
}
.adminPanelMessagesColumn, #admin_panel #AdminTip {
margin-top: -1px !important;
}
._352g, ._5abm {
background-color: transparent !important;
}
._1mib ._4h2m, ._5vwz ._13xf, ._33vf li:hover::before, ._33vf li::before {
background: #333 !important;
}
._33vf li:hover {
background-color: #303030 !important;
}
._3f-h {
border-left: 3px solid transparent !important;
}
._3f-h._3f-i {
border-color: #666 !important;
}
._33vf li:hover::before, ._33vf li::before {
border-color: #333 !important;
}
._3f-h:hover, ._3f-h._3f-i, li._1a_0._4vb9, ._4dyr {
background: rgba(255, 255, 255, .05) !important;
}
._33vf li._3wxb, ._174o {
background: rgba(255, 255, 255, .03) !important;
}
._5x5y {
border-left: 20px solid transparent !important;
border-top: 20px solid #999 !important;
}
div._5abn[style*="background-color: rgb(197, 206, 224)"] {
background-color: rgb(197, 206, 224) !important;
}
div._1l46._1l47[style*="background: rgb(222, 133, 133)"] {
background-color: rgb(222, 133, 133) !important;
}
div._1l46._1l47[style*="background: rgb(197, 206, 224)"] {
background-color: rgb(197, 206, 224) !important;
}
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)"] {
background-color: rgb(157, 172, 203) !important;
}
div._1l46._1l47[style*="background: rgb(255, 202, 135)"], div._5abn[style*="background-color: rgb(255, 202, 135);"]{
background-color: rgb(255, 202, 135) !important;
}
div._1l46._1l47[style*="background: rgb(208, 148, 171)"], div._5abn[style*="background-color: rgb(208, 148, 171)"] {
background-color: rgb(208, 148, 171) !important;
}
div._1l46._1l47[style*="background: rgb(127, 150, 199)"] {
background-color: rgb(127, 150, 199) !important;
}
div._1l46._1l47[style*="background: rgb(247, 150, 0)"] {
background-color: rgb(247, 150, 0) !important;
}
div._1l46._1l47[style*="background: rgb(61, 106, 214)"] {
background-color: rgb(61, 106, 214) !important;
}
div._1l46._1l47[style*="background: rgb(19, 189, 166)"] {
background-color: rgb(19, 189, 166) !important;
}
div._1l46._1l47[style*="background: rgb(240, 238, 196)"] {
background-color: rgb(240, 238, 196) !important;
}
div._1l46[style*="background: rgb(137, 155, 193)"] {
background-color: rgb(137, 155, 193) !important;
}
div._1l46[style*="background: rgb(60, 99, 153)"] {
background-color: rgb(60, 99, 153) !important;
}
div._1l46[style*="background: rgb(229, 229, 229)"] {
background-color: rgb(229, 229, 229) !important;
}
div._1l46[style*="background: rgb(215, 218, 231)"] {
background-color: rgb(215, 218, 231) !important;
}
div._1l46[style*="background: rgb(177, 148, 194)"] {
background-color: rgb(177, 148, 194) !important;
}
div._1l46._5nb6[style*="background: rgb(35, 53, 91)"] {
background-color: rgb(35, 53, 91) !important;
}
div._1l46._5nb6[style*="background: rgb(156, 122, 179)"] {
background-color: rgb(156, 122, 179) !important;
}
div._1l46._5nb6[style*="background: rgb(222, 181, 197)"] {
background-color: rgb(222, 181, 197) !important;
}
div._1l46._5nb6[style*="background: rgb(183, 117, 143)"] {
background-color: rgb(183, 117, 143) !important;
}
div._1l46._5nb6[style*="background: rgb(59, 89, 152)"] {
background-color: rgb(59, 89, 152) !important;
}
div._1l46._5nb6[style*="background: rgb(212, 64, 64)"] {
background-color: rgb(212, 64, 64) !important;
}
div._1l46._5nb6[style*="background: rgb(137, 42, 42)"] {
background-color: rgb(137, 42, 42) !important;
}
div._1l46._5nb7[style*="background: rgb(173, 179, 188)"] {
background-color: rgb(173, 179, 188) !important;
}
._1-e0 {
background: #202020 !important;
transition: ease-out .5s !important;
-webkit-transition: ease-out .5s !important;
}
.fbPhotosRedesignNavItem:hover {
background: #282828 !important;
transition: ease-out .5s !important;
-webkit-transition: ease-out .5s !important;
}
._1-e0:hover {
background: #fff !important;
}
._1-e0 a, ._1-e0 ._34pe, ._1-e0 ._34pf {
text-shadow: none !important;
}
._585n, ._56h9 {
border: 1px dashed #444 !important;
}
._fqv ._5cuk span {
color: #dc3847 !important;
}
._fqv ._5cul span {
color: #52bb5d !important;
}
._5av0 ._34pe:nth-child(1) ._34pg {
color: #3d6ad6 !important;
}
._5av0 ._34pe:nth-child(2) ._34pg {
color: #13bda6 !important;
}
._5av0 ._34pe:nth-child(3) ._34pg {
color: #905ac7 !important;
}
._5av0 ._34pe:nth-child(4) ._34pg, ._5av0 ._34pe:nth-child(4) ._34pg span {
color: #ff8051 !important;
}
._5av0 ._34pe:nth-child(5) ._34pg {
color: #ac2888 !important;
}
._5av0 ._34pe:nth-child(6) ._34pg {
color: #fc0 !important;
}
._55ii ._ohe, ._55ii .ohf {
margin: 0 -2px 0 -2px !important;
}
._-7f, ._-7f:hover {
border-bottom: 4px solid #777 !important;
}
._-7f ._-7g, .fbPhotosRedesignNavItem .fbPhotosRedesignNavSubtitle, .fbPhotoAlbumTitle, .fbPhotosRedesign .photoTextTitle strong {
color: #fff !important;
font-weight: bold !important;
}
._10uf ._5nbb {
border-right: 1px solid #151515 !important;
box-shadow: -2px 2px 5px #151515 inset !important;
}
._juy ul._43o4 {
width: 100% !important;
}
._juy {
max-height: 44px !important;
}
._fqv a ._4wvl {
margin: 1px !important;
margin-left: 0 !important;
padding: 15px !important;
}
._5doo._5don {
background: #202020 !important;
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
box-shadow: 0 0 4px #000 !important;
}
._juy ._4u-c {
background: #202020 !important;
border-bottom: 1px solid rgba(0,0,0,.7) !important;
box-shadow: 0 0 0px #000 !important;
}
._5doo._5don ._5aca a.uiCloseButton {
filter: grayscale(100%) invert(1) !important;
-webkit-filter: grayscale(100%) invert(1) !important;
}
._5awc {
background: #333 !important;
}
._5awe::before, ._5awe::after, ._79q {
border-left-color: #333 !important;
}
._5awe::before {
border-left-color: #202020 !important;
}
._4nhd, ._37tu, ._3ok2 {background-color: #000 !important;
border: 1px solid #eee !important;
}
._4nhd span, ._2szw ._2sz_, ._3f-h._3f-i ._4bl7, ._3f-h:hover ._4bl7, ._3ok3 ._4qba, ._2sz_ ._4qba {
color: #eee !important
}
/*// GROUP ///////////////////////////////////////////////////////*/
._57xm {
width: 53px !important;
}
._5812 {
border-color: #eee !important;
}
._2dh4 {
background-image: none !important;
}
/*// CHAT ////////////////////////////////////////////////////////*/
._1nc6 ._5w1r, ._hh7, ._5i_d, ._3__- ._1nc6 ._3_om._3cpq {
background: #303030 !important;
border: 1px solid #151515 !important;
box-shadow: none !important;
text-shadow: 0px 0px 2px #000 !important;
}
._1nc7 ._5w1r, ._1ej0 ._nd_ ._s1-, ._3__- ._1nc7 ._3_om._3cpq {
background: #151515 !important;
border: 1px solid #151515 !important;
box-shadow: none !important;
text-shadow: 0px 0px 2px #000 !important;
}
._1nc6 ._5w1r ._d97 ._5yl5 span, ._1nc6 ._49or .__6j div {
color: #ddd !important;
}
._1nc7 ._5w1r ._d97 ._5yl5 span, ._3oh- span, ._3oh-, ._1nc7 ._49or .__6j div {
color: #ccc !important;
}
._49or .__6j .__6k, ._49or .__6j .__6l {
color: #000 !important;
text-shadow: none !important;
}
._5w1r ._d97 span a {
font-weight: bold !important;
text-shadow: none !important;
}
._49or .__6j .__6m {
color: #fff !important;
}
._1nc6 ._5w1r:after, ._1nc6 ._5w1r:before {
margin-left: 1px !important;
width: 7px !important;
}
._1nc7 ._5w1r:after, ._1nc7 ._5w1r:before {
margin-right: 1px !important;
width: 7px !important;
}
._5ys_:after {
background: none !important;
}
._1nc7 ._5w1r:after {
transform: scaleX(-1) !important;
}
._5q5b ._50mz .fbNubFlyoutFooter::before {
height: 0 !important;
}
._8ms ._552n ._4vui, ._8ms ._552n ._3s0d, ._8ms ._552h, ._5q5b .fbNubButton ._ggq._5qth ._5vmb, ._56ox .fbNubButton ._3a-4, .fbNubFlyoutFooter ._552h {
border: transparent !important;
box-shadow: none !important;
}
._50mz .fbNubFlyoutFooter {
box-shadow: 0 -1px 2px #111 !important;
}
._1miz {
background-color: #252525 !important;
border-color: #333 !important;
}
._1mj1 {
border-bottom: 2px solid #ccc !important;
margin-left: 22px !important;
margin-right: 40px !important;
}
._1mj4 ._1miz {
background-color: #666 !important;
border-color: #666 !important;
}
._4b0g ._5pd7 {
background: #aaa !important;
}
._1nc7:only-of-type ._5w1r._31xx, ._1nc6:only-of-type ._5w1r._31xx, ._5w1r._31xx, ._3__- ._5w1r._31xx {
background: transparent !important;
border: none !important;
}
._20fw ._50mz.focusedTab .fbNubFlyoutTitlebar, ._20fw .fbNubFlyoutTitlebar:hover, ._20fw .highlightTitle .fbNubFlyoutTitlebar:hover, ._55ln:hover {
background: none !important;
background-color: #303030 !important;
}
._20fw .fbNubFlyoutTitlebar {
background: none !important;
background-color: #202020 !important;
}
._568z span, ._2nlt, ._3olv._2nlt {
background-color: rgb(66, 183, 42) !important;
}
._55ln:hover {
box-shadow: none !important;
}
._1nc6 ._5w1r ._d97 ._5yl5 span, ._1nc6 ._49or .__6j div {
color: #ddd !important;
text-shadow: 0px 0px 8px #000 !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(84, 199, 236)"] {
background-color: rgb(84, 199, 236) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(245, 195, 59)"] {
background-color: rgb(245, 195, 59) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(243, 83, 105)"] {
background-color: rgb(243, 83, 105) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(214, 150, 187)"] {
background-color: rgb(214, 150, 187) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(163, 206, 223)"] {
background-color: rgb(0, 132, 255) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(66, 183, 42)"] {
background-color: rgb(66, 183, 42) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(247, 146, 59)"] {
background-color: rgb(247, 146, 59) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(230, 133, 133)"] {
background-color: rgb(230, 133, 133) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(140, 114, 203)"] {
background-color: rgb(140, 114, 203) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(163, 206, 113)"] {
background-color: rgb(163, 206, 113) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(207, 165, 136)"] {
background-color: rgb(207, 165, 136) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(236, 126, 189)"] {
background-color: rgb(236, 126, 189) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(175, 156, 218)"] {
background-color: rgb(175, 156, 218) !important;
}
._5dr3 ._5dr4[style*="background-color: rgb(0, 132, 255)"] {
background-color: #303030 !important;
}
._1nc6 ._d97[style*="background-color: rgb(230, 133, 133);"] {
background-color: rgb(230, 133, 133) !important;
}
._1nc6 ._d97[style*="background-color: rgb(84, 199, 236)"] {
background-color: rgb(84, 199, 236) !important;
}
._1nc6 ._d97[style*="background-color: rgb(245, 195, 59)"] {
background-color: rgb(245, 195, 59) !important;
}
._1nc6 ._d97[style*="background-color: rgb(243, 83, 105)"] {
background-color: rgb(243, 83, 105) !important;
}
._1nc6 ._d97[style*="background-color: rgb(214, 150, 187)"] {
background-color: rgb(214, 150, 187) !important;
}
._1nc6 ._d97[style*="background-color: rgb(163, 206, 223)"] {
background-color: rgb(0, 132, 255) !important;
}
._1nc6 ._d97[style*="background-color: rgb(66, 183, 42)"] {
background-color: rgb(66, 183, 42) !important;
}
._1nc6 ._d97[style*="background-color: rgb(247, 146, 59)"] {
background-color: rgb(247, 146, 59) !important;
}
._1nc6 ._d97[style*="background-color: rgb(140, 114, 203)"] {
background-color: rgb(140, 114, 203) !important;
}
._1nc6 ._d97[style*="background-color: rgb(163, 206, 113)"] {
background-color: rgb(163, 206, 113) !important;
}
._1nc6 ._d97[style*="background-color: rgb(207, 165, 136)"] {
background-color: rgb(207, 165, 136) !important;
}
._1nc6 ._d97[style*="background-color: rgb(236, 126, 189)"] {
background-color: rgb(236, 126, 189) !important;
}
._1nc6 ._d97[style*="background-color: rgb(175, 156, 218)"] {
background-color: rgb(175, 156, 218) !important;
}
._1nc6 ._d97[style*="background-color: rgb(0, 132, 255)"] {
background-color: #303030 !important;
}
/*// MESSENGER PAGE ///////////////////////////////////////////////*/
#pagelet_web_messenger ._ksg {
background: #202020 !important;
box-shadow: 0 0 4px #000 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
#pagelet_web_messenger ._4z0 {
box-shadow: none !important;
border: none !important;
}
#pagelet_web_messenger ._4z0 li:hover {
background: #333 !important;
}
.wmMasterView {
border-right: 1px solid #121212 !important;
}
.wmMasterView:after {
width: 0 !important;
}
._kv, ._sq ._3_om._3cpq {
background-color: #121212 !important;
}
._2nb ._2n3, ._1rs {
border-top: 1px solid #333 !important;
}
._2nb ._2n3 .timestamp {
background-color: #202020 !important;
}
._3m31:nth-of-type(3n+1) {
border-right: 2px solid #202020 !important;
}
._3mts .uiScrollableArea.contentAfter::after {
background: linear-gradient(rgba(20, 20, 20, .05), #202020) !important;
}
._k- {
margin-top: 1px !important;
}
._9k .img._9h, ._2t5t {
filter: invert(1) !important;
-webkit-filter: invert(1) !important;
}
._36ic, ._5742, ._1q5-, ._4rv3, ._1li- {
border-color: #303030 !important;
}
._4_j4 ._5f0v {
box-shadow: none !important;
}
._hh7 {
background-color: #151515 !important;
}
._nd_ ._hh7, ._3szn:hover {
background-color: #303030 !important;
}
._nd_ ._hh7 ._3oh-, ._3szn:hover ._4qba, ._515 ._4qba {
color: #fff !important;
}
._3szn:hover ._3szp {
filter: brightness(200%) !important;
-webkit-filter: brightness(200%) !important;
}
._33p7 {
background: #202020 !important;
border-bottom: 1px solid #303030 !important;
}
._hh7[style*="background-color: rgb(255, 126, 41)"], ._5dr4[style*="background-color: rgb(255, 126, 41)"]{
background-color: rgb(255, 126, 41) !important;
}
._hh7[style*="background-color: rgb(68, 190, 199)"], ._5dr4[style*="background-color: rgb(68, 190, 199)"]{
background-color: rgb(68, 190, 199) !important;
}
._hh7[style*="background-color: rgb(255, 195, 0)"], ._5dr4[style*="background-color: rgb(255, 195, 0)"]{
background-color: #0084ff !important;
}
._hh7[style*="background-color: rgb(250, 60, 76)"], ._5dr4[style*="background-color: rgb(250, 60, 76)"]{
background-color: rgb(250, 60, 76) !important;
}
._hh7[style*="background-color: rgb(102, 153, 204)"], ._5dr4[style*="background-color: rgb(102, 153, 204)"]{
background-color: rgb(102, 153, 204) !important;
}
._hh7[style*="background-color: rgb(19, 207, 19)"], ._5dr4[style*="background-color: rgb(19, 207, 19)"]{
background-color: rgb(19, 207, 19) !important;
}
._hh7[style*="background-color: rgb(118, 70, 255)"], ._5dr4[style*="background-color: rgb(118, 70, 255)"]{
background-color: rgb(118, 70, 255) !important;
}
._hh7[style*="background-color: rgb(32, 206, 245)"], ._5dr4[style*="background-color: rgb(32, 206, 245)"]{
background-color: rgb(32, 206, 245) !important;
}
._hh7[style*="background-color: rgb(103, 184, 104)"], ._5dr4[style*="background-color: rgb(103, 184, 104)"]{
background-color: rgb(103, 184, 104) !important;
}
._hh7[style*="background-color: rgb(212, 168, 140)"], ._5dr4[style*="background-color: rgb(212, 168, 140)"]{
background-color: rgb(212, 168, 140) !important;
}
._hh7[style*="background-color: rgb(255, 92, 161)"], ._5dr4[style*="background-color: rgb(255, 92, 161)"]{
background-color: rgb(255, 92, 161) !important;
}
._hh7[style*="background-color: rgb(166, 149, 199)"], ._5dr4[style*="background-color: rgb(166, 149, 199)"]{
background-color: rgb(166, 149, 199) !important;
}
._374c {
width: 160px !important;
}
._374b {
border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}
._374d ._5f0v {
box-shadow: none !important;
}
._5jb0 ._4rlu._4rlt {
background-color: #333 !important;
}
._1u5d ._3dwl {
background-color: #111 !important;
}
._1u5d ._337l {
background-color: #444 !important;
}
._1u5d ._3dwf {
background-color: #202020 !important;
}
/*// PHOTOS //////////////////////////////////////////////////////*/
.fbPhotosPhotoTagboxBase .innerTagBox {
border: 4px solid #333333 !important;
}
.fbPhotosPhotoTagboxBase .tagName {
background: #333333 !important;
}
._513x, ._5y5a ._5h12 > span::after, i._5cmh {
background: #666 !important;
border-top: 2px solid #666 !important;
height: 2px !important;
width: 55px !important;
margin-left: -27px !important;
}
.fbxWelcomeBoxBlock .fbxWelcomeBoxImg, ._4fn6 ._s0._2dpc._rw.img {
border: 0px none !important;
border-radius: 3px !important;
transform: scale(1) !important;
transition: all .4s !important;
-webkit-transition: all .4s !important;
}
._2dpe::after, ._2dpe:hover::after {
background: none !important;
}
._52d9, ._1cr_ {
background: rgba(0,0,0,.6) !important;
}
._52db {
color: #ddd !important;
}
._4d3w._2nw8 .snowliftOverlayBar {
background: linear-gradient(transparent, rgba(0, 0, 0, .8)) !important;
}
/*// LOGO FB /////////////////////////////////////////////////////*/
a._19eb ._2md{
opacity: .6 !important;
transition: all .5s;
}
a._19eb ._2md:hover, a._19eb ._2md:focus, a._19eb ._2md:active {
opacity: 1 !important;
}
/*// SOME FIXES //////////////////////////////////////////////////*/
._1_br {
border-color: #aaa !important;
}
._1_bl {
border-color: #444 !important;
}
._5jb-._202q:hover {
border-color: #fff !important;
}
._5jb-:hover {
border-color: #ccc !important;
}
._5jb-._202q {
border-color: #ccc !important;
}
._5jb- {
border: 5px solid transparent !important;
margin: 1px !important;
}
.captcha_dialog.uiLayer ._14 a {
background: none !important;
}
.uiInputLabel .uiInputLabelInput._ypo + label.uiInputLabelLabel, ._5njd ._4qpq, ._4xda ._3hrq._3hrq {
text-shadow: 0 0 2px #111 !important;
}
._ypo span::before, ._128k ._128o, ._128l ._128o {
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;
}
._2ffa._tj_, ._asu._2eyq {
color: #ccc !important;
}
._ypo span {
border-left: 2px solid #444 !important;
background-color: #111 !important;
}
._ypo > input + span::after, ._128l ._128p, ._128k ._128p {
background-color: #333 !important;
border: 1px solid transparent !important;
box-shadow: 0px 1px 2px 0px #000, 0px 1px 0px 0px rgba(255, 255, 255, .15) inset !important;
}
._ypo > input:checked + span {
border-left-width: 13px !important;
}
._128k ._128o {
background: #444 !important;
}
._3s_, a._2l5g::after {
background: #666 !important;
height: 3px !important;
width: 100% !important;
left: 0px !important;
margin-left: 0 !important;
}
* {
outline:none!important;
}
.hasLeftCol ._5r-_.homeWiderContent div#contentArea, html ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea {
margin-right: -1px !important;
margin-left: -1px !important;
}
.GM_options_wrapper_inner, .bfb_tabs > .bfb_tab_selected, ._m_1 {
background: #282828 !important;
}
.bfb_tabs > .bfb_tab_selected:hover {
background: #333333 !important;
}
.bfb_tabs > .bfb_tab_selected {
border-color: #444444 !important;
}
.emoticons_off .emoticon {
display: none !important;
}
._2c44 ._2f6b, ._1qqu {
background: #202020 !important;
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.1) !important;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 1) !important;
}
._e_z {
background: #FFF none repeat scroll 0% 0% !important;
border-radius: 6px;
box-sizing: border-box;
height: 12px;
left: 20px;
position: absolute;
top: 2px;
transition: all 300ms cubic-bezier(0.1, 0.7, 0.1, 1) 0s;
width: 12px;
}
._e_x {
background-color: #333 !important;
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
height: 16px;
overflow: hidden;
position: relative;
transition: all 300ms cubic-bezier(0.1, 0.7, 0.1, 1) 0s;
-moz-user-select: none;
width: 34px;
}
.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 {
color: #fff !important;
text-shadow: 0px 0px 5px #000, 0 0 2px #000 !important;
transition: all .3s !important;
-webkit-transition: all .3s !important;
}
._3-_v {
border: 1px solid #eee !important;
}
._4eq5, ._4eq6, ._38le, ._38lf, ._3-8s {
color: #eee !important;
}
._5ia1 ._5ia2 table tbody tr td p a:hover {
color: #111 !important;
}
.fbFeedTicker .fbFeedTickerStory a:hover, .pam .fsm {
text-shadow: 0 0 2px #000 !important;
}
#contentCurve {
border-bottom: 1px solid #333 !important;
}
._1ui8 {
width: auto !important;
}
.__wu ._539-.roundedBox .uiSearchInput .inputtext {
padding-top: 4px !important;
}
.UFIStickersEnabledInput .innerWrap, .UFIAddCommentWithPhotoAttacher .innerWrap {
border: none !important;
}
._mxp ._18im, ._4eq2, .fbEventDashboardItem ._5a5l {
background: rgba(0,0,0,.65) !important;
padding: 5px !important;
border: 2px solid rgba(255,255,255,.7) !important;
box-shadow: 0 0 4px #000 !important;
border-radius: 3px !important;
}
._yn1 ._394m a {
margin-top: -4px !important;
}
._g2z, .pollOptions .fbQuestionsPollResultsBar, .pollOptions .pollResultsFacepile .fbQuestionFacepileMoreItem, ._12-g .fbEigenpollFacepile .fbQuestionFacepileMoreItem, ._3uy4 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAMAAAAw96PuAAAAMFBMVEUbGxsaGhoiIiIcHBwVFRUYGBggICAeHh4WFhYfHx8XFxcUFBQdHR0ZGRkhISESEhKy7ZvJAAABQUlEQVR42l1TUZLFIAiDRQpS3Xf/2+6Ugjw2X6nTxMgEAPxJ0IAXzFeeCcKFCoHJ9pKbKI5wCNBUjE+S4dR4pkhRABbcEBDUV5cWW6ebG597FF9dYMBy80zofq4LsM1MWGGNXRcWizJhhaXbKuaWr4QJ28UfiwDveQUIsbjBGcta9AJYwCgwt7b7ckKiDP/yoZ4JsU5YNCqf0zYhWs+L7fyiHLqA+UtpjXi8+4XOgfG8Suh+bUJBM6H7gYGdCclJeGsAGaimJXm/8VUThAtGr0cWJGmrR5i0gkirh8AIXRWkFTj87kdXlY4CVz1S1yotbSFC1xNPhQQNphOzEq+vjmFxXZAw/K0t/OKW+foK9QWr+2qF2oLto6sJ9QUbVaxaoV4Pdp30FaJWj9RVpavATrfCx3U9seiuhQBGPZBTYC38AccDDZOEuQAKAAAAAElFTkSuQmCC) !important;
background-repeat: repeat !important;
background-color: rgba(0,0,0,.15) !important;
border: 1px solid #111 !important;
border-bottom: 1px solid rgba(255,255,255,.16) !important;
box-shadow: inset 0 0px 3px 0 #111 !important;
}
.pollOptions .shaded, ._g2z .shaded, ._36bx ._2dck ._1mf7 {
background: #333 !important;
}
.pollOptions .fbQuestionsPollClickTarget:hover, ._g2z .fbQuestionsPollClickTarget:hover {
border: 1px solid #555 !important;
}
.profileApprovalRow ._4-u8 {
background: #202020 !important;
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
box-shadow: 0 0 4px #000 !important;
}
#pagelet_subscribed_events_list ._18b8 a i {
display: none !important;
}
._416u ._5q9i, .gecko ._416u ._5q9i {
background-image: none !important;
box-shadow: none !important;
}
._50-0._50z-:hover {
transition: none !important;
-webkit-transition: none !important;
box-shadow: none !important;
background-color: transparent !important;
}
._3-ma._2bnd, ._3-ma._2bne, ._rzn ._4m1w {
color: #202020 !important;
text-shadow: none !important;
font-weight: bold !important;
}
._bla, ._39ry {
color: #ddd !important;
}
._5pcm, ._5vsj.UFIContainer .UFIReplyList ._4oep._4204::after, ._5vsj.UFIContainer .UFIReplyList ._4oep._2o9m::after, ._5vsj.UFIContainer .UFIReplyList ._4oep {
border-left: 2px solid #444 !important;
margin-left: 0 !important;
border-radius: 0px !important;
}
._5vsj.UFIContainer .UFIReplyList ._4oep._4204::after, ._5vsj.UFIContainer .UFIReplyList ._4oep._2o9m::after {
left: -2px !important;
}
._2gyk #u_0_i {
border-color: transparent !important;
}
._5a5k {
background-color: rgba(0, 0, 0, 0.25) !important;
border: 2px solid #fff !important;
border-radius: 5px !important;
}
._5u8u {
background: #282828 !important;
padding: 2px 0 1px 0 !important;
border-bottom: 1px solid #555 !important;
border-top: 1px solid #555 !important;
}
._rzn a._4m1x ._4m1w span, ._rzn a._4m1x ._4m1w ._50f6._50f7 {
color: #252525 !important;
text-shadow: none !important;
}
._202.selected, div.uiTypeaheadView .selected {
background: #333 !important;
}
._4oyq {
background: #202020 !important;
border: 1px solid #eee !important;
opacity: .8 !important;
}
span._4a6n, ._4m1w ._4m1z span, ._4m1w ._4m1z ._4sic {
color: #fff !important;
text-shadow: none !important;
}
._5qxm._5qxn[style*="background-color:rgba(74,144,226,1.00)"], ._23jq._3oi9[style*="background-color: rgb(74, 144, 226);"], ._2ihx._i-o[style*="background-color: rgb(74, 144, 226);"] {
background-color: rgba(74, 144, 226, 1) !important;
}
._5qxm._5qxn[style*="background-color:rgba(252,216,114,1.00)"], ._23jq._3oi9[style*="background-color: rgb(252, 216, 114);"], ._2ihx._i-o[style*="background-color: rgb(252, 216, 114);"] {
background-color: rgba(252,216,114,1.00) !important;
}
._5qxm._5qxn[style*="background-color:rgba(243,83,105,1.00)"], ._23jq._3oi9[style*="background-color: rgb(243, 83, 105);"], ._2ihx._i-o[style*="background-color: rgb(243, 83, 105);"] {
background-color: rgba(243,83,105,1.00) !important;
}
._5qxm._5qxn[style*="background-color:rgba(95,102,115,1.00)"], ._23jq._3oi9[style*="background-color: rgb(95, 102, 115);"], ._2ihx._i-o[style*="background-color: rgb(95, 102, 115);"] {
background-color: rgba(95,102,115,1.00) !important;
}
._23ju {
background-color: #202020 !important;
}
._2ihx ._1p1u ._1p1v {
color: rgba(255, 255, 255, .7) !important;
text-shadow: none !important;
}
._m_1._3x6w._mwg, ._1cx1 ._m_1:hover, ._1cx1 ._5g_r:hover ._m_1 {
background: #333 !important;
}
/*// VIDEO PLAYER ////////////////////////////////////////////////*/
._2yua, ._2yu9 {
background-color: #fff !important;
}
._2yu7, ._voo {
background-color: #666 !important;
}
._1c7d, ._3pao, ._38a2:hover ._2yv, ._28h1, ._2r86, ._26oo {
background-color: rgba(0, 0, 0, 0.7) !important;
border: 1px solid #eee !important;
}
._3paq {
background-color: #666 !important;
box-shadow: 0 0 1px #000 !important;
}
._3par, ._3pas {
background-color: #fff !important;
}
._4d3w .stageWrapper, ._20m9 {
background: #000 !important;
}
._1c7d button {
background: none !important;
box-shadow: none !important;
opacity: .8 !important;
}
._1c7d button:hover, ._26oo ._26oq {
background: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
._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, ._26oo ._26oq em {
color: #fff !important;
text-shadow: 0 0 2px #000 !important;
}
._20m9 .mam ._20ma {
color: #dc3847 !important;
}
li._1zw6 ._42ef ._50f3 {
color: #999 !important;
text-shadow: none !important;
}
._1ec, ._35sk, ._4irh {
background-color: rgba(0,0,0,.4) !important;
}
._24wr {
width: 90% !important;
text-align: center !important;
padding-bottom: 2px !important;
padding-top: 1px !important;
margin-bottom: -2px !important;
border-radius: 0 !important;
background-color: rgba(0,0,0,.65) !important;
}
._35sk._tbz ._2le_ {
bottom: 20px !important;
left: 2px !important;
}
.fbTimelineUnit ._1zw4 ._1zw6 ._50f3 {
color: #999 !important;
}
._5fvj ._2apb {
border: 4px solid #fff !important;
border-radius: 50% !important;
background-color: rgba(20, 22, 26, 0.3) !important;
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-webkit-transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
._2u7 {
background-color: #030303 !important;
}
._4lqu {
background-color: transparent !important;
background-image: url("https://static.xx.fbcdn.net/rsrc.php/v2/yt/r/ag-Kz-WMvnK.png") !important;
background-repeat: repeat-x !important;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s !important;
}
._4ctp._3htz {
background-color: rgba(20, 22, 26, 0.7) !important;
}
._2mbh button:hover, ._2mbh button {
background: none !important;
box-shadow: none !important;
}
._28h1 a:hover, li._1zw6 ._42ef ._50f3 a {
text-shadow: none !important;
}
._4v8w {
background-color: rgba(255, 255, 255, 0.5) !important;
}
._i5q ._2-mo, ._gn5 {
background-color: #fff !important;
box-shadow: 0 0 2px #000 !important;
}
._i5q ._2-mm, ._gn2 {
background-color: rgba(255, 255, 255, 0.3) !important;
}
._gn3 {
background-color: rgba(255, 255, 255, .3) !important;
}
._i5q ._2-mp, ._i5q ._2-mn, ._gn4 {
background-color: #fff !important;
}
._24wt {
box-shadow: 0 0 1px #111 !important;
}
._5pe- {
background-color: #fa3e3e !important;
}
._5pf0, ._3sxt, ._2wma, ._5mo5 ._5r2h, ._5mo6 ._4dbn, ._1-h1 {
color: #fff !important;
}
._1jb_ {
background: rgba(0,0,0,.6) !important;
}
._1sno, ._30vn span {
background-color: rgba(20, 22, 26, .45) !important;
color: #fff !important;
text-shadow: 0 0 3px rgba(20, 22, 26, .75), 0 0 3px rgba(0, 0, 0, .8) !important;
}
._26oo ._26oq {
background: transparent !important;
}
/*// SCROLLERS ///////////////////////////////////////////////////*/
.contentAfter .uiScrollableAreaTrack:hover, .contentBefore .uiScrollableAreaTrack:hover, .contentAfter.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .contentBefore.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .uiScrollableAreaDragging .uiScrollableAreaTrack {
background-color: #111 !important;
border-radius: 10px;
width: 10px;
}
.uiScrollableAreaGripper {
background-clip: content-box;
background-color: #333 !important;
border: 1px solid #444 !important;
border-radius: 6px;
position: absolute;
right: 0px;
width: 5px;
}
.fbScrollableAreaGripper {
background-clip: content-box;
background-color: #333 !important;
border: 1px solid #444 !important;
border-radius: 6px;
position: absolute;
height: 5px;
}
/*// LOADING ANIMATION ///////////////////////////////////////////*/
._2iwq {
opacity: .1 !important;
}
._2iwq div, ._3y89 ._4jy0 {
background: #202020 !important;
}
._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, .fbTimelineComposerCapsule ._4-u8 {
box-shadow: none !important;
background: none !important;
border: none !important;
}
._3u14 ._3u15 {
opacity: .6 !important;
}
._3u13 ._3u15 {
background: #000 !important;
}
._3u14 ._57d8 {
border-top: 1px solid rgba(255,255,255,.12) !important;
border-radius: 3px !important;
}
._3-4e ._3-4g ._3-4n button:hover {
box-shadow: none !important;
background: rgba(255,255,255,.1) !important;
border: 1px solid #fff !important;
border-radius: 6px !important;
}
._35sk {
background: rgba(0, 0, 0, .7) !important;
}
#mentionsInput, ._2yg .composerTypeahead .wrap {
background: #121212 !important;
}
._5pcp._4l4 .UFILikeLink.UFILinkBright, ._a7s a.UFILinkBright, .fbTimelineUFI a.UFILinkBright {
color: #111 !important;
background: #777 !important;
text-shadow: none !important;
border-radius: 4px !important;
opacity: .8 !important;
padding: 3px 5px 3px 4px !important;
transition: all 0.3s !important;
-webkit-transition: all 0.3s !important;
}
._a7s a.UFILinkBright span, .fbTimelineUFI a.UFILinkBright em {
color: #111 !important;
text-shadow: none !important;
}
._5pcp._4l4 .UFILikeLink.UFILinkBright:hover, ._a7s a.UFILinkBright:hover, .fbTimelineUFI a.UFILinkBright:hover {
opacity: 1 !important;
}
._sa_ ._48-k.UFILinkBright::before {
filter: grayscale(100%) invert(0) brightness(25%);
-webkit-filter: grayscale(100%) invert(0) brightness(25%);
}
a._30yy._4rv6, a._30yy._4ce_ {
filter: invert(1);
-webkit-filter: invert(1);
opacity: .6 !important;
}
.emptyStar {
opacity: .2 !important;
}
::-moz-selection {
background: #ccc !important;
color: #000 !important;
text-shadow: none !important;
}
::selection {
background: #ccc !important;
color: #000 !important;
text-shadow: none !important;
}
#spotlight_reviews_card_list ._r8k ._r8l {
border: 1px dashed #333 !important;
margin: 10px !important;
border-radius: 5px !important;
}
#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, ._3240 .FriendButton {
background: transparent !important;
}
._4-rr ._5ugg, ._5ugg {
background: #dc0d17 !important;
}
.groupSkyAux ._4-u2, ._kj2 ._guu, ._9fj, ._58do, ._46cs, ._1g_n, ._3x6b, .fbTimelineUnit.fbTimelineTwoColumn .timelineUnitContainer.fbTimelineComposerUnit, ._79k._79m._4-u8, ._2y8_ ._4p-s ._29hk {
background: #202020 !important;
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
box-shadow: 0px 0px 4px 0px #000 !important;
}
#pagelet_main_column_personal ._6-0 .uiBoxWhite, ._xct ._xco {
border-top: 1px solid #303030 !important;
margin: 0 0 -1px 0 !important;
}
._6-6 {
border-right: none !important;
border-left: none !important;
height: 40px !important;
}
._6-6:hover {
border-bottom: 3px solid #333 !important;
border-right: none !important;
border-left: none !important;
}
._6-7, ._6-7:hover {
border-bottom: 3px solid #666 !important;
border-right: none !important;
}
._6-6 ._513x {
display: none !important;
}
._2lhm._3-8y ._5pcr {
border: none !important;
}
._3yv8._5aer ._5aeo {
background-image: none !important;
border-bottom: 3px solid #666 !important;
width: 100% !important;
left: 0 !important;
bottom: -6px !important;
margin-left: 0 !important;
}
._5aep._5aer ._5aeo {
background: #666 !important;
}
._3tkc ._5aeq:hover {
background-color: #333 !important;
border-radius: 3px !important;
}
._5aeq:hover > li, ._5aeq:hover > li ._1_x_, ._289_:hover ._289y, ._5xz- ._3xgd {
color: #fff !important;
}
._7lv button:hover, ._1wcy._5k5 button:hover, ._1wcz._5k5 button:hover, ._7lv button, ._1wcy._5k5 button, ._1wcz._5k5 button, ._ikh ._1wcy button:hover, ._ikh ._1wcz button:hover {
box-shadow: none !important;
background-color: transparent !important;
border-color: transparent !important;
}
._3m75 .selectedItem ._5afe::after, ._3m75 .sideNavItem:hover ._5afe::after, ._3m75 .sideNavItem:hover, ._3m75 .sideNavItem.clearfix a::after {
background-color: #202020 !important;
border-color: transparent !important;
transition: none !important;
}
._3m75 .sideNavItem:hover .uiSideNavEditButton a, ._3m75 .sideNavItem:hover .uiSideNavEditButton ._2ita, ._3m75 .sideNavItem:hover .uiSideNavEditButton a, ._3m75 .uiSideNavEditButton > .openToggler > a, ._3m75 .uiSideNavEditButton ._2ita {
background-color: #202020 !important;
border-color: #202020 !important;
filter: none !important;
-webkit-filter: none !important;
}
/*// CALENDAR ////////////////////////////////////////////////////*/
.fbCalendarGrid .fbCalendarDayItem {
border-top-color: #333 !important;
}
.fbCalendarGrid .fbCalendarGridCell.fbCalendarGridToday .fbCalendarDayItem {
background: #181818 !important;
border: 1px solid #333 !important;
border-bottom-color: #333 !important;
border-radius: 3px !important;
box-shadow: 0 0 3px #000 inset !important;
}
.fbCalendarGrid .fbCalendarGridCell .fbCalendarDayItem:hover {
background: #252525 !important;
box-shadow: 0 0 3px #151515 !important;
}
.fbCalendarGridRoot .fbCalendarBox, ._fbEventsPermalink__mainColLayout ._355f {
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
box-shadow: 0 0 4px #000 !important;
background: #202020 !important;
}
.fbCalendarGridRoot #fbCalendarWrapper {
background: transparent !important;
}
._fbEventsPermalink__mainColLayout ._355f {
width: 276px !important;
margin-right: 2px !important;
}
._fbEventsPermalink__mainColLayout ._355e {
padding-left: 4px !important;
width: 492px !important;
}
._5w40.fbEventHeader {
margin-left: 4px !important;
margin-right: 2px !important;
}
._5w40.fbEventHeader ._2kn_ {
margin-right: 1px !important;
}
/*// BROWSER EXTENTION FIX /////////////////*/
/* Social Fixer Issue */
#sfx_options_dialog, #sfx_badge_menu #sfx_badge_menu_wrap {
background: #202020 !important;
border: 1px solid rgba(0,0,0,.7) !important;
border-top-color: rgba(255,255,255,.12) !important;
border-radius: 3px !important;
box-shadow: 0px 0px 4px 0px #000 !important;
}
.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 {
background-color: #333 !important;
color: #fff !important;
cursor: pointer !important;
}
.sfx_options_dialog_section, .sfx_options_dialog_table tbody tr:hover td {
background-color: #252525 !important;
}
.sfx_options_dialog_section:hover, .sfx_menu_section .sfx_menu_item:hover {
background-color: #303030 !important;
}
.sfx_options_dialog_table, .sfx_options_dialog_table tbody td {
border-color: #333 !important;
}
#sfx_badge_logo {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
background-color: rgb(44, 65, 102) !important;
}
#sfx_badge:hover #sfx_badge_logo {
border-color: #666 !important;
}
.sfx_bubble_note.sfx_bubble_note_top_right {
background: #202020 !important;
border: 1px solid rgba(0, 0, 0, .7) !important;
border-top-color: rgba(255, 255, 255, .12) !important;
border-radius: 3px !important;
box-shadow: 0px 0px 4px 0px #000 !important;
}
#sfx_control_panel {
background: #202020 !important;
border: 1px solid rgba(0, 0, 0, .7) !important;
border-top-color: rgba(255, 255, 255, .12) !important;
border-radius: 3px !important;
box-shadow: 0px 0px 4px 0px #000 !important;
}
#sfx_control_panel .sfx_filter_tab:hover {
background-color: #303030 !important;
}
#sfx_control_panel .sfx_filter_tab.selected {
background-color: #303030 !important;
}
.sfx_button {
background: #333 !important;
border: 1px solid rgba(0, 0, 0, .8) !important;
border-radius: 3px !important;
box-shadow: 0 1px 2px #111, 0 1px 0px #555 inset !important;
-webkit-transition: background .2s, box-shadow .2s, border-color .2s !important;
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
.sfx_button:hover {
box-shadow: inset 0px 2px 4px 0px #000 !important;
border-bottom-color: #333 !important;
border-top-color: #000 !important;
border-right-color: #222 !important;
border-left-color: #202020 !important;
background-color: #181818 !important;
border-radius: 3px !important;
-webkit-transition: background .2s, box-shadow .4s, border-color .2s !important;
transition: background .2s, box-shadow .4s, border-color .2s !important;
transition-timing-function: linear !important;
}
input.sfx_wide {
background-color: #121212 !important;
}
textarea#sfx_user_data {
background-color: #121212 !important;
}
.sfx_hide_frame {
background-color: lime !important;
outline: lime solid 2px !important;
}
.sfx_hide_frame.sfx_hide_frame_hidden {
color: white !important;
background-color: red !important;
outline: red solid 2px !important;
}
/* Chrome Google Trad background fix */
.gtx-bubble, .jfk-bubble {
background-color: #fff !important;
border-radius: 3px !important;
box-shadow: 0 0 5px #000 !important;
}
.jfk-bubble-arrowimplbefore {
border-color: rgb(168, 168, 168) transparent !important;
}
.jfk-bubble-arrowimplafter {
border-color: rgb(255, 255, 255) transparent !important;
}
/* Some translate extensions fixes */
#gwg_balloon {
border: none !important;
box-shadow: none !important;
}
#tongue, #gwg_balloon #gwg_balloon_content, .ddict_div, .ddict_notification {
background: #202020 !important;
border: 1px solid rgba(0, 0, 0, .7) !important;
border-top-color: rgba(255, 255, 255, .12) !important;
border-radius: 3px !important;
box-shadow: 0px 0px 4px 0px #000 !important;
}
#tongue a.link, .ddict_sentence {
color: #ccc !important;
}
#gwg_pointer, #gwg_pointer_base {
border-color: rgb(60, 60, 60) transparent !important;
}
.ddict_div::before {
border-bottom-color: rgb(60, 60, 60) !important;
}
/* Grammarly text issue - Chrome & Firefox */
ghost span {
color: transparent !important;
}
/*///// Brandon Lucas's Top Bar Fix ///////////*/
div._1s4v._26aw._5fo2,div.__tw {
background-color: #202020 !important;
border-bottom: 1px solid rgba(0,0,0,.7) !important;
box-shadow: 0 0 4px #000 !important;
}
div._4-u8::before,div._4-u2::before,div._36nj::before {
border: 0px solid #000 !important;
border-bottom: 0px solid rgba(0,0,0,.7) !important;
box-shadow: none !important;
}
div._r_m {
margin-left: -22px !important;
}
div._2yaa::after {
background-color: rgb(22,22,22) !important;
border-color: rgba(0,0,0,.7) !important;
}
span.uiSearchInput::after {
background-color: rgb(18,18,18) !important;
}
/*///// Thanks ///////////*/