modified-facebook-2015.css

/* install this userstyle: https://userstyles.org/styles/119231/facebook-2015
   then replace the main code section with this code below
   my changes are tagged with /* mychange * /
   for the most part, these changes are to make the theme work better with my other styles:
   - https://userstyles.org/styles/108325/facebook-postonly
   - https://userstyles.org/styles/127266/facebook-post-interlude
   
   note that the change at the very bottom hides the notification toasts,
   a feature I find very distracting... but you may want them enabled!
*/

body { 
  background: url("http://i.imgur.com/eKFftUI.png") top center fixed !important; }

.hasSmurfbar ._5cop ._59fb, .hasSmurfbar #pageNav ._4z6w#navAccount #navAccountLink .menuPulldown, a.jewelButton  {
  /*-webkit-filter: invert(40%); 
    /* mychange */
    opacity: 0.35;
    }
  
.jewelContent {
width: 450px !important;    
}

.rfloat {
  margin-left: 40px !important;
  }
  
  #pageNav._5bfj .tinyman img {
   border-radius: 0 !important; }

#background-container { 
position: fixed !important; 
top: 35px !important; 
}

#blueBarHolder #blueBar, #blueBarNAXAnchor { 
background: #111 !important;
}

#globalContainer {
width: 100% !important;
}

#leftCol { 
position: absolute !important;
opacity: 0.8;
left: 0 !important;
padding:15px !important; 
width: 13% !important; 
background: #222; 
border-radius: 0 0 5px 5px; 
border-right: 1px solid #000; 
-webkit-box-shadow: 0 0 20px #555 !important; 
}

#leftCol a { 
color: #AAA !important; 
}

#leftCol a:hover { 
background: #333 !important; 
}

.sideNavItem { 
padding: 4px !important; }

#mainContainer { 
border-right: none !important; 
}
/* mychange
._4-u2 {
border: 1px solid #888 !important; 
border-radius: 5px !important;
}
*/

#stream_pagelet {
width: 100%; 
margin-left: 5px !important;
}	

.hasLeftCol #contentCol { 
border: none !important; 
background: transparent !important; 
}

#contentCol, #pagelet_bluebar { 
border: none !important; 
}

#rightColContent {
display: none !important;
}

/* #rightCol hack */
@media only screen and (max-width: 1850px) {
#rightCol {
display: none !important;
  } }

#rightCol {
  opacity: 0.9;
position: fixed !important;
  right: 22% !important;
  }

.fixedAux {
  display: none !important;
  }

.rhcFooterWrap {
  display: none !important; }

#contentArea { 
margin-left: auto;
margin-right: auto;
margin-top: -12px !important;
opacity:0.9; 
margin-left: 8% !important; 
width: 774px !important; 
padding-top: 10px !important; 
} 
  
#toolbarContainer {
 margin-left: 7.8% !important; 
}

#headerArea {
  margin-left: 8% !important; }

div.UFIContainer { 
width: 98% !important; 
margin-left: 10px !important;
margin-bottom: 10px !important;
}

.UFIList {
background: transparent !important;
}
  
._5vsj .UFIRow.UFIFirstComponent {
  margin-top: 20px !important;
  border-top: none !important;
        }

#pagelet_navigation div {
background: transparent !important; }

#pageFooter { 
display: none !important;
}

