Undo new facebook redesign

By znerp Last update May 17, 2008 — Installed 13,589 times.
// ==UserScript==
// @name           Undo new facebook redesign
// @namespace      znerp
// @description    undoes some of the recent changes; puts menu back on the left, sorts out the banner.
// @include        http://*.facebook.com/*
// @include        https://*.facebook.com/*
// ==/UserScript==

foo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAWCAIAAAAqztkuAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYA" +
      "AICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAALVJREFUSEtj%2FP79OwOJoKx3L4k6GBiA1pAKclu2kIpGrSE1xIDqRwNt6ARaftsWq8gZyKiybydaxkLzTXn39v%2BooGHyHjQ1WJIAmj" +
      "WYmRcz0K7cfgm3CMjGVIDFmvT6DXCbgGxirClo3QK3BsgmyhqguXBrsJZDWJPA6cuPgTYBSayy2PNNTNkqoE1AknhrUqrXAa0BkiRYAzS9ado%2BXEUqrgTdMesgLqnRUmDolALE1KQj3jcAaCBIo4" +
      "ZrEHsAAAAASUVORK5CYII%3D"

sidebar = document.evaluate("//div[@id='sidebar_content']/div[1]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue
if (whatever = document.evaluate("//ul[@id='nav_unused_1' and @class='main_set']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue)
  sidebar.appendChild(whatever.parentNode.removeChild(whatever));

var css = "@namespace url(http://www.w3.org/1999/xhtml);"+
          "#sidebar ul.main_set { "+
          "  font-size: 11px!important;" +
          "  float: left!important;" +
          "  display: block!important;" +
          "  list-style: none!important;" +
          "  margin: 0px!important;" +
          "  padding: 0px!important; }" +
          "#sidebar .main_set li { "+
          "  float: left!important;" +
          "  display: block!important;" +
          "  margin: 0px 10px 0px 0px!important;" +
          "  font-weight: bold!important; }" +
          "#sidebar .main_set li a { "+
          "  padding: 3px 5px!important;" +
          "  line-height: 200% !important; }" +
          "#sidebar .app_list {" +
          "  padding-top: 0px; }" +
          "#sidebar .main_set li a.active, " +
          "#sidebar .main_set li a:hover, "+
          "#sidebar .app_list h3 a:hover { "+ 
          "  text-decoration: none !important;"+
          "  background: #6D84B4 !important;"+
          "  color: white !important; }" +
          "#sidebar .app_list h3 a {"+
          "  color:#3B5998 !important;"+
          "  text-decoration:none !important;}"+
          "#sidebar .main_set li a.edit_link, "+
          "#sidebar .app_list a.edit_apps { "+
          "  color: #999999 !important;" +
          "  font-weight: normal !important; }" +
          "#sidebar .main_set li a.edit_link:hover,"+
          "#sidebar .app_list a.edit_apps:hover { "+
          "  background: #6D84B4 !important;"+
          "  color: white !important; }" +
          "#sidebar .app_list a.edit_apps, "+
          "#sidebar .app_list h3 a {"+
          "  float: left !important; "+
          "  text-decoration: none !important; "+
          "  width: auto !important;"+
          "  padding: 3px 5px !important;}"+
          "#sidebar .main_set li a.global_menu_arrow," +
          "#sidebar .main_set li a.global_menu_arrow_active {" +
          "  position: relative !important;" +
          "  float: right !important;" +
          "  width: 13px !important;" +
          "  margin: -20px -4px 1px -2px !important;" +
          "  padding: 0px 0px 6px 4px !important;" +
          "  height: 16px !important;" +
          "  background: url('"+foo+"') no-repeat 0px center !important; }"+
          "#sidebar .main_set li a.global_menu_arrow_active {" +
          "  border-top: solid 1px #3B5998 !important;" +
          "  border-right: solid 1px #3B5998 !important; }" +
          "#sidebar .main_set li a.global_menu_arrow_active," +
          "#sidebar .main_set li a.global_menu_arrow:hover," +
          "#sidebar .main_set li a.global_menu_arrow_active:hover {" +
          "  background: #6D84B4 url('"+foo+"') no-repeat -17px center !important; }" +
          "#sidebar .navigator_menu {" +
          "  margin: -1px!important;" +
          "  position: absolute!important;" +
          "  z-index: 100!important;" +
          "  background: white!important;" +
          "  border: solid 1px #3b5998!important;}" +
          "#sidebar .navigator_menu.friends {" + 
          "  max-width: 140px!important;}" +
          "#sidebar .navigator_menu ul {" +
          "  font-size: 11px!important;" + 
          "  line-height: 1em!important;" +
          "  font-weight: normal!important;" +
          "  list-style: none!important;" +
          "  padding: 5px 0px!important;" +
          "  margin: 0px!important; }" +
          "#sidebar .navigator_menu li {" +
          "  float: none!important;" +
          "  cursor: pointer!important;" +
          "  font-weight: normal!important;" +
          "  padding: 0px!important;" +
          "  margin: 0px!important; }" +
          "#sidebar .navigator_menu li.menu_divider {" +
          "  display: block!important;" +
          "  margin: 4px 10px!important;" +
          "  font-size: 1px!important;" +
          "  line-height: 1px!important;" +
          "  cursor: default!important;" +
          "  border-bottom: solid 1px #eee!important; }" +
          "#sidebar .navigator_menu li a {" +
          "  display: block!important;" +
          "  color: #3b5998!important;" +
          "  border-right: solid 1px white!important;" +
          "  border-left: solid 1px white!important;" +
          "  padding: 4px 25px 4px 10px!important; "+
          "  line-height: 100% !important; }" +
          "#sidebar .navigator_menu a:hover {" +
          "  text-decoration: none!important;" +
          "  background: #3b5998!important;" +
          "  border-right: solid 1px #6d84b4!important;" +
          "  border-left: solid 1px #6d84b4!important;" +
          "  color: white!important; }" +
          "#sidebar #global_friends_link, " +
          "#sidebar #nav_inbox {" +
          "  display: -moz-inline-stack !important;" +
          "  display: inline-block !important;" +
          "  padding: 2px 3px 3px 5px !important;" +
          "  border-top: solid 1px #f7f7f7 !important;" +
          "  margin-right: 2px !important;" +
          "  line-height: 13px !important; }" +
          "#sidebar #global_friends_link:hover, " +
          "#sidebar #nav_inbox:hover {" +
          "  background: #6D84B4 !important;" +
          "  color: white !important;" +
          "  text-decoration: none !important; }" +
          "#sidebar #global_friends_link.active," +
          "#sidebar #global_friends_link.active:hover, " +
          "#sidebar #nav_inbox.active, " +
          "#sidebar #nav_inbox.active:hover {" +
          "  position: relative !important;" +
          "  background: #6D84B4 !important;" +
          "  color: white !important;" +
          "  margin-right: 1px !important;" +
          "  left: -1px !important; " +
          "  text-decoration: none !important;" +
          "  border-top: solid 1px #3B5998 !important;" +
          "  border-left: solid 1px #3B5998 !important; }" +
          "#sidebar .global_menu_arrow span," +
          "#sidebar .global_menu_arrow_active span {" +
          "  text-indent: -99px !important;" +
          "  display: none !important; }" +

          /** 
           * Code to make 'Photos', 'Notes', etc. go blue on mouseover.
           * Not sure I like it though, so it's commented out.
           * Remove comments as per your taste.
          **/

          /*
          "#sidebar_content .container:hover a {" +
          "  background-color: #6D84B4 !important;"+
          "  color: white !important;"+
          "  text-decoration: none !important;"+
          "  padding-right: 3px !important;"+
          "  width: auto !important; "+
          "  display: inline !important; }" +
          */

          // End of commented code.

          "#navigator {"+
          "  background: transparent !important;" +
          "  background-color: #3b5998 !important;" +
          "  height: 37px !important;" +
          "  width: 648px !important;" +
          "  position: relative !important;" +
          "  border-bottom: 5px solid #6D84B4 !important;" +
          "  border-right: 1px solid #e5e5e5 !important; }"+
          "#new_stuff_content, #new_stuff_non_content, .nextstep, .divider_bar, .invitefriends, .more_section, #ssponsor, .rooster_story, .social_ad {"+
          "  display: none !important; }"+
          "#expandable_more {"+
          "  display: block !important; "+
          "  padding-top: 0px !important; }" +
          "#sidebar { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #E5E5E5; }" +
          "#sidebar_content { border-bottom: 1px solid #3B5998; border-left: 1px solid #B7B7B7; margin-bottom: 0px; }" +
          "#book { width: 800px !important; }";

if (typeof GM_addStyle != "undefined") {
  GM_addStyle(css);
} else if (typeof addStyle != "undefined") {
  addStyle(css);
} else {
  var heads = document.getElementsByTagName("head");
  if (heads.length > 0) {
    var node = document.createElement("style");
    node.type = "text/css";
    node.innerHTML = css;
    heads[0].appendChild(node);
  }
}

window.addEventListener(
  'load',
  function(event) {
    widebarHeight = document.defaultView.getComputedStyle(document.getElementById("widebar"),null).getPropertyValue("height").match(/\d+/)[0];
    sidebarHeight = document.defaultView.getComputedStyle(document.getElementById("sidebar"),null).getPropertyValue("height").match(/\d+/)[0];
    if (widebarHeight - 15 > sidebarHeight) {
      document.getElementById("sidebar").style.height =  widebarHeight - 61 + 'px';
      document.getElementById("sidebar_content").style.height = widebarHeight - 116 + 'px';
      window.addEventListener(
        'mouseup',
        function(event) {
          window.setTimeout(
            function() {
              widebarHeight = document.defaultView.getComputedStyle(document.getElementById("widebar"),null).getPropertyValue("height").match(/\d+/)[0];
              document.getElementById("sidebar").style.height =  widebarHeight - 61 + 'px';
              document.getElementById("sidebar_content").style.height = widebarHeight - 116 + 'px';
            },
            5);
        },
        'false');
    } else {
      document.getElementById("page_body").style.height =  '100%';
      document.getElementById("page_body").style.background =  '#F7F7F7 none repeat scroll 0%';
      document.getElementById("content_shadow").style.height =  '100%';
      document.getElementById("content").style.height =  '100%';
      document.getElementById("widebar").style.height =  sidebarHeight - 56 + 'px';
    }
  },
  'false');