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 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