/*-- Chatbar --*/
.sidebarMode #globalContainer { padding-right: 0 !important; }
.fbChatSidebar .fbChatOrderedList, .fbChatSidebar .fbChatTypeaheadView { width: 255px !important; }
.sidebarMode, #pagelet_sidebar, .fbChatSidebar, .sidebarMode .fbChatSidebar, ._5vb_ ._5pr2.fbChatSidebar, .fbCalendar ._5pr2.fbChatSidebar, ._1t4w ._5pr2.fbChatSidebar, .timelineLayout ._5pr2.fbChatSidebar { -webkit-box-shadow: 0px 0px 20px #555; }
.fbChatSidebar { background: #222 !important; width: 250px !important; border: 1px solid #000 !important; opacity:0.7; -webkit-box-shadow: 0px 0px 20px #555; }
._42fz a { color: #BBB !important; }
._42fz a:hover { background: #444 !important; }
._42fz.active .status { -webkit-filter: saturate(85%); }
.UFIContainer { width: 100%; border-radius: 10px !important; background: #f0f0f0 !important; margin-top: 10px !important; }
a.clearfix._50zw { width: 235px !important; padding-left: 8px !important; }
.navLink { color: #AAA !important; }
._rw { -webkit-filter: grayscale(20%); border-radius: 5px !important; }

/* #js_12, #js_13, .profileLink { color: #333333 !important; } */
/* mychange */

.bubbles div._kso { background: none; border: 1px solid #000; -webkit-border-radius: 2px !important; }
.bubbles ._50kd ._kso { background: none; -webkit-border-radius: 2px !important; }
.fbDock .rNubContainer { margin-right: 50px !important; }
.fbNubFlyoutTitlebar { background: #222 !important; border: 1px solid #222 !important; border-radius: 1px !important; }
div.UFIContainer li { background: transparent !important; }
._5t35 { display: none !important; }
._5t35, ._568- { font-weight: normal !important; color: #AAA !important; }
._5pr2.fbChatSidebar .fbChatOrderedList, ._5pr2.fbChatSidebar .fbChatTypeaheadView { margin-top: 10px !important; }
.fbChatSidebar ._51mx { background: #444; }

/*-- Login --*/
#login_form { margin-top: -10px !important; padding: 5px !important; }
#pagelet_bluebar { margin-left: auto; margin-right: auto; width: 1150px !important; border: 1px solid #444; }
.gradient { background: #fff !important; margin-top: 20px !important; margin-left: auto; margin-right: auto; width: 1150px !important; opacity: 0.9; border-radius: 5px; border: 1px solid #666; }
._50dz { background: #fff !important; margin-top: 20px !important; margin-left: auto; margin-right: auto; width: 1150px !important; opacity: 0.8; border-radius: 5px; }
.gradient:after, ._50dz:after { color: #333; margin-top: -22px; position: fixed; right: 1%; bottom: 1%; text-align: center !important; font-family: calibri;  font-size: 14px; content: 'Design by andi - www.yizle.com'; }

/*-- Like Fix --*/
.plugin { background: transparent !important; }

/*-- Profiles --*/
._5h60 #contentArea { border: 100px solid #000 !important; }
#admin_panel { z-index: 1 !important; padding-left: 45px; }
#admin_body_panel { margin: 0 important; background: #333 !important; opacity: 0.9 important; height: 100% important; width: 100% important; }
#pagelet_timeline_main_column { margin-top: 15px !important; }
.timelineLayout { margin-left: auto; margin-right: auto; }
.timelineLayout #contentArea {
position: relative;
padding-left: 8px; padding-right: 5px; }
._5v3q { margin-left: 2px !important; }

/*-- Inbox --*/
#mainContainer {
  margin-left: 7.5% !important;
  width: 0.1% !important;
  }

._2nb {
  	background: #fff !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important; }

.ego_section {
    display: none !important; }

.rhcFooterBorder {
    display: none !important; }

._5v3q ._4-eo, embed { 
margin-top: 25px !important;
margin-bottom: 25px !important;
border: 0 !important;
position: relative !important; margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important; }
    
    ._6m5 { width: 100% !important; }


/* mychanges */
html ._4lh, ._4lh .fbTimelineTimePeriod, ._4lh .fbTimelineSectionExpandPager .uiMorePagerLoader, ._4lh .fbTimelineCapsule li.anchorUnit:last-child, ._4lh .fbTimelineSectionLoading .loadingIndicator, ._4lh .lifeEventAddPhoto:hover {
    background: none;
    /* background-color: rgba(255,255,255,0.3) !important; */
}



._50d1, ._50d1 * {display:none !important} /* little notification toasts */