Facebook Simple

facebook-simple.css

/* Facebook Simple Styles */
/*
   Add to your user stylesheet to activate. 
   Preview a screenshot at http://cl.ly/E8I3.
  
   + Removes a bunch of panels, including chat, ads, status update form, apps, etc.
   + Center aligns the page.
   + Hides search bar until hover. Expands search bar to page width.
   + Expand image sizes by 140%. Adds rounded corners to images.
   + Hide comments until hover, then popover.
   + Remove all kinds of superfluous borders. Remove excess padding and margins.
   + Update font to Helvetica. 
*/

#facebook body {
	font-family: "Helvetica", "Lucida Grande", "Arial", sans-serif !important;
}

#facebook #pagelet_ego_pane_w,
#facebook #groupsNav,
#facebook #appsNav,
#facebook #pagelet_friends_online,
#facebook #pagelet_side_ads,
#facebook #pagelet_sidebar,
#facebook #pagelet_presence,
#facebook .fbTimelineSideAds,
#facebook #activityLogButton,
#facebook #navHome,
#facebook .uiStreamHeaderChronologicalForm,
#facebook #pagelet_composer,
#facebook #pagelet_megaphone,
#facebook #pagelet_rhc_footer,
#facebook .tickerLineToggle,
#facebook #boulder_fixed_header,
#facebook .fbRemindersThickline {
	display: none !important;
}

#facebook.leftAlign #globalContainer,
#facebook.leftAlign #blueBar #pageHead {
	margin: 0 auto !important;
}

#facebook #navSearch {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.25s;
	transition-property: opacity;
	transition-duration: 0.25s;
	opacity: 0.0;
	width: 668px !important;
}

#facebook #navSearch .inputtext {
	width: 635px !important;
}

#facebook #navSearch:hover {
	opacity: 1.0;
}

#facebook .uiProfilePhotoMedium, 
#facebook .uiProfilePhotoLarge,
#facebook .fbxWelcomeBoxImg img {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#facebook .uiStreamStory .largePhoto {
	border: 0px !important;
}

#facebook .uiStreamStory .largePhoto img {
	zoom: 1.35 !important;
	margin: 0 !important;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#facebook .uiStreamStory .commentable_item {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	transition-property: opacity;
	transition-duration: 0.25s;
	transition-timing-function: ease;
	opacity: 0.0;
	position: absolute;
	background-color: white;
	padding: 10px 10px 10px 10px !important;
	z-index: 50;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 18px 20px rgba(0, 0, 0, 0.7);
	box-shadow: 0 18px 20px rgba(0, 0, 0, 0.7);
	margin-top: -10px !important;
}

#facebook .uiStreamStory:hover .commentable_item {
	opacity: 1.0;
}

#facebook #mainContainer {
	border-right: 0 !important;
}

#facebook #rightCol {
	padding-top: 0 !important;
}

#facebook #contentCol {
	border: 0 !important;
}