facebook-userstyle

fb.css

/* Custom user styles for Facebook.com's News Feed by Connor Sears
================================================================== */

/* Hide all the things! */
.fbx.home #rightCol,
#pagelet_welcome_box,
#pagelet_bookmark_nav .homeSideNav,
#navHeader,
#navHome,
.headerTinymanName,
#pagelet_navigation .homeSideNav#pagesNav,
#pagelet_navigation .homeSideNav#appsNav,
#pagelet_navigation .homeSideNav#listsNav,
#pagelet_navigation .homeSideNav#developerNav {
  display: none !important;
}

#pagelet_navigation .homeSideNav#groupsNav,
#pagelet_navigation .homeSideNav#interestsNav {
  display: block !important;
  opacity: 0.5;
  margin-top: 3em;
}

#pagelet_navigation .homeSideNav#groupsNav:hover,
#pagelet_navigation .homeSideNav#interestsNav:hover {
  opacity: 1;
}

/* News feed
================================================== */

/* Skinny up the News feed after removing all the ads */
.fbx.home #globalContainer {
  left: -96px; /* Places the side nav in the left margin. */
  width: 731px;
}
/* Make the news feed stories span the full width of the container */
.uiStream  {
  margin-right: -20px;
}

/* Top bar (open graph not supported )
================================================== */

/* Shortening the top bar to work with the single column layout. Overly specific use of ids to override FB's CSS. */
.fbx.home #blueBar #pageHead {
  width: 550px;
}
.fbx.home #navSearch {
  width: 230px;
}
.fbx.home #navSearch .uiSearchInput input {
  width: 195px;
}


/* Groups
================================================== */

.hasLeftCol #headerArea { 
	width: 509px; /* Brings the group header in to be the same width as the main column. */
}
.groupJumpLayout .groupsCoverPhoto {
	overflow: hidden; /* hides photos that overflow in the smaller header. */
}
.fbGroupsStream  {
  margin-right: -28px; /* Extends the divider lines the full width of the stream. */
}


/* News Feed Panels
================================================== */
._4-u2 {
  border-color: white !important;
  margin-bottom: 32px !important;
}
  
._4-u2 .UFIList {
  opacity: 0.25 !important;
  background-color: white !important;
  transition: opacity 0.3s ease-in-out;
}
      
._4-u2:hover .UFIList {
  opacity: 1 !important;
}