Skip to content

Instantly share code, notes, and snippets.

@spiralx
Created September 3, 2017 05:12
Show Gist options
  • Save spiralx/7737cac01568d26e2d65162c34da6b8a to your computer and use it in GitHub Desktop.
Save spiralx/7737cac01568d26e2d65162c34da6b8a to your computer and use it in GitHub Desktop.
Facebook - Material Design user style
/* -----------------------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