Skip to content

Instantly share code, notes, and snippets.

@nicksheffield
Last active June 21, 2018 16:04
Show Gist options
  • Save nicksheffield/4056562 to your computer and use it in GitHub Desktop.
Save nicksheffield/4056562 to your computer and use it in GitHub Desktop.
Facebook custom styles (stylebot)
#blueBar {
background: -webkit-linear-gradient(#444, #111);
border-bottom: 1px solid #000;
border-top: 1px solid black;
box-shadow: 0 0 30px rgba(0,0,0,0.8) ;
height: auto;
position: fixed;
}
#blueBar a:hover {
background-color: transparent;
}
#blueBar div#pageHead {
padding: 4px;
}
#blueBarHolder.slim {
height: 41px;
}
#content div div#leftCol {
background: transparent;
border: none;
}
#fbProfileCover h2 a {
color: #fff;
}
#pageFooter {
border: 1px solid #CCC;
border-top: none;
}
#pageFooter .mvl {
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
}
#pageFooter div[role="contentinfo"], #pageFooter .mvl {
padding-left: 18px;
padding-right: 25px;
}
#pageNav .anchorContainer a {
color: #000;
}
#pageNav .tinyman .headerTinymanPhoto {
border: 1px solid black;
}
#pageNav a {
color: #eee;
}
#pagelet_bookmark_nav {
display: none;
}
#pagelet_web_messenger ._2nb, #pagelet_web_messenger ._2nc .uiScrollableAreaBody, #pagelet_web_messenger ._2nc {
width: 669px;
}
* {
font-family: Roboto, 'Open Sans', Helvetica, Arial;
}
.UFIContainer, .shareRedesign {
width: auto;
}
.UFILikeIcon {
-webkit-filter: grayscale(100%);
}
._42g- {
background: #333;
border: 1px solid black;
color: #fff;
}
._585- {
box-shadow: none;
}
._6a.prs div:last-child a:last-child {
display: none;
}
.composerExpanded #content .newsFeedComposer {
border-left: 0;
padding-top: 0;
}
.ego_page #content {
background: white;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.ego_page #pageFooter {
background: white;
}
.ego_page .UIStandardFrame_Content {
padding-left: 18px;
padding-right: 25px;
width: auto;
}
.fbTimelineScrubber, #globalContainer {
margin-top: 12px;
}
.hasLeftCol #leftCol #pagelet_friends_online {
display: none;
}
.hasLeftCol #mainContainer {
border-right: none;
}
.hasLeftCol #rightCol, ._4rw #rightCol, .ego_page .UIStandardFrame_SidebarAds {
display: none;
}
.hasLeftCol div#contentCol div#contentArea {
width: 757px;
}
.hasLeftCol div#contentCurve {
border-left: none;
border-right: none;
}
.hasLeftCol div#leftCol {
background-color: white;
border-bottom: 1px solid #CCC;
border-bottom-left-radius: 4px;
border-left: 1px solid #CCC;
margin-left: -7px;
padding-bottom: 8px;
padding-left: 8px;
position: fixed;
}
.hasSmurfbar #blueBarHolder #blueBar:after {
background-image: none;
}
.navLink:after, .navLink:before {
display: none;
}
.notifNegativeBase #fbNotificationsFlyout {
box-shadow: 0 0 30px rgba(0,0,0,0.5);
left: -160px;
top: 33px;
}
.notifNegativeBase #fbNotificationsFlyout .beeperNub {
left: 162px;
}
.tinyViewport div#leftCol {
position: static;
}
.uiSideNav .item, .uiSideNav .subitem {
border-bottom: none;
line-height: 20px;
}
.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover, .UFIRow {
background: #eee;
}
.uiSideNavCount {
background: #ddd;
color: #000;
margin-left: -30px;
}
.uiStream .uiStreamHeader, .homeWiderContent .uiStreamStory {
margin-left: -18px;
margin-right: -24px;
padding-left: 18px;
padding-right: 24px;
}
.uiStreamStory .mainWrapper {
margin-right: 0;
}
a, .UIActionLinks_bottom a, .UIActionLinks_bottom button.as_link, .UIActionLinks_bottom .uiLinkButton input, .UIActionLinks_bottom .uiLinkButton input:hover {
color: #333;
}
a.jewelButton {
-webkit-filter: grayscale(100%);
}
a:hover {
text-decoration: none;
}
body {
background-color: #eee;
}
body.home div#contentCol div#contentArea {
box-shadow: 0 0 30px rgba(0,0,0,0.5);
position: relative;
z-index: 1;
}
body.home div#contentCol div#rightCol {
display: none;
}
body.home div#leftCol {
background-color: white;
border-bottom: 1px solid #CCC;
border-bottom-left-radius: 4px;
border-left: 1px solid #CCC;
margin-left: -7px;
padding-bottom: 8px;
padding-left: 8px;
position: fixed;
}
body.home div#leftCol div#pagelet_friends_online {
display: none;
}
body.home div#leftCol div#pagelet_navigation {
}
body.home div#pageFooter {
border: 1px solid #CCC;
border-top: none;
}
body.home div#pageFooter div.mvl {
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
}
body.home div#pageFooter div[role="contentinfo"], body.home div#pageFooter div.mvl {
padding-left: 18px;
padding-right: 25px;
}
div#contentCurve {
border-left: none;
border-right: none;
}
div.bookmarksMenuButton .uiCloseButton, #userNavigationLabel, #privacyFlyoutLabel {
-webkit-filter: grayscale(100%);
}
h4.navHeader {
display: none;
}
li.sideNavItem {
margin: 0;
margin-left: -8px;
padding: 0;
}
li.sideNavItem a.item {
margin-left: 0px;
padding-left: 40px;
width: 139px;
}
li.sideNavItem a.uiSelectorButton {
margin-left: 0px;
}
@MoatazAbdAlmageed
Copy link

MoatazAbdAlmageed commented Jun 21, 2018

Thanks , Here my changes with big font size

I'm using this
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

.userContentWrapper p {
font-size: 30px
;
}

._2yq #globalContainer {
width: 1412px ;
}

#globalContainer {
padding-left: 0px;
padding-right: 0px;
}

#pageHead {
padding-left: 2px;
padding-right: 0px;
}

ul.fbChatOrderedList.clearfix a, div.fbChatSidebar h5.uiStreamMessage, div.fbChatSidebar h5.uiStreamMessage a, div.fbChatSidebar span {
color: #d4d4d4;
font-size: 12.5px;
font-family: Helvetica Neue;
font-weight: 200;
line-height: 1.1em;
}

div.fbChatSidebar {
left: 0px;
background-color: #31353e;
color: #d4d4d4;
border: 1px solid #23272d;
box-shadow: inset-6px 0px 20px rgba(0,0,0,.5);
width: 180px;
}

span._554p {
background-color: #31353e;
color: gray;
left: 0;
}

span._554r {
display: none;
}

img.profilePic {
border-radius: 4px;
}

a._50zw:hover, .fbChatSidebar .fbFeedTicker .tickerStoryClickable:hover, .tickerStorySelected {
background: black;
}

.fbChatSidebar .fbFeedTicker .tickerStoryClickable {
border-top: black;
}

a._50zw img.status.icon.img {
position: absolute;
left: 30px;
bottom: -3px;
}

.uiContextualDialogLeft .uiContextualDialog, .uiContextualDialogRightAligned .uiContextualDialog {
left: 180px;
background: white;
border: none;
}

.uiContextualDialog .uiScrollableAreaContent {
background: white;
border: 1px solid lightgray;
}

a.tickerStoryAllowClick.tickerActionButtonLink {
position: absolute;
left: -235px;
top: 0px;
color: black;
}

div.tickerStoryContent {
width: 130px;
}

div.linkWrap {
display: none;
}

#leftCol a.item {
border: none;
zoom: 1.5;
}

img._s0.fbxWelcomeBoxImg._rw.img {
padding: 0px 12px;
border-radius: 12px;
}

#leftCol .count {
position: absolute;
border: none;
color: white;
z-index: 90;
font-size: 5px;
padding: 1px;
line-height: 1em;
left: 30px;
margin-top: 3px;
background: none;
font-weight: normal;
}

#leftCol .count span {
font-size: 6.5px;
}

#leftCol h4, #leftCol div.lfloat {
text-align: center;
display: block;
width: 100%;
}

.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover {
background-color: red;
color: red;
z-index: 999;
}

.uiSideNav .selectedItem .item:after, .uiSideNav .selectedItem .item:hover:after, .uiSideNav ul .selectedItem .subitem:after, .uiSideNav ul .selectedItem .subitem:hover:after {
content: " ";
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent transparent red;
left: 51px;
margin-top: -3px;
z-index: 99;
visibility: visible;
}

body {
background: #e9eaed;
}

li.mts.uiStreamHeader {
background: none;
box-shadow: 0px 2px 2px gray;
z-index: 1;
}

img._s0._rw.img {
border-radius: 4px;
}

._s0.tickerStoryImage, div.fbChatSidebar img.pic.img {
border-radius: 4px;
box-shadow: 0 0 2px black;
}

.fbTimelineTimePeriod, .pagesTimelineButtonPagelet, .fbTimelineScrubber {
background: none;
}

#u_0_1w ,#contentCol,#content_container {
width: 100% ;
}

#leftCol {
left: -16em;
}

._1qkx {
width: 1080px ;
}

#rightCol {
left: 92em;
float: left;
margin-right: 15rm;
position: relative;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment