Created
September 3, 2017 05:12
-
-
Save spiralx/7737cac01568d26e2d65162c34da6b8a to your computer and use it in GitHub Desktop.
Facebook - Material Design user style
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* -----------------------Font------------------------ */ | |
| @font-face { | |
| font-family: Sahel; | |
| font-weight: normal; | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/v1.0.0-alpha9/dist/Sahel.woff); | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/v1.0.0-alpha9/dist/Sahel.woff?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/v1.0.0-alpha9/dist/Sahel.woff) format('woff'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/v1.0.0-alpha9/dist/Sahel.woff) format('truetype'); | |
| } | |
| @font-face { | |
| font-family: Sahel; | |
| font-weight: bold; | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Bold.woff); | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Bold.woff?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Bold.woff) format('woff'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Bold.woff) format('truetype'); | |
| } | |
| @font-face { | |
| font-family: Sahel; | |
| font-weight: 900; | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Black.woff); | |
| src: url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Black.woff#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Black.woff) format('woff'), url(https://cdn.rawgit.com/rastikerdar/sahel-font/d190010d/dist/Sahel-Black.woff) format('truetype'); | |
| } | |
| body *:not(._3z_5):not(.fbAggregatedMapBubble):not(.fbAggregatedMapPinText), | |
| ._6m6:not(.foo), | |
| ._6m7:not(.foo), | |
| ._5h55 ._6n0:not(.foo), | |
| ._5h55 ._5h59:not(.foo), | |
| ._5h55 ._1ui6:not(.foo), | |
| ._5h55 ._1ui7:not(.foo) { | |
| font-family: Sahel, Parastoo, "IRANSansWeb(NoEn)", "IranYekan", "Tahoma" !important; | |
| } | |
| /*-----------------------Font------------------------*/ | |
| ._4lh .fbTimelineTimePeriod, | |
| body._131._5vb_, | |
| html ._4lh, | |
| .fbTimelineTimePeriod, | |
| ._5vb_, | |
| ._5vb_ #contentCol { | |
| background-color: #f1f1f1; | |
| color: #1d2129; | |
| } | |
| ._585- { | |
| background-color: #f1f1f1; | |
| border: none; | |
| border-radius: 3px; | |
| box-shadow: inset 0 0 0 1px rgba(249, 249, 249, 0), inset 0 1px 0 0 rgba(229, 229, 229, 0), 0 -1px 0 0 rgba(47, 71, 122, 0); | |
| height: 24px; | |
| margin-left: 33px; | |
| margin-top: 0; | |
| max-width: 960px; | |
| overflow: hidden; | |
| padding-left: 5px; | |
| padding-right: 25px; | |
| position: relative; | |
| top: 9px; | |
| width: auto; | |
| } | |
| ._5861 ._586f, | |
| ._5861 ._586i { | |
| color: #fff !important; | |
| } | |
| ._262k ._uaw, | |
| ._5vb_ ._uaw { | |
| width: 880px !important; | |
| } | |
| ._585- ._4w98 { | |
| display: none !important; | |
| } | |
| ._5b71 ._50c9 { | |
| border: 1px solid #ccc; | |
| border-color: rgba(0, 0, 0, 0.15); | |
| border-radius: 0px; | |
| box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1); | |
| } | |
| ._5b71 { | |
| left: -1px; | |
| top: 3px; | |
| width: 582px !important; | |
| } | |
| ._585_ { | |
| display: none !important; | |
| } | |
| ._4-u2 { | |
| box-shadow: 0 -1px 0 #e5e5e5, 0 0 1px rgba(0, 0, 0, 0), 0 2px 6px rgba(0, 0, 0, 0.08); | |
| } | |
| ._2exj #userNavigation { | |
| border-radius: 0px; | |
| box-shadow: 0 1px 6px rgba(0, 0, 0, 0.19); | |
| top: 32px; | |
| } | |
| .fbTimelineCapsule .timelineUnitContainer { | |
| background: #fff; | |
| border-left: 1px solid rgba(196, 205, 224, 0); | |
| border-right: 1px solid rgba(196, 205, 224, 0); | |
| padding: 13px 15px; | |
| } | |
| ._4lh .timelineReportContainer, | |
| ._4lh .fbTimelineCapsule .timelineUnitContainer { | |
| border-left: 1px solid rgba(211, 214, 219, 0); | |
| border-right: 1px solid rgba(211, 214, 219, 0); | |
| border-radius: 8px !important; | |
| } | |
| .fbTimelineComposerCapsule { | |
| border-radius: 8px !important; | |
| } | |
| ._4lh .fbTimelineComposerCapsule { | |
| float: none; | |
| box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11); | |
| } | |
| ._1zw4 { | |
| background-color: #fff; | |
| border-left: 1px solid rgba(220, 222, 227, 0); | |
| border-right: 1px solid rgba(220, 222, 227, 0); | |
| } | |
| .uiBoxWhite { | |
| background-color: #fff; | |
| border: 1px solid rgba(204, 204, 204, 0); | |
| } | |
| ._596n { | |
| background-color: #f1f1f1; | |
| border: 1px solid rgba(189, 193, 201, 0); | |
| border-top-color: rgba(178, 178, 178, 0); | |
| margin: -4px 0 -4px -4px; | |
| width: 321px; | |
| } | |
| ._513x { | |
| background-size: auto; | |
| background-position: 0px -2px; | |
| bottom: -1px; | |
| display: none; | |
| height: 9px; | |
| left: 50%; | |
| margin-left: -8px; | |
| position: absolute; | |
| width: 17px; | |
| } | |
| #fbProfileCover .coverBorder { | |
| border: 0px solid #000; | |
| border-color: rgba(0, 0, 0, 0); | |
| border-top-color: rgba(0, 0, 0, 0.1); | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| ._6-d #fbProfileCover .coverNoImage, | |
| ._6-d #fbProfileCover .coverBorder { | |
| background: none; | |
| border-bottom-color: rgba(0, 0, 0, 0); | |
| } | |
| .fbTimelineCapsule .fbTimelineUnit .topBorder, | |
| .fbTimelineCapsule .fbTimelineUnit .bottomBorder { | |
| display: none; | |
| } | |
| ._1nc6 ._5w1r, | |
| ._1nc6 ._3okg:before { | |
| background-color: #ddd; | |
| background-image: none; | |
| } | |
| ._5w1r { | |
| border-radius: 0px; | |
| } | |
| ._202.selected { | |
| background: #ECECEC; | |
| } | |
| ._5tlx { | |
| border: 1px solid rgba(204, 204, 204, 0); | |
| border-radius: 0px 0px 6px 6px; | |
| border-color: rgba(255, 255, 255, 1); | |
| box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); | |
| } | |
| ._50c9 { | |
| background: #fff; | |
| border-radius: 0px; | |
| } | |
| ._1et7._207 ._205, | |
| ._1et7._207 ._7gk, | |
| ._1et7._207 ._k83 { | |
| height: 55px; | |
| } | |
| ._k83 ._20h { | |
| height: 40px; | |
| margin: 6px 0 0 0; | |
| width: 40px; | |
| border-radius: 50px; | |
| } | |
| ._5pat ._5sq7 { | |
| height: 50px; | |
| width: 50px; | |
| border-radius: 50px; | |
| } | |
| ._1et7._207 ._53ad { | |
| margin: 15px 0 0; | |
| } | |
| ._55lt img { | |
| display: block; | |
| border-radius: 50px; | |
| } | |
| ._5v9u:after { | |
| border: 1px solid rgba(0, 0, 0, 0); | |
| bottom: 0; | |
| content: ''; | |
| left: 0; | |
| position: static; | |
| right: 0; | |
| top: 0; | |
| } | |
| ._3zsi { | |
| background: #f6f7f8; | |
| border-bottom: 1px solid #e9eaed; | |
| border-top: 1px solid #e9eaed; | |
| line-height: 26px; | |
| padding: 3px 7px 2px; | |
| text-transform: none; | |
| } | |
| ._5tlx._5xzd { | |
| box-sizing: border-box; | |
| left: -33px; | |
| } | |
| .uiContextualLayer._5tlx._5xzd.uiContextualLayerBelowLeft { | |
| width: 504px; | |
| margin-top: 14px; | |
| } | |
| a { | |
| cursor: pointer; | |
| text-decoration: none; | |
| } | |
| ._585- ._5861 { | |
| background: none; | |
| color: #333; | |
| cursor: text; | |
| height: 23px; | |
| overflow: hidden; | |
| padding: 0; | |
| text-indent: 2px; | |
| width: inherit; | |
| margin-top: 7px; | |
| } | |
| ._5lus { | |
| float: left; | |
| margin-left: -8px; | |
| margin-top: 8px; | |
| padding-right: 1px; | |
| position: absolute; | |
| z-index: 5; | |
| } | |
| ._2exj { | |
| height: 22px; | |
| margin: 16px 0 10px 5px; | |
| } | |
| .__tw { | |
| border: 0px solid rgba(100, 100, 100, .1); | |
| -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .20); | |
| margin-top: 3px; | |
| border-radius: 0 0 10px 10px; | |
| } | |
| ._8-a ._8-b { | |
| top: 33px; | |
| } | |
| ._2exj ._3tmp #userNavigation { | |
| background: #fff; | |
| border: 1px solid rgba(100, 100, 100, 0); | |
| position: absolute; | |
| top: 39px; | |
| z-index: 1; | |
| } | |
| ul { | |
| list-style-type: none; | |
| } | |
| ._55y4 ._bui .sideNavItem .linkWrap { | |
| margin-top: 2px; | |
| } | |
| html ._5t_y ._2wr, | |
| html ._5p3y ._5t_y ._2wr { | |
| background-repeat: no-repeat; | |
| background-size: auto; | |
| background-position: -19px -955px; | |
| height: 6px; | |
| left: 50%; | |
| margin-left: -3px; | |
| top: 28px; | |
| width: 11px; | |
| } | |
| ._5p3y ._519b ._2wr { | |
| top: 20px; | |
| } | |
| ._5t_y ._1dsl { | |
| border-bottom: 1px solid #e5e5e5; | |
| height: 36px; | |
| margin: 12px; | |
| padding: 4px 0 2px; | |
| } | |
| ._5t_y ._1dsp { | |
| background-color: #f1f1f1; | |
| border-top-color: #e9eaed; | |
| height: 46px; | |
| } | |
| ._5t_y ._52lb { | |
| overflow: hidden; | |
| margin-top: 3px; | |
| } | |
| .uiHeader h3, | |
| .uiHeader h4 { | |
| margin-top: 6px; | |
| } | |
| ._33e { | |
| height: 50px; | |
| color: #333; | |
| display: block; | |
| outline: none; | |
| padding: 15px 28px 14px 20px !important; | |
| position: relative; | |
| } | |
| ._33c:hover ._55m9, | |
| ._33c ._55m9:focus, | |
| ._33c ._1_0c.selected { | |
| right: 13px; | |
| } | |
| ._33h { | |
| background-repeat: no-repeat; | |
| background-size: 50px 50px; | |
| display: block; | |
| height: 50px; | |
| margin-right: 8px; | |
| width: 50px; | |
| border-radius: 50px; | |
| } | |
| ._8o, | |
| ._8o .img, | |
| .splitpics { | |
| border-radius: 50px; | |
| } | |
| .litestandClassicWelcomeBox.fbxWelcomeBox .fbxWelcomeBoxBlock:after { | |
| border: 0px solid rgba(0, 0, 0, 0.1); | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| ._4kg._704>li { | |
| padding-bottom: 22px; | |
| } | |
| ._1y2l .jewelContent a.messagesContent { | |
| padding: 15px 28px 14px 20px !important; | |
| } | |
| ._1y2l .content { | |
| margin-bottom: 10px; | |
| } | |
| .__tw .x_div { | |
| position: absolute; | |
| right: 13px; | |
| top: 7px; | |
| transition: margin-right 250ms; | |
| z-index: 2; | |
| } | |
| .__tw .jewelFooter a { | |
| border-bottom-left-radius: 10px; | |
| border-bottom-right-radius: 10px; | |
| padding: 15px; | |
| height: 15px; | |
| } | |
| ._5v9k .UFIAddComment .UFIImageBlockImage:after, | |
| ._5v9k .UFIComment .UFIImageBlockImage:after { | |
| border: 0px solid rgba(0, 0, 0, 0.1); | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .friendBrowserPhotoCrop { | |
| background: rgba(233, 234, 237, 0); | |
| height: 75px; | |
| width: 75px; | |
| overflow: hidden; | |
| position: absolute; | |
| } | |
| ._2tk { | |
| background-color: #f1f1f1; | |
| } | |
| ._5v3q ._5pcp, | |
| ._5v3q ._5pcp a.uiLinkSubtle, | |
| ._5v3q ._5ptz, | |
| ._5v3q a._5pcq { | |
| color: #9197a3; | |
| margin-bottom: -0px; | |
| } | |
| ._1et7 ._5b1w { | |
| background-repeat: no-repeat; | |
| background-size: auto; | |
| height: 40px; | |
| width: 40px; | |
| margin-top: 7px; | |
| border-radius: 50px; | |
| } | |
| .sp_clgzCDXCKx4_2x { | |
| width: 100%; | |
| } | |
| .friendListSubHeader { | |
| display: none; | |
| } | |
| ._5bsm ._mp3 { | |
| position: relative; | |
| display: none; | |
| } | |
| #fbTimelineHeadline .profilePicThumb { | |
| background: #000; | |
| border-radius: 0px; | |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); | |
| } | |
| #fbTimelineHeadline .profilePic { | |
| border-radius: 0px; | |
| height: 160px; | |
| width: 160px; | |
| } | |
| ._3y89 { | |
| border: 1px solid rgba(0, 0, 0, 0.04); | |
| border-radius: 2px; | |
| } | |
| ._6-7 ._513x { | |
| display: none; | |
| } | |
| ._2-d1 { | |
| padding: 8px 0 8px 1px; | |
| top: 52px; | |
| width: 122px; | |
| z-index: 1; | |
| } | |
| ._519b ._9lb { | |
| color: #a9a9a9; | |
| cursor: default; | |
| text-decoration: none; | |
| } | |
| a#u_0_t { | |
| color: #a9a9a9; | |
| } | |
| ._59pe:focus, | |
| ._59pe:hover, | |
| ._517h._42fr:active, | |
| ._517h._42fr._42fs { | |
| border-color: #ddd #e5e5e5 #d5d5d5; | |
| color: #a9a9a9; | |
| text-shadow: 0 1px 0 #fff; | |
| } | |
| i.mrs.img.sp_Oca9IaALyGU.sx_c43e8f, | |
| i._3-99.img.sp_SGyckCtWV0w.sx_dcf537 { | |
| opacity: 0.6; | |
| } | |
| ._18-- { | |
| border-bottom: 0px solid #dcdee3; | |
| margin-bottom: 26px; | |
| } | |
| ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea { | |
| width: 567px!important; | |
| } | |
| ._1et7._207 ._k83 { | |
| border-radius: 50px; | |
| line-height: 40px; | |
| margin-top: 0; | |
| width: 40px; | |
| } | |
| ._55lt img, | |
| ._s0, | |
| ._bth, | |
| ._k83 ._20h, | |
| ._5qrt .ego_unit .lfloat > .img { | |
| border-radius: 50px; | |
| } | |
| .fbTimelineStickyHeader .stickyHeaderWrap { | |
| margin-top: 10px; | |
| } | |
| img#u_0_d { | |
| display: none; | |
| } | |
| .fbRequestList.hasPYMK { | |
| background-color: #fff; | |
| } | |
| ._3nzk .fbRequestList .listGray { | |
| background-color: #fff; | |
| } | |
| ._3nzk ._3nzq ul { | |
| border-bottom: 0px solid #e9e9e9; | |
| padding-bottom: 0px; | |
| padding-top: 0px; | |
| } | |
| .__tw .jewelHeader { | |
| border-bottom: solid 0px rgba(100, 100, 100, 0.22); | |
| height: 24px; | |
| } | |
| .friendingActionsJewel { | |
| margin: -12px 4px -14px 0; | |
| margin-right: 37px; | |
| } | |
| ul#fbRequestsList { | |
| margin-bottom: 0px; | |
| } | |
| .fbxWelcomeBoxSmall .fbxWelcomeBoxProfilePicBlock:after { | |
| border: 0px solid rgba(0, 0, 0, 0.1); | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| ._53il ._558b { | |
| padding-top: 15px; | |
| } | |
| ._53il ._558b+._53io { | |
| top: 6px; | |
| width: 16px; | |
| } | |
| img._s0.friendPhoto._rv.img { | |
| border-radius: 0px; | |
| } | |
| ._4jy0, | |
| ._59pe:focus, | |
| ._59pe:hover { | |
| background-image: none; | |
| } | |
| h5#js_1b { | |
| margin-top: 5px; | |
| } | |
| ._558b ._54ng { | |
| background-clip: padding-box; | |
| background-color: #fff; | |
| border: 0px solid rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18); | |
| } | |
| ul._54nf { | |
| margin-bottom: 1px; | |
| } | |
| ._269w { | |
| height: 16px; | |
| } | |
| ._2sb4 ._2sb5 img { | |
| border-top-left-radius: 50px; | |
| border-top-right-radius: 50px; | |
| border-bottom-left-radius: 50px; | |
| border-bottom-right-radius: 50px; | |
| } | |
| ._6-d .fbTimelineSection { | |
| border: 0px solid #d3d6db; | |
| border-radius: 0 0 0px 0px; | |
| box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); | |
| } | |
| ._51mx:first-child>._51m- { | |
| padding-top: 0px; | |
| } | |
| ._5q5b .fbNubFlyoutTitlebar { | |
| background: #266db2; | |
| border: 6px solid #266db2; | |
| position: relative; | |
| } | |
| ._5q5b .fbNubFlyoutTitlebar:before { | |
| background-color: #266db2; | |
| content: ''; | |
| position: absolute; | |
| height: 1px; | |
| bottom: 2px; | |
| left: 0; | |
| right: 0; | |
| z-index: 1; | |
| } | |
| ._50mz.focusedTab .titlebar { | |
| background-color: #266db2; | |
| } | |
| .openToggler>._5vto, | |
| .openToggler>._5vto:hover, | |
| .openToggler>._5vto:focus, | |
| .openToggler>._5vto:active { | |
| background-color: #266db2; | |
| border-color: #266db2 #266db2 #266db2; | |
| box-shadow: none; | |
| color: #fff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| } | |
| ._558b ._54ne ._54nc { | |
| background-color: #266db2; | |
| border-color: #266db2; | |
| color: #fff; | |
| } | |
| ._9jo ._54ne .uiLinkButton input, | |
| ._9jo ._54ne a.navSubmenu, | |
| ._9jo li.navSubmenu._54ne a, | |
| ._9jo li._54ne { | |
| background-color: #266db2; | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| .clearfix._5142 { | |
| background-color: #fff; | |
| } | |
| ._1bgx { | |
| background-color: #266db2; | |
| } | |
| .sp_jLXi9cTL3yX { | |
| background-size: auto; | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| height: 24px; | |
| width: 24px; | |
| margin-top: -15px; | |
| } | |
| .plm { | |
| padding-left: 10px; | |
| } | |
| ._5pcm { | |
| border-left: 1px solid #eaeaea; | |
| } | |
| a.UFIBlingBox.uiBlingBox.feedbackBling.UFIBlingBoxRevised { | |
| margin-top: 20px; | |
| } | |
| ._5vb_, | |
| ._5vb_ #contentCol { | |
| color: #141823; | |
| } | |
| #u_l_4 { | |
| margin-top: 25px; | |
| } | |
| button._42ft._4jy0._11b._4jy3._4jy1.selected._51sy { | |
| line-height: 32px; | |
| width: 40px; | |
| background-color: #266db2; | |
| } | |
| ._5t_y ._1dso { | |
| margin: 8px; | |
| margin-top: 6px; | |
| } | |
| ._4jy3, | |
| ._4jy3._42fr:active, | |
| ._4jy3._42fr._42fs { | |
| line-height: 32px; | |
| } | |
| ._4f7n { | |
| background-image: none; | |
| box-shadow: 2px 2px 8px rgba(58, 58, 58, 0.15); | |
| } | |
| a._8o._8t.lfloat._ohe { | |
| margin-top: 5px; | |
| } | |
| ._3nzk .friendBrowserExtraSpacing { | |
| margin-top: -6px; | |
| } | |
| ._50-0._50z- { | |
| margin-top: 10px; | |
| } | |
| ._36bx ._2dck ._1mf7 { | |
| line-height: 32px; | |
| } | |
| ._21mm, | |
| ._uaw, | |
| ._4f7n { | |
| height: 65px; | |
| } | |
| ._2exj { | |
| height: 22px; | |
| margin: 21px 0 10px 5px; | |
| } | |
| ._4w96._585- { | |
| border: 0px solid #3a5795 !important; | |
| border-radius: 4px; | |
| box-shadow: none; | |
| box-sizing: border-box; | |
| height: 26px; | |
| left: -1px; | |
| padding-right: 48px; | |
| top: 13px; | |
| } | |
| a._48pw { | |
| margin-top: 10px; | |
| } | |
| span#u_0_w { | |
| margin-top: -5px; | |
| } | |
| .sp_ut0s6v9ZOuY.sx_a9dbb8 { | |
| width: 17px; | |
| background-position: -0px -17px; | |
| } | |
| ._52lb._3-7.lfloat._ohe { | |
| margin-top: 6px; | |
| } | |
| ul.uiList._1dsl._509-._4ki._6-h._6-j._4ks { | |
| margin-top: 19px; | |
| } | |
| ._5ay5 ._137a { | |
| position: relative; | |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); | |
| } | |
| ul#u_jsonp_4_2s { | |
| top: 59px; | |
| } | |
| ._5vx4._5vx6 ._5vwy ._13xf { | |
| background: #266db2; | |
| } | |
| ._5vwy a { | |
| color: #266db2; | |
| font-weight: bold; | |
| } | |
| span.uiIconText._51z7 { | |
| color: #266db2; | |
| } | |
| ._5pr2 ._56p9:after { | |
| border: 0px solid rgba(0, 0, 0, 0.15); | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| a._55ln { | |
| margin-top: 4px; | |
| } | |
| a#js_55 { | |
| background-color: #266db2; | |
| } | |
| div#u_0_1j { | |
| box-shadow: 0 1px 6px rgba(0, 0, 0, 0.09); | |
| } | |
| .sidebarMode .webkit #globalContainer .fixed_elem, | |
| .sidebarMode .webkit #globalContainer .fixed_always { | |
| margin: 0px; | |
| } | |
| .fixed_always ._18fs { | |
| margin-top: 0px; | |
| } | |
| img._20h { | |
| border-radius: 50px; | |
| } | |
| ._38vo:after { | |
| border: 0px solid rgba(0, 0, 0, 0.1); | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| ._w8_ { | |
| padding: 3px 2px 1px; | |
| } | |
| ._5vsj .UFIAddComment.UFIFirstComponent { | |
| padding-top: 8px; | |
| background-color: #f1f1f1; | |
| } | |
| ._8y9.rfloat._ohf { | |
| padding: 10px 2px 0 8px; | |
| } | |
| ._20fw ._50mz.highlightTab .fbNubButton, | |
| ._20fw .fbNubFlyoutTitlebar { | |
| height: 40px; | |
| padding-right: 3px; | |
| background: none; | |
| background-color: #f1f1f1; | |
| } | |
| ._50mz .titlebar .titlebarTextWrapper { | |
| color: #fff; | |
| font-size: 12px; | |
| margin: 6px 8px 3px; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| img#profile_pic_header_100001283251533 { | |
| border-top-left-radius: 0px; | |
| border-top-right-radius: 0px; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| ._50mz.highlightTab .fbNubButton { | |
| transition: background 0.1s; | |
| background-color: #f1f1f1; | |
| } | |
| ._50mz.highlightTab.highlightTitle .fbNubButton { | |
| transition: background 0.1s; | |
| background-color: #266db2 !important; | |
| } | |
| ._50mz.highlightTab.highlightTitle .name.fwb span { | |
| transition: color 0.1s; | |
| color: white; | |
| } | |
| ._50mz.highlightTab .name.fwb span { | |
| transition: color 0.1s; | |
| color: black; | |
| } | |
| ._2md { | |
| white-space: nowrap; | |
| width: 24px; | |
| margin-top: 10px; | |
| } | |
| /*------------------------ad on profile------------------------*/ | |
| div.ego_section { | |
| margin-left: 0px !important; | |
| padding: 0 5px; | |
| } | |
| .profileLink, | |
| .UFICommentActorName, | |
| span.fwb a, | |
| div.fwb a, | |
| span.fcg a, | |
| .UFINoWrap, | |
| .UFIPagerLink, | |
| div.fbPhotoContributorName a, | |
| .UFIShareLink, | |
| div.fsm .UFILikeLink, | |
| .UFIReplyLink, | |
| ._58cm, | |
| .userContent a { | |
| color: #0363a3 !important; | |
| } | |
| /*------------------------------------------------------*/ | |
| div#leftCol { | |
| background: none !important; | |
| } | |
| div#leftCol span { | |
| color: black !important; | |
| } | |
| ._1qkx { | |
| width: 570px !important; | |
| } | |
| ._14i5 { | |
| right: 250px; | |
| } | |
| ._262k ._uaw, | |
| ._5vb_ ._uaw { | |
| width: 880px !important; | |
| } | |
| ._5861 .DOMControl_placeholder, | |
| ._5861 ._586j { | |
| color: rgba(255, 255, 255, 0.55); | |
| } | |
| ._4f7n:after { | |
| background-image: none; | |
| } | |
| /*------------------------------------------------------*/ | |
| ._5vb_.hasLeftCol ._5r-_ div#rightCol { | |
| width: 209px; | |
| } | |
| ._1qku { | |
| width: 238px !important; | |
| } | |
| ._14iw { | |
| left: 582px; | |
| } | |
| div._3g77 { | |
| width: 90px; | |
| } | |
| div#rightCol li div.mbm { | |
| margin-top: 0; | |
| } | |
| ._2n5- { | |
| width: 54.5px; | |
| } | |
| ._hc0 ._50zm { | |
| width: 238px !important; | |
| } | |
| ._hbs { | |
| width: 190px; | |
| } | |
| ._xiw .uiScaledImageContainer, | |
| ._58d3 a div .uiScaledImageContainer { | |
| height: 87px !important; | |
| width: auto !important; | |
| } | |
| ._2xv, | |
| ._2xq { | |
| width: auto; | |
| } | |
| .ego_unit img._42xb.img { | |
| height: auto; | |
| width: 100%; | |
| } | |
| ._xiw { | |
| width: 100%; | |
| } | |
| ._2qds .img, | |
| ._2ep3 .img { | |
| height: 64.5px; | |
| width: auto; | |
| } | |
| /*---------------ADS------------------*/ | |
| .ego_unit_container ul._2xq, | |
| ul._2xv._go7, | |
| li._2xr._2xn, | |
| ._2xv._go7, | |
| .ego_unit_container ._46-h, | |
| .ego_unit_container .uiScaledImageContainer { | |
| width: 204px !important; | |
| height: auto !important; | |
| } | |
| .ego_unit img.scaledImageFitHeight { | |
| left: 0 !important; | |
| width: 195px; | |
| } | |
| ._2xv._go7 { | |
| height: 180px !important; | |
| } | |
| .d_7jw38-d1o { | |
| width: 100%; | |
| } | |
| /*GAMESPAGE*/ | |
| /*groups only*/ | |
| .groups_rhc { | |
| padding-top: 341px; | |
| } | |
| /*------------------------Feed------------------------*/ | |
| /*COMMENT SECTION SLIDE UNDER*/ | |
| ._5vsi, | |
| ._3-8r { | |
| border-radius: 0 0px 8px 8px; | |
| background: #fff; | |
| } | |
| ._5vsj._5vsj._5vsj { | |
| box-shadow: inset 0px 22px 9px -10px #ddd; | |
| margin-top: -10px; | |
| padding-top: 10px; | |
| } | |
| ._5vsj .UFIRow._4204 { | |
| border-top: none; | |
| } | |
| ._5vsj .UFIRow { | |
| background: none; | |
| } | |
| ._54ng { | |
| border-radius: 5px !important; | |
| } | |
| ._5vsj._5vsj._5vsj, | |
| ._5vsj .UFIRow._2o9m { | |
| border-radius: 0 0 8px 8px !important; | |
| } | |
| ._4-u2, | |
| ._5va1 { | |
| border-radius: 8px !important; | |
| } | |
| ._4wye ._3xaf, | |
| ._4wye ._3xaf::before { | |
| box-shadow: none !important; | |
| } | |
| ._36bx._4a60, | |
| ._36bx._36bx._4a60::before { | |
| box-shadow: none; | |
| } | |
| ._3-8r { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| ._a7s { | |
| padding-top: 7px; | |
| padding-left: 7px; | |
| height: 25px; | |
| } | |
| ._150c ._53j5._1hwh, | |
| ._1hwh ._ox1, | |
| ._1hwh embed, | |
| ._1hwh object { | |
| background-color: #000; | |
| height: 100% !important; | |
| width: 100% !important; | |
| } | |
| /*---FIXED VIDEO---*/ | |
| /* | |
| .home ._150c ._53j5 video { | |
| height: calc(100% + 35px); | |
| } | |
| */ | |
| ._dcs._4_w4 { | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| /* | |
| .home ._150c ._53j5 { | |
| zoom: 120%; | |
| } | |
| */ | |
| ._2a2q { | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| ._6m2.clearfix._5cwb { | |
| background: #ebedef; | |
| border-radius: 10px; | |
| } | |
| ._6m2.clearfix._dcs { | |
| background: #f9f9f9; | |
| border-radius: 10px; | |
| } | |
| ._59ap div.fbStoryAttachmentImage, | |
| ._5inf div.fbStoryAttachmentImage { | |
| width: 545px !important; | |
| height: 100% !important; | |
| } | |
| ._6kt._6l- div.fbStoryAttachmentImage { | |
| height: 158px !important; | |
| width: 158px !important; | |
| } | |
| ._517h, | |
| ._59pe:focus, | |
| ._59pe:hover, | |
| ._517h._42fr:active, | |
| ._517h._42fr._42fs, | |
| ._4jy0 { | |
| border-radius: 5px; | |
| text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); | |
| } | |
| ._517h, | |
| ._59pe:focus, | |
| ._59pe:hover { | |
| color: #4b4f56; | |
| } | |
| ._51xa > ._4jy0:first-child, | |
| ._51xa > :first-child ._4jy0 { | |
| border-radius: 5px 0 0 5px; | |
| } | |
| ._51xa > ._4jy0:last-child, | |
| ._51xa > :last-child ._4jy0 { | |
| border-radius: 0 5px 5px 0; | |
| } | |
| .UFICommentContent ._6l- div.fbStoryAttachmentImage, | |
| ._5inf div.fbStoryAttachmentImage { | |
| width: inherit !important; | |
| } | |
| ._53j5._1hwh._52fb { | |
| width: 100% !important; | |
| } | |
| ._4rc5._4rc5 { | |
| background: none; | |
| } | |
| ._4rc5._4rc5 video { | |
| border-radius: 50px; | |
| } | |
| ._qa1, | |
| ._2yq ._4-u2::before { | |
| border: none !important; | |
| } | |
| ._6lm _4m78 { | |
| border-radius: 50% !important; | |
| } | |
| ._6ll { | |
| background: none !important; | |
| } | |
| ._53ii ._53ij { | |
| border-radius: 10px !important; | |
| } | |
| div._4-7n ._572u { | |
| border-radius: 0 0 10px 10px; | |
| } | |
| /* | |
| ._1zl9 ._5v3q ._4-eo .uiScaledImageContainer { | |
| width: 100% !important; | |
| height: 100% !important; | |
| } | |
| .uiScaledImageContainer .scaledImageFitHeight { | |
| height: 100%; | |
| width: 540px; | |
| } | |
| */ | |
| /* Comment type box */ | |
| .UFICommentContainer .UFIInputContainer { | |
| border-radius: 10px !important; | |
| } | |
| .UFIAddCommentInput { | |
| border-radius: 10px 0 0 10px; | |
| } | |
| ._4-eo { | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| ._2-sm { | |
| color: white; | |
| } | |
| ._4m78, | |
| ._4m78 .scaledImageFitWidth { | |
| border-radius: 100px; | |
| } | |
| /*------------------------Search------------------------*/ | |
| div#u_9_2, | |
| div._5861 { | |
| top: -2px; | |
| } | |
| ._585- { | |
| background-color: #F6F7F9; | |
| border: solid #F6F7F9 1px; | |
| border-radius: 10px; | |
| box-shadow: inset 0 0 0 1px rgba(249, 249, 249, 0), inset 0 1px 0 0 rgba(229, 229, 229, 0), 0 -1px 0 0 rgba(47, 71, 122, 0); | |
| height: 33px; | |
| margin-left: 33px; | |
| margin-top: 0; | |
| max-width: 654px; | |
| overflow: hidden; | |
| padding-left: 10px; | |
| padding-right: 25px; | |
| position: relative; | |
| top: 10px; | |
| width: auto; | |
| } | |
| ._50tm { | |
| margin-left: 5px; | |
| } | |
| ._2t-e { | |
| padding-right: 5px; | |
| } | |
| /*------------------------name,notification buttons------------------------*/ | |
| div._2t-f { | |
| margin-top: 4.5px; | |
| } | |
| /*------------------------pages/settings dropdown------------------------*/ | |
| ._54ng div.uiScrollableAreaWrap { | |
| max-height: 900px !important; | |
| } | |
| /*---------------------"whats on your mind" Status box------------------------*/ | |
| li._1tm3 { | |
| padding: 5px 16px 1px 18px; | |
| } | |
| ._2vwi { | |
| margin: 17px; | |
| } | |
| #u_0_17 { | |
| padding-left: 7px; | |
| } | |
| ._2dck { | |
| border-radius: 0 0 8px 8px; | |
| } | |
| ._42k7 ._3hvt ._bth { | |
| margin: 6px; | |
| } | |
| ._4-h8 { | |
| bottom: -11px; | |
| } | |
| ._4-u2 > ._4-u3:first-child { | |
| border-radius: 8px 8px 0 0 !important; | |
| } | |
| ._3xem { | |
| border-bottom-left-radius: 8px; | |
| } | |
| ._3ubp._sg2 { | |
| border-radius: 8px 8px 0px 0px !important; | |
| } | |
| /* | |
| div._4d6h { | |
| height: 24px; | |
| } | |
| */ | |
| /*-------------------------------Logo-------------------------------*/ | |
| a._19eb { | |
| height: 24px; | |
| margin-top: 4.5px; | |
| margin-left: -2px; | |
| background-color: #29487d !important; | |
| } | |
| span._2md { | |
| margin: 0; | |
| height: 24px; | |
| width: 24px; | |
| background-color: #29487d !important; | |
| } | |
| ._2md { | |
| background-image: url("https://www.dropbox.com/s/ddd9f2vv64gv5wc/facebook_logo.jpeg?raw=1"); | |
| background-repeat: no-repeat; | |
| background-size: 32px; | |
| background-position: center; | |
| display: block; | |
| height: 24px; | |
| outline: none; | |
| overflow: hidden; | |
| text-indent: -999px; | |
| width: 24px; | |
| background-color: #29487d !important; | |
| border-radius: 50%; | |
| } | |
| /*------------------------New Stories Bubble------------------------*/ | |
| div._2f6b { | |
| margin-top: 25px; | |
| } | |
| /*------------------------------Chat--------------------------------*/ | |
| .fbNub._50mz.highlightTab .fbNubButton, | |
| .fbNub._50mz .fbNubFlyoutTitlebar { | |
| height: 40px; | |
| } | |
| .fbNub._50mz .titlebar .titlebarText, | |
| .fbNub._50mz.highlightTab .fbNubButton .name, | |
| .fbNub._50mz.highlightTab .fbNubButton, | |
| .fbNub._50mz.focusedTab .fbNubButton .name { | |
| transition: color 0.1s ease; | |
| } | |
| /* | |
| .fbNub._50mz.highlightTab .fbNubButton, | |
| .fbNub._50mz .fbNubFlyoutTitlebar._1m34 { | |
| background-color: currentColor !important; | |
| background-image: url("https://dl.dropboxusercontent.com/s/5pcu4bste2fjmwy/transparent-grey.png") | |
| } | |
| .fbNub._50mz.highlightTitle .fbNubFlyoutTitlebar { | |
| background-color: currentColor !important; | |
| background-image: url("https://dl.dropboxusercontent.com/s/8rw6lvvw4cbk5yy/transparent-grey-hilite.png?dl=0") | |
| } | |
| */ | |
| ._20fw .highlightTab .fbNubButton:focus, | |
| ._20fw ._50mz.focusedTab .fbNubFlyoutTitlebar { | |
| transition: background 0.5s; | |
| /* | |
| background: none; | |
| background-color: #f1f1f1; | |
| background-image: none; | |
| */ | |
| } | |
| .fbDockChatTabFlyout { | |
| height: 335px; | |
| } | |
| ._4mq3 .fbNubFlyoutTitlebar { | |
| height: 28px; | |
| padding: 6px; | |
| } | |
| ._50mz .fbNubButton, | |
| ._4mq3 .fbNubButton, | |
| ._50mz.highlightTab .fbNubButton { | |
| box-shadow: 2px 0px 3px #aaa; | |
| background: #f6f7f9; | |
| } | |
| .fbNub._50mz .titlebar .titlebarTextWrapper, | |
| .fbNub._206m._5r93 .titlebarTextWrapper { | |
| margin: 0px 8px 3px; | |
| } | |
| ._2pis, | |
| ._206o div.titlebarButtonWrapper { | |
| padding-top: 7px; | |
| } | |
| ._206o div.titlebarLabel { | |
| padding-top: 10px; | |
| } | |
| .fbNub._50mz .fbNubButton { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| } | |
| ._48gf, | |
| .fbNub._50mz { | |
| height: 35px; | |
| } | |
| ._1nc6 ._5w1r { | |
| background: none; | |
| } | |
| ._552h { | |
| padding: 5px 4px 5px; | |
| } | |
| span._mh6 div._5rp7._5rp8 { | |
| border: 1px solid #eee; | |
| border-radius: 13px; | |
| background: #fff; | |
| box-shadow: 0.5px 0.5px 1px #eee; | |
| padding: 4px; | |
| } | |
| ._5rp8 ._1p1t { | |
| left: auto; | |
| } | |
| .fbNub._50mz .fbNubFlyoutFooter { | |
| background: #f6f7f9; | |
| } | |
| ._206o ._1xhu { | |
| padding: 6px; | |
| } | |
| /*-----------------------Post popup thing------------------------*/ | |
| ._206m .fbNubFlyoutTitlebar { | |
| height: 39px; | |
| } | |
| /*--------------------------Trending---------------------------*/ | |
| .newsFeedComposer ._5v6e .home_right_column, | |
| ._268y { | |
| min-height: 0; | |
| } | |
| /* Thanks to for this part Weizz L. */ | |
| /* News Feed */ | |
| ._l95 { | |
| box-shadow: none; | |
| margin-bottom: 0px; | |
| } | |
| /* Profile (Remove Gradient | Add Text-Shadow | Center Profiles )*/ | |
| ._32jy ul { | |
| text-align: center; | |
| } | |
| ._32jw { | |
| border: none; | |
| background: none !important; | |
| } | |
| ._32jx ._32jv { | |
| text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); | |
| } | |
| ._32jx { | |
| background: none; | |
| } | |
| /* Border Radius on Profile Pictur ._3s6x */ | |
| ._3s6x { | |
| border: none !important; | |
| background: none !important; | |
| text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important; | |
| } | |
| /* Added Border Radius to Fanpage Picture */ | |
| _2phz _4-u2 _4-u8, | |
| ._4jhq { | |
| border-radius: 50% !important; | |
| } | |
| ._qa1, | |
| ._2yq ._4-u2::before { | |
| border: none !important; | |
| } | |
| ._6lm _4m78 { | |
| border-radius: 50% !important; | |
| } | |
| ._6ll { | |
| background: none !important; | |
| } | |
| /*------------------------Dark blue Facenook top bar------------------------*/ | |
| #globalContainer { | |
| margin-top: 20px; | |
| } | |
| #pagelet_bluebar, | |
| ._2s1x ._2s1y { | |
| height: 50px; | |
| background-image: none; | |
| background-repeat: repeat-x; | |
| background-size: auto; | |
| background-position: 0 0; | |
| background-color: #29487d !important; | |
| border-bottom: 0px solid #29487d; | |
| box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.33); | |
| color: #fff; | |
| } | |
| /* rounded */ | |
| ._3m75 ._5afe > .imgWrap > .img, | |
| .fbTimelineProfilePicSelector._23fv { | |
| border-radius: 500px !important; | |
| } | |
| ._2s25 { | |
| border-radius: 50px !important; | |
| } | |
| ._5l74 { | |
| margin: 55px 8px 0 0; | |
| } | |
| ._5qqe { | |
| height: 50px; | |
| } | |
| ._3s6x { | |
| border-radius: 50px; | |
| } | |
| ._5861 ._1frb { | |
| padding-right: 30px; | |
| } | |
| ._5vsj.UFIContainer .UFIReplyList .UFIAddComment .UFIAddCommentInput { | |
| padding-top: 3px; | |
| } | |
| /* .fbProfileBrowserListItem */ | |
| ._4kg._704 > li { | |
| padding-bottom: 10px; | |
| } | |
| /* Extra customization */ | |
| /*------------------------ HomePage's Main Stream width--------------*/ | |
| /* | |
| ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea { | |
| width: 680px !important; | |
| margin-left: 80px; | |
| } | |
| */ | |
| /*------------------------No Chat------------------------*/ | |
| /* | |
| .uiToggle._4962._1z4y, | |
| #pagelet_dock, | |
| #pagelet_sidebar { | |
| display: none; | |
| } | |
| */ | |
| /*------------------------No right Colm------------------------*/ | |
| /* | |
| #rightCol { | |
| display: none !important; | |
| } | |
| */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment