FBJS

From Facebook Developer Wiki

FBJS is Facebook's solution for developers who want to use JavaScript in their Facebook applications. We built FBJS to empower developers with all the functionality they need, and to protect our users' privacy at the same time.

If you are looking for how to include an FBJS script file in a canvas page, see how to include static files.

1 How It Works
2 The Basics
3 FBJS DOM Objects
4 Events
- 4.1 Mimic event.currentTarget
5 Unobtrusive Events
6 AJAX
7 Dialogs
8 FBML Blocks
9 Animation
10 Examples
11 Tips

[edit] How It Works

Most providers who allow developers to embed JavaScript within their domain force developers to use iframes to sandbox their code. Facebook has taken a different approach to this problem. JavaScript that you give us gets parsed, and any identifiers (function and variable names) get prepended with your application ID. For example, the following code block:

function foo(bar) {
  var obj = {property: bar};
  return obj.property;
}

becomes:

function a12345_foo(a12345_bar) {
  var a12345_obj = {property: a12345_bar};
  return a12345_obj.property;
}

This creates a virtual scope for every application that runs within Facebook. From there we expose certain functionality through a collection of JavaScript objects that allow you to modify your content on Facebook. Our objects are made to mimic the functionality of JavaScript as closely as possible, but it may take some getting used to for people who are already adept with JavaScript.

[edit] The Basics

The JavaScript syntax you've come to know and love (or hate) is exactly the same. You can create objects, use anonymous functions, create timeouts and almost any other thing you can think of. Modifying the DOM tree is slightly different, however.

Take this example FBML code, for instance:

<a href="#" onclick="hello_world(this); return false;">Hello World!</a>
<script>
<!--
function random_int(lo, hi) {
  return Math.floor((Math.random() * (hi - lo)) + lo);
}

function hello_world(obj) {
  var r = random_int(0, 255), b = random_int(0, 255), g = random_int(0, 255);
  var color = r+', '+g+', '+b;
  obj.setStyle('color', 'rgb('+color+')');
}
//-->
</script>

As you can see, creating FBJS is very similar to JavaScript. Note, however, that this example may not work as expected:

<a href="#" id="hello">Hello World!</a>
<script>
<!--
function random_int(lo, hi) {
  return Math.floor((Math.random() * (hi - lo)) + lo);
}

function hello_world(obj) {
  var r = random_int(0, 255), b = random_int(0, 255), g = random_int(0, 255);
  var color = r+', '+g+', '+b;
  obj.setStyle('color', 'rgb('+color+')');
}

hello_world(document.getElementById('hello'));
//-->
</script>

In profile boxes, inline scripts are deferred until the first "active" event is triggered by a user. An active event is considered either onfocus, onclick, onmousedown, and so forth. Basically anything that requires a mouse click is an "active" event. On a canvas page, however, this example works just fine.

A Best Practice would be to setup your FBJS as follows:

<script>
<!--
//-->
</script>

This may be "unnecessary" but helps preventing one more issue that may arise from creating FBJS. Also, please note the line breaks after the comment blocks!

[edit] FBJS DOM Objects

[edit] Retrieving Objects

A handle to an FBJS DOM object can be retrieved by either calling document.getElementById, or document.createElement. Additionally, the "this" pointer in DOM events also points to the target of the event.

[edit] Manipulating Objects

FBJS DOM objects implement most of the same methods regular JavaScript objects implement including: appendChild, insertBefore, removeChild, and cloneNode. Properties like parentNode, nextSibling, src, href (and many many others) have been redefined as a couplet of getters and setters.

Instead of obj.parentNode just call obj.getParentNode(), and so on. Most of the properties are easy to figure out, but here's an exhaustive list of properties in JavaScript and how they translate to FBJS:

JavaScript	FBJS getter	FBJS setter	Description
parentNode	getParentNode
nextSibling	getNextSibling
previousSibling	getPreviousSibling
firstChild	getFirstChild
lastChild	getLastChild
childNodes	getChildNodes		Returns a snapshot array of childNodes
innerHTML	n/a	setInnerFBML	Note that this can throw an error if you pass a string directly. Use Fb:js-string to create the string first then pass that variable.
innerHTML	n/a	setInnerXHTML	Beta feature. Allows you to set the innerHTML of an element by passing in a string of XHTML. The XHTML is sanitized according to FBML rules and then placed into the document.
innerText/textContent	n/a	setTextValue	Not exactly like setInnerFBML as this will only allow text (no HTML)! It will remove all childNodes of the element it is called on.
form	getForm		Doesn't work, use document.getElementById('formid') instead
action	getAction	setAction
value	getValue	setValue
href	getHref	setHref
target	getTarget	setTarget
src	getSrc	setSrc
className	getClassName	setClassName
tagName	getTagName
id	getId	setId
dir	getDir	setDir
checked	getChecked	setChecked
clientWidth	getClientWidth
clientHeight	getClientHeight
offsetWidth	getOffsetWidth
offsetHeight	getOffsetHeight
n\a	getAbsoluteTop		Returns the elements absolute position relative to the top of the page. Useful because of lack of offsetParent support.
n\a	getAbsoluteLeft		Same as getAbsoluteTop, but horizontally.
scrollTop	getScrollTop	setScrollTop
scrollLeft	getScrollLeft	setScrollLeft
scrollHeight	getScrollHeight
scrollWidth	getScrollWidth
tabIndex	getTabIndex	setTabIndex
title	getTitle	setTitle
name	getName	setName
cols	getCols	setCols
rows	getRows	setRows
accessKey	getAccessKey	setAccessKey
disabled	getDisabled	setDisabled
readOnly	getReadOnly	setReadOnly
type	getType	setType
selectedIndex	getSelectedIndex	setSelectedIndex
selected	getSelected	setSelected
location	n/a	setLocation	Must be an absolute URL
style	getStyle	setStyle
n/a	getRootElement		used as document.getRootElement - returns the top-level element of your profile box or canvas page

[edit] Manipulating Styles

Styles are set with the setStyle method and queried with the getStyle method. setStyle can set multiple styles using the syntax:

obj.setStyle({color: 'black', background: 'white'});

NOTE : Does not work appropriately with width on dialog boxes (content scales but corners do not)

Or one style at a time using:

obj.setStyle('color', 'black');

Beware you need to camelize style names. This works:

obj.setStyle('textDecoration', 'underline')

But this won't:

obj.setStyle('text-decoration', 'underline')

You must also remember to use 'px' notation when referring to positions or height/width, and so forth.

This works:

obj.setStyle('width', '340px')

But this doesn't:

obj.setStyle('width', '340')

This is important to remember when you're using algorithms to calculate those values. You can't just use the calculated variable x like: setStyle('left', x), but rather like setStyle('left', x+'px').

Additional functionality for manipulating CSS classes has been added to FBJS DOM nodes.

addClassName(className): Adds a class name to the className string if it isn't already present.
removeClassName(className): Removes a class name from the className string if it present.
toggleClassName(className): If a class name exists, it removes it. If it doesn't exist it adds it.
hasClassName(className): Returns true if the class name exists or false otherwise.

[edit] Setting Content

innerHTML isn't implemented for security reasons. Three alternatives exist.

obj.setTextValue(newText) can be used to set a literal text value inside of your DOM object (no HTML or FBML accepted).
obj.setInnerFBML(fbJsStringVar) can be used to put HTML or FBML inside of your DOM object. Note that you need to create a Fb:js-string object first and pass it in as passing a string literal will result in an error.
obj.setInnerXHTML(string) is a beta feature that allows you to place a string of XHTML directly into the document. The XHTML is sanitized in JavaScript before being rendered.

[edit] Working with Text Fields

Textbox selections have been implemented with the methods getSelection and setSelection. getSelection returns an object with properties start and end which correspond to the W3C-style attributes selectionStart and selectionEnd. setSelection takes two arguments, start and end (optional). This abstraction was added because Internet Explorer does not support selectionStart and selectionEnd. Since it is quicker in IE to retrieve both values together, they were coupled together into a single getter and setter. This function should work the same in all browsers with no extra work from you.

[edit] Creating FBML Elements

You can also use createElement to create FBML elements, although this is currently limited to fb:swf. Once it's created, it works just like any other DOM object does, however, once it is attached to the DOM you cannot move it and obj.getElementsByTagName('fb:swf') does not work and also you cannot copy it.

var newSwf = document.createElement('fb:swf');

[edit] Events

Events can be added to FBJS DOM objects using the W3C-style addEventListener method. The third parameter, boolean useCapture is required (it does not have a default value), and removeEventListener is supported. In addition to the W3C event methods, we've also added listEventListeners and purgeEventListeners.

listEventListeners(eventName): Returns an array of handles of all events that have been added to this event. Events that were added in FBML using the on<event> attributes will also be included
purgeEventListeners(eventName): Removes all event listeners for a given event. This also removes events that were added as attributes in FBML.

Event handlers are called with one parameter, which is an object with information about the event. In the case of event handlers added as attributes, this object will be accessible through the "event" variable (just as it is in regular JavaScript). The event will have attributes target, type, pageX, pageY, ctrlKey, keyCode, metaKey, and shiftKey. It also implements two methods:

stopPropagation: Prevents this event from propagating to any more elements further up in the DOM.
preventDefault: Cancels the default behavior of this event without stopping propagation. For instance, preventDefault on an onfocus event will prevent that element from getting focus.

getId on event object of a listener function

When using the getId() method inside an event listener function on the event object, the following syntax may be used to retrieve the ID of the object that fired the event:

<div id="firedByDescription"></div>
<div id="foo"></div>
<div id="bar"></div>

<script>
//disclaimer: sample code block meant only to demonstrate functionality

function myEventHandler(evt) {
  //we'll use this div later to drop stuff into it
  firedByDescription = document.getElementById('firedByDescription');
  if (evt.type == 'mouseout') { 
    //if the event is a mouseout, empty out the description div, and exit the event listener
    firedByDescription.setTextValue('');
    return true;
  }

  //otherwise... do some processing:

  //*VERY IMPORTANT*: note that the object, which fired the event is located two nodes up in the DOM tree
  //See note below
  //eventFiredBy_ObjectId = evt.target.getParentNode().getParentNode().getId();

  //On newer versions, it seems that there is no need to go up two levels int he DOM tree, hence
  eventFiredBy_ObjectId = evt.target.getId();
  //works, whereas the first does not!

  //**NOTE** My testing of this suggests that when you call addEventListener() it adds it to the element, AND all it's descendants
  // This can then cause the event to be fired multiple times, as it is fired for the element and it's descendant elements.
  // When fired by a descendant element, you will probably have to do some kind of getParent()-ing
  // I'm raising this as a bug, as it does make things a little unworkable!

  //once you have the ID, you may, for example, drop its id into the firedByDescription div:
  firedByDescription.setTextValue(eventFiredBy_ObjectId);

  //... or do some conditional processing:
  if (eventFiredBy_ObjectId == 'foo') {
    //do something if the event was fired by 'foo'
  } else {
    //do something if the event was fired by 'bar'
  }
}

//add event listener to 'foo' div (mouseover & mouseout)
document.getElementById('foo').addEventListener('mouseover',myEventHandler);
document.getElementById('foo').addEventListener('mouseout',myEventHandler);

//add *the same* event listener to 'bar' div (mouseover & mouseout)
document.getElementById('bar').addEventListener('mouseover',myEventHandler);
document.getElementById('bar').addEventListener('mouseout',myEventHandler);
</script>

This functionality is very useful in cases where you have one event handler for multiple objects of the same type. Take for instance a shopping cart of some sort, or any type of object browser. When a user moves her mouse over one of the items in the cart, you may want to conditionally display information about the item -- by finding its ID, you may associate a description text for that item and display it to the user in another div. As you can see, using event listeners can be a very powerful way to display useful additional information to the user, based on where they move their mouse within your Facebook application. Happy coding and creativity! For me (end Aug 09) evt.target.getParentNode().getId() did work, the version with 2 or without ParentNode calls did not.

Note (Sep 23 2009): Generally, to get the element which is currently being checked for event listeners (foo and bar in this case) then event.currentTarget property should be used. But if you want to get the element that dispatched the event then event.target property should be used, it could be the element that registered for the event or a child of it. Hence, the behavior described earlier is actually not a bug. Unfortunately FBJS does not supports currentTarget property of the event object. So the only solution remains is to mimic currentTarget property by going up through parent elements and checking them for some kind of flag like classname, tagname or id.

[edit] Mimic event.currentTarget

Continuing previous example, we can mimic currentTarget property of the event object relying on ids of elements to whom the event listeners are attached.

var currentTarget = evt.target;
// we can also check by (currentTarget.getTagName().toLowerCase() != "div")
// but only if we are sure that there won't be another <div> childs in foo and bar
while (currentTarget.getId() == "foo" || currentTarget.getId() == "bar") {
	currentTarget = currentTarget.getParentNode();
	// did not checked if for the top element FBJS getParentNode() method returns null
	// according to W3C it should
	if (!currentTarget) {
		// went all the way up and did not find what looked for
		return false;
	}
}
eventFiredBy_ObjectId = currentTarget.getId();

[edit] Unobtrusive Events

Some developers prefer to separate code from content, and as such prefer the methods of adding event listeners versus onclick functions. There seem to be some issues with doing such, and the below code block documents how to add an event:

<a href="#" id="hello" onclick="return false">Hello World!</a>
<script>
<!--
function random_int(lo, hi) {
	return Math.floor((Math.random() * (hi - lo)) + lo);
}
function hello_world(obj) {
	var r = random_int(0, 255), b = random_int(0, 255), g = random_int(0, 255);
	var color = r+', '+g+', '+b;
	obj.setStyle('color', 'rgb('+color+')');
}
function test() {
	var obj = document.getElementById('hello');
	obj.addEventListener('click', function(e){
		hello_world(obj);
		e.stopPropagation();
		e.preventDefault();
		return false;
	}, false);
}
test();
//-->
</script>
}

Of particular note is the onclick="return false" on the anchor tag. This was tested using the FBML parser.

[edit] AJAX

FBJS supplies a very powerful AJAX object for developers. Facebook proxies all AJAX requests and optionally runs useful post-processing on the data returned, such as JSON, or FBML parsing. To use it, just instantiate a new AJAX class. It supports the following properties:

ondone(data): An event handler which fires when an AJAX call returns. Depending on .responseType, data is an object, a raw string, or an FBML string.
onerror: An event handler that fires when an error occurs during an AJAX call.
requireLogin: If you set this to true the AJAX call will require the user to be logged into your application before the AJAX call will go through. The AJAX call will then be made with the regular fb_sig parameters containing the user's identity. If they refuse to login, the AJAX call will fail.
responseType: This can be one of Ajax.RAW, Ajax.JSON, or Ajax.FBML.
useLocalProxy: Beta. If this is true and you are using RAW or JSON type, the Ajax object will attempt to use fb:local-proxy to make a direct call to your app server. See FBJS_LocalProxy for more details.
Ajax.RAW: The response from your server is returned to your callback in its original form.
Ajax.JSON: The response from your server is parsed as a JSON object and returned to your callback in the form of an object. Properties of your JSON object that are prefixed with "fbml_" are parsed as individual FBML strings and returned as FBML blocks. These blocks can be used on a DOM object with the setInnerFBML method. Each variable and its value in the response is limited to a combined length of 5000 characters. Note: be sure to use json_encode or else you may see odd results with large data sets. See Bugzilla #363 for more information. json_encode is available by default in most PHP5 installations, and implementations for many other languages are available at json.org.
Ajax.FBML: The response from your server is parsed as FBML and returned as an FBML block. This block can used on a DOM object with the setInnerFBML method.

And two methods:

post(url, query): Start an AJAX post. url must be a remote address, and query can be either a string or an object that is automatically converted to a string.
abort(): Aborts an AJAX post.

Here's an example showing most of the functionality of AJAX: Ajax Example

[edit] Dialogs

Dialog is an object we've created to allow you to hook into our base dialog abstractions. It allows you to create rich and fully dynamic dialogs for your application.

Dialog(type): (constructor) type can be either Dialog.DIALOG_POP or Dialog.DIALOG_CONTEXTUAL.
Dialog.DIALOG_POP: This is the type of dialog that shows up when you delete a wall post.
Dialog.DIALOG_CONTEXTUAL: This is type of dialog that shows up when you delete a minifeed story.
onconfirm: An event handler that fires when the user selects the button designed as "confirm" (left most button). If this event doesn't return false the dialog will be hidden.
oncancel: An event handler that fires when the user selects the button designed as "cancel" (right most button). If this event doesn't return false the dialog will be hidden.
setStyle: Allows you to set the style of the parent dialog node
showMessage(title, content, button_confirm = 'Okay'): Displays a dialog with only a confirm button. title and content can be either strings or pre-rendered FBML blocks. IMPORTANT: Be sure to test in IE7; apparently it no longer works ([bug report])
showChoice(title, content, button_confirm = 'Okay', button_cancel = 'Cancel'): Displays a dialog with Confirm and Cancel buttons. title and content can be either strings or pre-rendered FBML blocks. IMPORTANT: Be sure to test in IE7; apparently it no longer works ([bug report])
setContext: (only applicable for DIALOG_CONTEXTUAL). Sets the context of a dialog, which basically means where the cursor arrow is pointing.
hide: Hides this dialog if it is visible.

[edit] FBML Blocks

Blocks of pre-rendered FBML can be exported into your JavaScript scope on page load. To do this, simply wrap a block of FBML inside an <fb:js-string var="variable_name"> tag (see Fb:js-string for more information). Instead of rendering the block of FBML on the page it is put into a FBML block variable, which you can then use in your JavaScript with setInnerFBML. This is useful, because tags like <fb:swf> get rendered without waitforclick restrictions. FBML blocks can also be retrieved from AJAX calls, as explained above.

[edit] Animation

Facebook has provided a powerful animation library in FBJS. See Animation for more details.

[edit] Examples

[edit] Tips

Don't create JavaScript which depends on a sensitive DOM structure. Code like this.getElementByTagName('div')[1].getFirstChild().getLastChild().setStyle('color', 'white') is very fragile and may randomly break if we change the way certain elements are rendered.

Most FBJS DOM methods are chainable. For instance, instead of:

var obj = document.createElement('div');
obj.addEventListener('click', click);
obj.addEventListener('mousemove', mousemove);
obj.setStyle('color', 'black');

You can do:

document.createElement('div').addEventListener('click', on_click).addEventListener('mousemove', mousemove).setStyle('color', 'black');

You aren't allowed to extend base objects like Function or Array, however we do provide a typical "bind" implementation on the Function prototype.

FBJS objects don't contain handles to any of their actual DOM objects, however if you use Firebug, the console can show you exactly to what an object is referring. Try console.dir on an FBJS DOM object. In your console you'll see a PRIV_obj attribute which is the actual DOM node represented by your FBJS DOM handle. This can help you figure out what FBJS is doing behind the curtains. This trick also works with all other FBJS objects such as AJAX and FBML blocks.

Use Firebug to troubleshoot and diagnose anything that isn't working with your FBJS.

Consider using the Include files support to save processing/load times and bandwidth

If you notice your application hangs in Firefox 3.0/3.5 on OS X, check and see if you're specifying an absolute path to your canvas page in a link URL. Change the link to use a relative path to your canvas page and see if the page loads correctly.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("facebook.com"), domain("ilike.com") {

/* Facebook - Dark Shiny Blue, transparency */

/* http://userstyles.org/styles/11922 */

/* contact info: preston.scheuneman@gmail.com */

/* Become a fan of my Themes on Facebook: http://tinyurl.com/qy2y23 */

html, body, #nonfooter, #booklet, #content, .UIFullPage_Container, .home, #facebook, .profile{ background: url("") #222222 fixed repeat left top!important; color:#ffffff !important; }

/* Alternate wallpaper info:

  To use another wallpaper, just change the above section to use your image of choice

  Original wallpaper (Dark Shiny Blue):

  Dark Shiny Purple:

  Dark Shiny Red:

  Dark Shiny Orange:

  Dark Static wallpaper:

a, div, .UIActionButton_Text, span {text-shadow: #000000 1px 1px 3px, #000000 -1px -1px 3px !important;}

profile_name{text-shadow: #ffffff 0px 0px 2px, #000000 1px 1px 3px;}

input[type="file"]{-moz-appearance:none!important; border: none !important;}

.fb_content {background: transparent !important; color: #ffffff !important;}

page_table {background: #333333 }

.footer_bar div {font-size:0.9em !important;}

rightcolumn div {font-size:1.0em !important;}

.status_text, h4, a, h2, .flyout_menu_title, .url, #label_nm, h5, .WelcomePage_MainMessage, #public_link_uri, #public_link_editphoto span, #public_link_editalbum span, .dh_subtitle, .app_name_heading, .box_head, .presence_bar_button span, a:link span, #public_link_album span, .note_title, .link_placeholder, .stories_title, .typeahead_suggestion, .boardkit_title, .section-title strong, .inputbutton, .inputsubmit, .matches_content_box_title, .tab_name, .header_title_text, .signup_box_message, .quiz_start_quiz, .sidebar_upsell_header, .wall_post_title, .megaphone_header, .source_name, .UIComposer_AttachmentLink, .fcontent > .fname, #presence_applications_tab, .mfs_email_title, .flyout .text, .UIFilterList_ItemLink .UIFilterList_Title, .announce_title, .attachment_link a span, .comment_author, .UIPortrait_Text .title, .comment_link, .UIIntentionalStory_Names, #profile_name, .UIButton_Text, .dh_new_media span, .share_button_browser div, .UIActionMenu_Text, .UINestedFilterList_Title, button, .panel_item span {color: #99ccff !important;}

.disclaimer, .info dd, .UIUpcoming_Info, .UITos_ReviewDescription, .settings_box_text, div[style="padding: 0px 0px 0px 45px; color: rgb(85, 85, 85);"] {color: #999999 !important;}

email, .inputtext, #app2318966938_clipboard_content, option {color: #666666 !important;}

.status_time, .header_title_wrapper, .copyright, #newsfeed_submenu, #newsfeed_submenu_content strong, .summary, .caption, .story_body, .social_ad_advert_text, .createalbum dt, .basic_info_summary_and_viewer_actions dt, .info dt, .photo_count, p, .fbpage_fans_count, .fbpage_type, .quiz_title, .quiz_detailtext, .byline, label, .fadvfilt b, .fadded, .fupdt, .label, .main_subtitle, .minifeed_filters li, .updates_settings, #public_link_photo, #phototags em, #public_link_editphoto, .note_dialog, #public_link_editalbum, .block_add_person, .privacy_page_field, .action_text, .network, .set_filters span, .byline span, #no_notes, #cheat_sheet, .form_label, .share_item_actions, .options_header, .box_subtitle, .review_header_subtitle_line, .summary strong, .upsell dd, .availability_text, #public_link_album, .explanation, .aim_link, .subtitle, #profile_status, span[style="color: rgb(51, 51, 51);"], .fphone_label, .phone_type_label, .sublabel, .gift_caption, dd span, .events_bar, .searching, .event_profile_title, .feedBackground, .fp_show_less, .increments td, .status_confirm, #app2318966938_header, .sentence, .admin_list span, .boardkit_no_topics, .boardkit_subtitle, .petition_preview, .boardkit_topic_summary, li, #photo_badge, .status_body, .snippet, #app2603626322_add-app, .spell_suggest_label, .pg_title, .white_box, .token span, .profile_activation_score, .personal_msg span, .matches_content_box_subtitle span, tr[fbcontext="41097bfeb58d"] td, .title, .floated_container span:not(.accent), div[style="width: 380px; float: right; padding-top: 17px; padding-right: 20px; color: rgb(85, 85, 85); text-align: right; font-size: 12px;"], div[style="padding: 5px; color: rgb(68, 68, 68); font-size: 13px; font-weight: bold;"], .present_info_label, .fbpage_description, .tagged span, #tags h2 strong, #tags div span, .detail, .chat_info_status, .chat_input, .gray-text, .author_header, .inline_comment, .fbpage_info, .gueststatus, .no_pages, .topic_pager, .header_comment span, div[style="color: rgb(101, 107, 111);"], #q, span[style="color: rgb(85, 85, 85); margin-left: 10px;"], .pl-item, .tagged_in, .pick_body, td[style="width: 400px; padding-right: 10px; font-size: 10pt; color: rgb(85, 85, 85);"], strong[style="color: rgb(68, 68, 68); float: left;"], div[style="margin-top: 10px; color: gray;"], .group_officers dd, .fbpage_group_title, .application_menu_divider, .friend_status span, .more_info, .logged_out_register_subhead, .logged_out_register_footer, input[type="text"], textarea, .status_name span, input[type="file"], .UIStoryAttachment_Copy, .stream_participants_short, .UIHotStory_Copy, input[type="submit"], input[type="search"], input[type="input"], .inputtext, .relationship span, input[type="button"], input[type="password"], #reg_pages_msg, .UIMutableFilterList_Tip, .like_sentence, .UIIntentionalStory_InfoText, .UIHotStory_Why, .question_text, .UIStory, .tokenizer, input[type="hidden"], .tokenizer_input *, .text, .flistedit b, .fexth, .UIActionMenu_Main, span[style="color: rgb(102, 102, 102);"], div[style="float: right; font-weight: bold; padding-right: 3px; color: rgb(85, 85, 85);"], div[style="padding-bottom: 5px; font-weight: bold; color: rgb(85, 85, 85);"], div[style="color: rgb(85, 85, 85);"], div[style="border-bottom: 1px solid rgb(231, 231, 239); color: rgb(119, 119, 119); margin-bottom: 3px; padding-bottom: 2px;"], blockquote, .description, .security_badge, .full_name, .email_display, .email_section, .chat_fl_nux_messaging, .UIObjectListing_Subtext, .confirmation_login_content, .confirm_username, .app_content_8138090269 .pad, .app_content_8138090269 .m, .UIConnectControls_Body em, .comment_actual_text, .status, .UICantSeeProfileBlurbText, .UILiveLink_Description, .recaptcha_text, .UIBeep_Title, .UIComposer_Attachment_ShareLink_URL, .app_dir_app_category, .first_stat, .aggregate_review_title, .stats span, .facebook_disclaimer, .app_dir_app_creator, .app_dir_app_monthly_active_users, .app_dir_app_friend_users, .UISearchFilterBar_Label, .UIFullListing_InfoLabel, #app93753738186_subtitle, #app93753738186_result_description, .email_promise_detail, .title_text, .excerpt, .dialog_body, span[style="font-weight: bold; color: rgb(51, 51, 51);"], div[style="color: rgb(119, 119, 119); font-size: 9px; padding-top: 5px;"], div[style="color: rgb(85, 85, 85); padding-top: 15px; text-align: right;"], .tos, .UIEMUASFrame_body, .page_note, .nux_highlight_composer, .UIIntentionalStory_BottomAttribution, .tagline, .GBSelectList, .gigaboxx_thread_header_authors, .GBThreadMessageRow_ReferrerLink, #footerWrapper, .infoTitle, .fg_explain, .UIMentor_Message, .GenericStory_BottomAttribution {color: #aaaaaa !important;}

.status_clear_link, .status_edit, h3, h1, .updates, .WelcomePage_SignUpHeadline, .WelcomePage_SignUpSubheadline, .mock_h4 .left, .review_header_title, caption, .logged_out_register_msg, .domain_name, .action, .UITitledBox_Title, .app_content_8138090269 .bb, .signup_box_content, .highlight, #app93753738186_header_bar, .question, .whocan span, .UIFilterList > .UIFilterList_Title, .subject, .UIStoryAttachment_Label {color: #6699ff !important;}

a:hover, .inputbutton:hover, .inputsubmit:hover, .accent, .hover, .domain_name:hover, #standard_error, .UIFilterList_Selected a:hover, input[type="submit"]:hover, .button_text:hover, #presence_applications_tab:hover, .UIActionMenu:hover, .attachment_link a span:hover, .UIIntentionalStory_Time a:hover, .UIPortrait_Text .title:hover, .UIPortrait_Text .title span:hover, .comment_link:hover, .request_link span:hover, .UIFilterList_ItemLink .UIFilterList_Title:hover, .UIActionMenu_Text:hover, .UIButton_Text:hover, .inner_button:hover, .panel_item span:hover, li[style="height: 26px; background-color: rgb(255, 255, 255); display: block;"] .friend_status, .dh_new_media span:hover, a span:hover, .tab_link:hover *, a:hover *, button:hover, #buddy_list_tab:hover *, .tab_handle:hover .tab_name span {color: #99ccff !important; text-shadow: #ffffff 0px 0px 2px !important; text-decoration: none !important;}

.em, .story_comment_back_quote, .story_content, small, .story_content_excerpt, .walltext, .public, p span, #app2694795861_tabbed_search, #friends_page_subtitle, .main_title, .empty_message, .count, .stories_not_included li span, .mobile_add_phone th, #friends strong, .current, .no_photos, .intro, .sub_selected a, .stats, .result_network, .note_body, #bodyContent div b, #bodyContent div, .upsell dt, .buddy_count_num strong, .left, .body, .tab .current, .aim_link span, .story_related_count, .admins span, .summary em, .fphone_number, .my_numbers_label, .blurb_inner, .photo_header strong, .note_content, .multi_friend_status, .current_path span, .current_path, .petition_header, .pyramid_summary strong, #app2318966938_main-col dd a, #status_text, .contact_email_pending em, .profile_needy_message, .paging_link div, .big_title, .fb_header_light, .import_status strong, .upload_guidelines ul li span, .upload_guidelines ul li span strong, #selector_status, .timestamp strong, .chat_notice, .notice_box, .text_container, .album_owner, .location, .info_rows dd, .divider, .post_user, div[style="color: rgb(101, 107, 111);"] b, div[style="color: rgb(51, 51, 51);"] b, .basic_info_summary_and_viewer_actions dd, .profile_info dd, .story_comment, p strong, th strong, .fstatus, .feed_story_body, .story_content_data, .home_prefs_saved p, .networks dd, .relationship_status dd, .birthday dd, .current_city dd, .UIIntentionalStory_Message, .UIFilterList_Selected a, .UIHomeBox_Title, .suggestion, .spell_suggest, .UIStoryAttachment_Caption, .fexth + td, .fext_short, #fb_menu_inbox_unread_count, .Tabset_selected .arrow .sel_link span, .UISelectList_check_Checked, .chat_fl_nux_header, .friendlist_status .title a, .chat_setting label, .UIPager_PageNum, .good_username, .UIComposer_AttachmentTitle, .rsvp_option:hover label, .Black, .comment_author span, .fan_status_inactive, .holder, .UIThumbPagerControl_PageNumber, #app93753738186_title, .text_center, .nobody_selected, .email_promise, .blocklist ul, #advanced_body_1 label, .continue, .empty_albums, div[style="margin: 0px 8px 0px 0px; padding: 4px 3px; color: black; font-weight: bold;"], .GBThreadMessageRow_Body_Content, .UIShareStage_Subtitle, #public_link_photo span, .GenericStory_Message, .UIStoryAttachment_Value, div[style="margin-top: 25px; font-size: 14px; color: black; margin-left: 15px;"] {color: #ffffff !important;}

.mp3player_holder {background: #ffffff !important; opacity: .55;}

.bumper {background: #000000 !important;}

.date_divider {border: none !important; color: #99ffcc !important;}

.valid, .wallheader small, #photodate, .video_timestamp strong, .date_divider span, .feed_msg h5, .time, .item_contents, .boardkit_topic_updated, .walltime, .feed_time, .story_time, #status_time_inner, .written small, .date, div[style="font-size: 11px; padding-top: 15px; color: rgb(85, 82, 37);"], .timestamp span, .time_stamp, .timestamp, .header_info_timestamp, .more_info div, .timeline, .UIIntentionalStory_Time, .fupdt, .note_timestamp, .chat_info_status_time, .comment_actions, .UIIntentionalStory_Time a, .UIUpcoming_Time, .rightlinks, .GBThreadMessageRow_Date, .GenericStory_Time a, .GenericStory_Time{color: #99ffcc !important;}

.date_divider_label{color: #99ffcc !important; width: 100% !important; margin: 5px 0px 5px 1px !important;font-size: 1.4em !important;}

.textinput, select, .list_drop_zone, .msg_divide_bottom, textarea, input[type="text"], input[type="file"], input[type="search"], input[type="input"], .inputtext, input[type="password"], .space, .tokenizer, input[type="hidden"], .FriendAddingTool_Menu, input[type="input"], #flm_new_input, .UITooltip:hover, .UIComposer_InputShadow, .searchroot input, input[name="search"] {background: rgba(0,0,0,.5) !important;-moz-appearance:none!important; color: #999999 !important; border: none !important; padding: 3px !important; }

.GBSearchBox_Input, .tokenizer, .LTokenizerWrap{background: rgba(0,0,0,.5) !important;}

home_filter_list, #home_sidebar, #contentWrapper, .LDialog, .dialog-body, .LDialog, .LJSDialog, .dialog-foot, #home_stream, .friend_list_container a:hover {background: rgba(20,20,20,.40) !important;}

.feed_comments, .home_status_editor, #rooster_container, .rooster_story, .UIFullPage_Container, .UIRoundedBox_Box, .UIRoundedBox_Side, .wallpost, .profile_name_and_status, .tabs_wrapper, .story, #feedwall_controls, .composer_well, .status_composer, .home_main_item, .feed_item, .HomeTabs_tab, #feed_content_section_applications li, .menu_separator, a[href="/friends"], .feed_options_link, .show_all_link, .status, #newsfeed_submenu, .morecontent_toggle_link, .more_link, .composer_tabs, .bl, .profile_tab, .story_posted_item, .left_column, .pager_next, .admarket_ad, .box, .inside, .shade_b, .who_can_tab, .summary_simple, .footer_submit_rounded, .well_content, .info_section, .item_content, .info, .basic_info_summary_and_viewer_actions dt, .info dt, .photo_table, .extra_content, .main_content, .search_inputs, .search_results, .result, .bar, .smalllinks span, .quiz_actionbox, .column, .note_header, .fdh, #fpgc, #fpgc td, .fmp, .fadvfilt, .fsummary, .frn, .two_column_wrapper, #new_ff, .see_more, .message_rows, .message_rows tr, .toggle_tabs li, .toggle_tabs li a, .notifications, .updates_all, .composer, .WelcomePage_MainSellContainer, .WelcomePage_MainSell, .media_gray_bg, .photo_comments_container, .photo_comments_main, .empty_message, .UIMediaHeader_Title, .UIMediaHeader_SubHeader, .footer_bar, .single_photo_header, #editphotoalbum, .covercheck, #newalbum, .panel, .album, .dh_titlebar, .page_content, .dashboard_header, .photos_header, .privacy_summary_items, .privacy_summary_item, .block_overview, .privacy_page_field, .editor_panel, .block, .action_box, .even_column, .mobile_account_inlay, .language, .confirm_boxes, .confirm, .status_confirm, #app2694795861_middle, .hasnt_app, #app2694795861_container, .container, .UIDashboardHeader_TitleBar, .UIDashboardHeader_Container, .note, .UITwoColumnLayout_Container, .dialog_body, .dialog_buttons, .group_lists, .group_lists th, .group_list, .updates, .share_section, #profilenarrowcolumn, #profilewidecolumn, #inline_wall_post, .post_link_bar, .helppro_content, .answers_list_header, .title, #help_titlebar, .new_user_guide, .new_user_guide_content, .flag_nav_item, .flag_nav_item a, .arrowlink a, #safety_page, #safety_page h5, .dashbar, .disclaimer, #store_options, #store_window, .step, .canvas_rel_positioning, .app_content_2405948328, .app_type a, .sub_selected a, .box_head, .inside_the_box, .app_about, .fallback, .box_subhead, .fbpage_card, #devsite_menubar, .content, .content_sidebar, .side, .pBody li a, #p-logo, #p-navigation, #p-navigation .pBody, #bodyContent h1, #p-wiki, #p-wiki .pBody, #p-search, #p-search .pBody, #p-tb, #p-tb .pBody, #bodyContent table, #bodyContent table div, .recent_news, .main_news, .news_header, .devsite_subtabs li a, .middle-container, .feed_msg h4, .ads_info, .contact_sales, .wrapper h3, .presence_bar_button:hover, .icon_garden_elem:hover, #profile_minifeed, .presence_menu_opts h2, .application_menu_header, .focused, .presence_menu_header, #presence_popout_background, .dialog_summary, .tab span, .wallkit_postcontent h4, .address, #badges, .badge_holder, .aim_link, .user_status, .section_editor, .my_numbers, .photo_editor, .gift_rows, .sub_menu, .main-nav-tabs li a, .submenu_header, #app_content_3396043540 div, .new_gift, #profile_footer_actions, #status_bar, #summaryandpager, .userlist, #feedBody, #feedHeaderContainer, #feedContent, .feedBackground, .mixer_panel, .titles, .sliders, .slider_holder, .fbpage_title, .options, #linkeditorform, #app_content_2318966938 div.main_tabs, #app2318966938_fb_dashboard_content, #app2318966938_fb_dashboard_util_links, .item, .typeahead_list_with_shadow, .module, .tc, .bc, .footer, #app2318966938_profile_pic, .answer, .announcement, .basic_info_content, .slot, .boardkit_no_topics, .ranked_friend, .boardkit_subtitle, #app2318966938_cause_petition, #app2318966938_cause_subpage_header, .filter-tabs, .level, .level_summary, .cause, li.clearfix a, .attachment_stage, .attachment_stage_area, .beneficiary_info, #app2318966938_main-col, #app2318966938_gift_box, #app2318966938_gift_list, #app2318966938_gift_form_container, #app2318966938_request_form_container, #app2318966938_welcome_box, #app2318966938_new_media_item, #app2318966938_post_comment_form, #info_tab, #feedwall_with_composer, .frni, .frni a, .flistedit, .fmp_delete, #feed_content_section_friend_lists li, .composer_tabs li:not(.selected), .menu_content li a, .view_on, div[style="margin: 5px 0pt; padding: 2px 5px; width: 200px; background-color: rgb(236, 236, 236);"], #app2603626322_wibAppContainer, #app2603626322_header, #app2603626322_profile-qotd, .rounded-box, .ffriend, .tab_content, .wrapper_background, .full_container, .white_box, #friends li a, #inline_composer, .name, .skin_body, .invite_tab_selected, .inside table, .matches_matches_box, .matches_content_box_subtitle, tr[fbcontext="41097bfeb58d"], .dialog_body div div, div[style="border: 1px solid rgb(255, 253, 110); padding: 10px; background-color: rgb(255, 254, 239); font-size: 16px; font-weight: bold; text-align: center; margin-top: 25px; margin-bottom: 25px;"], div[style="clear: both; background-color: rgb(240, 242, 246); width: 100%; float: left; margin-bottom: 30px;"], .new_menu_off, div[style="border: 1px solid rgb(221, 221, 221); padding: 0px 10px 10px; background-color: rgb(255, 255, 255); margin-top: 25px; margin-bottom: 15px;"], td[style="width: 750px; padding-left: 20px; background-color: rgb(255, 255, 255);"], td[style="width: 750px; background-color: rgb(255, 255, 255);"], div[style="border: 1px solid rgb(221, 221, 221); padding: 0px 10px 10px; float: left; background-color: rgb(255, 255, 255); width: 730px; margin-top: 25px; margin-bottom: 25px;"], div[style="border: 1px solid rgb(221, 221, 221); padding: 0px 10px 10px; background-color: rgb(255, 255, 255); margin-top: 25px; margin-bottom: 25px;"], .present_info_label, .import_status, table[style="border-bottom: 1px solid rgb(204, 204, 204); padding: 10px 0pt 2px; width: 100%; background-color: rgb(247, 247, 247);"], .upload_guidelines, .tagger_border, .chat_info, .chat_conv_content, .chat_conv, .visibility_change, .pic_padding, .chat_notice, .chat_input_div, .wrapper, .toolbar_button, .toolbar_button_label, .pages_dashboard_panel, .no_pages, .divider, #filterview, #groupslist, .grouprow, .grouprow table, .board_topic, #big_search, #invitation_list, #invitation_wrapper, .emails_error, li[style="height: 31px; background-color: rgb(255, 255, 255); display: block;"], .outer_box, .inner_box, #app2318966938_simple_cause_action, .frame, #app2318966938_feature_step1, #app2318966938_diagram, #app2318966938_donor_match_activity, .days_remaining, div[style="color: rgb(101, 107, 111);"],#app2413267546_hp_profile_upsell, div[style="background-color: rgb(255, 255, 255);"], .module, .submodule, .ntab, .ntab .tab_link, div[style="margin: 1px 0pt 0pt 6px; padding: 4px 4px 4px 5px; float: right; background-color: rgb(216, 216, 216);"], div[style="border: 1px solid rgb(221, 221, 221); padding: 5px; background-color: rgb(247, 247, 247);"], .grayheader, .inline_wall_post, div[style="padding: 15px 10px 5px; background-color: rgb(247, 247, 247);"], .related_box, .home_box_wrapper, .two_column, .challenge_stats, .quiz_box, div[style="border: 1px solid rgb(202, 206, 209); background-color: rgb(255, 255, 255); width: 430px; margin-bottom: 10px;"], #fb_challenge, #fb_challenge_page, .challenge_leaderboard, .leaderboard_tile, div[style="background-color: rgb(255, 255, 255);"], div[style="background-color: rgb(247, 247, 247);"], div[style="padding: 0px 57px 25px; background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 646px;"], .sidebar_upsell, div[style="padding: 15px 0px 5px 10px; background-color: rgb(255, 255, 255); margin-top: 10px;"], .concerts_module, .container_box, #login_homepage, .user_hatch_bg, .pick_main, #homepage, .wall_post_body, div[style="border-bottom: 1px solid rgb(202, 206, 209); padding-bottom: 4px; margin-bottom: 8px;"], .track, .HomeTabs_tab a, .minifeed, .alert_wrap, .logged_in_vertical_alert, .info_column, #public_listing_friends, #public_listing_pages, .gamertag_app, .gamerProfileBody, #photo_picker, .album_picker .page0 .row, .dialog_loading, .timeline, .partyrow, .partyrow table, #invite_list li, .group_info_section, #moveable_wide, .UIProfileBox_Content, .presence_menu_content_wrapper, #application_menu_root, #application_menu_extended_root, #presence_applications_content, #application_menu_recent_apps, .application_menu_divider, .story_content, .settings_panel, .app_browser li, .photos_tab, .recent_notes, .side_note, .album_information, .results, .logged_out_register_vertical, .logged_out_register_wrapper, .deleted, div[style="padding: 75px 100px 150px; background: rgb(215, 215, 215) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"], div[style="padding: 15px; background: rgb(254, 254, 254) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"], div[style="margin-left: 3px; width: 300px; height: 250px; padding-top: 5px; background-color: white; padding-bottom: 10px;"], .home_prefs_saved, .share_send, .header_divide, .thread_header, .message, .status_composer_inner, .fbpage_edit_header, .app_switcher_unselected, .status_placeholder, .UIComposer_TDTextArea, .UIHomeBox_Content, .UIHotStory, .home_welcome, .summary_custom, .source_list, .minor_section, .UIComposer_Attachment_TDTextArea, .info_diff span, .matches span, .menu_content, .UIcomposer_Dropdown_List, .UIComposer_Dropdown_Item, .feed_auto_update_settings, .container, .silver_footer, .friend_grid_col, .token, .token > span, .token > span > span, .token > span > span > span, .token > span > span > span > span, .tokenizer_input, .tokenizer_input *, .text, #friends_multiselect, .flink_inner a:hover, #grouptypes, #startagroup p, .UICheckList, .FriendAddingTool_InnerMenu, .pagerpro li a:hover, #friend_filters, .fb_menu_count_holder, .hp_box, .view_all_link, div[style="padding: 6px 6px 6px 126px; margin-bottom: 0px; background-color: rgb(244, 244, 244);"], .app_settings_tab, .tab_link, #flm_add_title, #flm_current_title, #flm_list_selector .selector, #friends_header, #friends_wrapper, .contacts_header, .contacts_wrapper, .row1, .show_advanced_controls, .FriendAddingTool_InnerMenu, .UISelectList, .UISelectList_Item, .UIIntentionalStory_CollapsedStories, .email_section, .section_header_bg, .rqbox, .ar_highlight, #buddy_list_panel, .panel_item, .friend_list, .friendlist_status, .options_actions a span, .chat_setting label, li[style="background-color: rgb(255, 255, 255);"], .toolbox, .chat_actions, .UIWell, .UIComposer_InputArea, .app_content_8138090269 .c, .app_content_8138090269 .info_box, .app_content_8138090269 .pad, .app_content_8138090269 .shade_bg, .invite_panel, .apinote, .UIInterstitialBox_Container, div[style="border: 1px solid rgb(51, 51, 51); margin: 10px 0pt 15px; padding: 5px 10px; background-color: rgb(255, 255, 204);"], .ical_section, .maps_brand, table[style="background-image: url(); background-repeat: repeat; padding-bottom: 2px;"], table[style="background-image: url(); background-repeat: repeat; height: 28px;"], .degrade, td[style="background-image: url(); background-repeat: no-repeat; height: 224px; width: 78px; vertical-align: top; text-align: center;"], .divbox4, .lighteryellow, .fan_status_inactive, .UIBeeperCap, .footer_fallback_box, .footer_refine_search_company_school_box, .footer_refine_search_email_box, .UINestedFilterList_List, .UINestedFilterList_SubItem, .UINestedFilterList_Item_Link, .UINestedFilterList_Item_Link, .UINestedFilterList_SubItem_Link, .app_dir_app_summary, .app_dir_featured_app_summary, .app_dir_app_wide_summary, .profile_top_bar_container, .UIStream_Border, li[style="height: 26px; background-color: rgb(255, 255, 255); display: block;"], div[style="border: 1px solid rgb(204, 204, 204); margin: 5px 5px 0px 0px; padding: 6px 3px 0px 30px; width: 725px; height: 22px; text-align: center; background-color: rgb(247, 247, 247);"], .question_container, .unselected_list label:nth-child(odd), div[style="width: 300px; height: 250px; background-color: rgb(247, 247, 247); text-align: center;"], .request_box, .actions, .showcase, .steps li, #fb_sell_profile div, .promotion, .UIOneOff_Container tabs, .whocan, .lock_r, .privacy_edit_link, .friend_list_container li:hover a, .application_menu_logoless_item li:hover, .email_field, .app_custom_content, #page, div[style="padding: 0px 57px 25px; background: transparent url() repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 646px;"], div[style="border: 1px solid rgb(221, 221, 221); padding: 5px; background-color: rgb(247, 247, 247); width: 728px;"], div[style="border: 1px solid rgb(204, 204, 204); padding: 8px 8px 15px; background-color: rgb(247, 247, 247); margin-top: 10px;"], .thumb, div[style="width: 100%; padding-top: 10px; padding-bottom: 5px; background-color: rgb(240, 240, 240); height: 370px;"], .step_frame, .radioset, .radio_option, .page_option, .explanation_note, .card, .empty_albums, .right_column, .full_widget, .connect_top, .creative_preview, .creative_column, .UIAdmgrCreativePreview, .UIEMUASFrame, .banner_wrapper, .dashboard, .pages, #photocrop_instructions, .UIContentBox_GrayDarkTop, .UIContentBox_Gray, .UIContentBox, #FriendsPage_ListingViewContainer, .UIStandardFrame_Content, .post_editor, #app258972495062_content, div[style="border: 1px solid rgb(255, 0, 0); margin: 10px; padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 11px;"], div[style="border: 1px solid rgb(204, 204, 204); margin: 15px; padding: 10px 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"], .entry, div[style="border: 1px solid rgb(255, 0, 0); padding: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-left: 10px; margin-right: 11px; margin-bottom: 10px; font-size: 11px;"], #app98388705097_fb_canvas, .fb_dashboard, .spacey_footer, .thread, .post, .UIWashFrame_Content, table[bindpoint="thread_row"], table[bindpoint="thread_row"] tbody, .GBThreadMessageRow, .message_pane, .UIComposer_ButtonArea, .UIRoundedTransparentBox_Border, .feedbackView, .group, .streamPaginator, div[style="padding: 100px 0pt 110px; background: rgb(230, 234, 242) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 860px; text-align: center;"], .nullStatePane, .inboxControls, .filterControls, .inboxView tr, .tabView, .tabView li a, .splitViewContent, .photoGrid, .albumGrid, .frame .img, .gridViewCrop, .gridView, .profileWall form, .story form, .formView, .inboxCompose, .LTokenizerToken, #icon_garden, #buddy_list_tab, #presence_notifications_tab, #editphotoalbum .photo, .likes, .UISuggestionList_SubContainer, .fan_action {background: rgba(20,20,20,.2) !important;}

.UIRoundedBox_Corner, .quote, .em, .UIRoundedBox_TL, .UIRoundedBox_TR, .UIRoundedBox_BR, .UIRoundedBox_LS, .UIRoundedBox_BL, .profile_color_bar, .pagefooter_topborder, .flyout_menu_header_shadow, .flyout_menu_header, .flyout_menu_mask, .flyout_menu_content_shadow, .menu_content, .newsfeed_more_section, .newsfeed_more_flyout_apps, .newsfeed_more_flyout_wrapper, .flyout_menu_content_shadow, h3, #feed_content_section_friend_lists, ul, li[class=""], .comment_box, .comment, #homepage_bookmarks_show_more, .profile_top_wash, .canvas_container, .composer_rounded, .composer_well, .composer_tab_arrow, .composer_tab_rounded ,.tl, .tr, .module_right_line_block, .body, .module_bottom_line, .lock_b_bottom_line, #info_section_info_2530096808 .info dt, .pipe, .dh_new_media, .dh_new_media .br, .frn_inpad, #frn_lists, #frni_0, .frecent span, h3 span, .UIMediaHeader_TitleWash, .editor_panel .right, .UIMediaButton_Container tbody *, #userprofile, .profile_box, .date_divider span, .corner, .profile #content .UIOneOff_Container, .ff3, .photo #nonfooter #page_height, .home #nonfooter #page_height, .home .UIFullPage_Container, .main-nav, .generic_dialog, #fb_multi_friend_selector_wrapper, #fb_multi_friend_selector, .tab span, #app2318966938_columns, .tabs, .pixelated, .disabled, .title_header .basic_header, #app2318966938_content, #profile_tabs li, #app2318966938_invite_tab, #app2318966938_invite_tab a, #tab_content, .inside td, .match_link span, tr[fbcontext="41097bfeb58d"] table, .accent, #tags h2, .read_updates, .user_input, #app2318966938_pixel_crowd, .home_corner, .home_side, .br, .share_and_hide, .recruit_action, div[style="background-color: rgb(255, 255, 255); height: 15px;"], .share_buttons, .input_wrapper, .status_field, .UIFilterList_ItemRight, .link_btn_style span, #app8859446545_fb_canvas, .UIComposer_ButtonContainer, .UIActionMenu_Main, .UICheckList_Label, span[style="background: white none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"], #flm_list_selector .Tabset_selected .arrow, #flm_list_selector .selector .arrow .sel_link, .friendlist_status .title a, .online_status_container, .list_drop_zone_inner, .UIActionMenu_ButtonOuter, .UIActionMenu_ButtonInner, .good_username, .WelcomePage_Container, .UIComposer_ShareButton *, .UISelectList_Label, .UIComposer_InputShadow .UIComposer_TextArea, .UIMediaHeader_TitleWrapper, span[style="background: white none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"], .boxtopcool_hg, .boxtopcool_trg, .boxtopcool_hd, .boxtopcool_trd, .boxtopcool_bd, .boxtopcool_bg, .boxtopcool_b, #confirm_button, .title_text, #advanced_friends_1, .fb_menu_item_link, .fb_menu_item_link small, .white_hover, .GBTabset_Pill span, .UINestedFilterList_ItemRight, .GBSearchBox_Input input, .inline_edit, .feedbackView .comment th div, .searchroot, .composerView th div, .reply th div, .LTokenizer, .Mentions_Input, .signup_bar_container, form.comment div, .ufi_section, .BubbleCount, .BubbleCount_Right, .UIStory, .object_browser_pager_more, .friendlist_name, .friendlist_name a, .friend_list_container a, .switch {background: transparent !important;}

menubar_container, .UIObject_SelectedItem, .sidebar_item_header, .announcement_title, #fb_menubar, #pagefooter, .Tabset_selected, .flyout_menu, .flyout_menu_title, #feed_header_section_applications, .newsfeed_more_section, .selected, .Tabset_selected .br, .date_divider_label, .profile_action, .blurb ,.tabs_more_menu, .more a span, .selected h2, .column h2, #app2694795861_tabbed_search, .fb_menu_dropdown, .fb_menu_item, .ffriends, .make_new_list_button_table tr, .title_header, .inbox_menu, .toggle_tabs li .selected, .side_column, .section_header h3 span, .media_header, .wallheader, #album_container, #photoborder, .note_dialog, .dialog, .has_app, .UIMediaButton_Container, .dialog_title, .dialog_content, #mobile_notes_announcement, .see_all, #profileActions, .fbpage_group_title, .UIProfileBox_SubHeader, #profileFooter, .share_header, #share_button_dialog, .flag_nav_item_selected, .new_user_guide_content h2, #safety_page h4, .section_banner, .add, .box_head, #header_bar, .content_sidebar h3, .content_header, #events h3, #blog h3, .footer_border_bottom, .firstHeading, #footer, .recent_news h3, .active, .wrapper div h2, #presence_ui, #presence_bar, .presence_menu_opts_wrapper, .presence_menu_opts, #buddy_list_typeahead, .tab .current, .UIProfileBox_Header, .box_header, .notification, .bdaycal_month_section, #feedTitle, .pop_content, #linkeditor, .UIMarketingBox_Box, .tab, #app2318966938_header, .utility_menu a, .typeahead_list, .typeahead_suggestions, .typeahead_suggestion, .fb_dashboard_menu, .green_promotion, .module h2, .current_path, .boardkit_title, .filter-tabs .current, .see_all2, .plain, .share_post, #app2318966938_secondary-col, #app2318966938_main-col dt, #app2318966938_gift_list li, .add-link, #profile_tabs li.selected, .active_list a, #photoactions a, .UIPhotoTagList_Header, .morecontent_toggle_link a:hover, .dropdown_menu, .menu_content, .menu_content li a:hover, .menu_content li:hover, #edit_profilepicture, .menu_content div a:hover, #app2603626322_add-app, #app2603626322_qotd-rankings, .contact_email_pending, .req_preview_guts, .inputbutton, .inputsubmit, .activation_actions_box, .wall_content, .matches_content_box_title, tr[fbcontext="41097bfeb58d"] table[style="border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); width: 100%; padding-top: 1%; padding-bottom: 1%;"], .new_menu_selected, div[style="float: left; text-align: center; height: 17px; padding-top: 3px; padding-left: 5px; padding-right: 5px; width: 75px; background-color: rgb(200, 201, 202);"], div[style="float: left; text-align: center; height: 17px; padding-top: 3px; padding-left: 5px; padding-right: 5px; width: 180px; background-color: rgb(200, 201, 202);"], div[style="float: left; text-align: center; height: 17px; padding-top: 3px; padding-left: 5px; padding-right: 5px; width: 160px; background-color: rgb(200, 201, 202);"], td[style="background-color: rgb(243, 243, 243); padding-left: 10px; padding-right: 10px;"], div[style="border: 1px solid rgb(221, 216, 86); padding: 10px; font-size: 10px; background-color: rgb(255, 254, 217); width: 97%; margin-bottom: 10px;"], #editnotes_content, div[style="border: 1px solid rgb(204, 204, 204); padding: 2px 6px; background: rgb(247, 247, 247) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"], #app2405948328_ryQuizTutorialDiv, #file_browser, .chat_window_wrapper, .chat_window, .chat_header, .tab_button_div, .hover, .dc_tabs a, .post_header, .header_cell, #error, .filters, .pages_dashboard_panel h2, .srch_landing h2, .bottom_tray, .fb_button, .next_action, .pl-divider-container, .sponsored_story, #app2413267546_updated_banner, div[style="border: 1px solid rgb(183, 183, 183); margin: 20px 0px 15px; padding: 10px; background-color: rgb(231, 231, 231);"], #app2413267546_tab_upsell, div[style="border: 1px solid rgb(51, 51, 51); margin: 10px 0pt; padding: 10px; background-color: rgb(255, 255, 204);"], .header_current, .discover_concerts_box, .header, .sidebar_upsell_header, .activity_title h2, .wall_post_title, #maps_options_menu, .menu_link, .Tabset_selected a, .gamerProfileTitleBar, .feed_rooster , .emails_success, .friendTable table:hover, .board_topic:hover, .fan_table table:hover, #partylist .partyrow:hover, .latest_video:hover, .wallpost:hover, .profileTable tr:hover, .friend_grid_col:hover, .bookmarks_list li:hover, .requests_list li:hover, .birthday_list li:hover, #application_menu_root li:hover, #application_menu_extended_root li:hover, #application_menu_recent_apps li:hover, .tabs li .profile_tab:hover, .composer_tab_arrow:hover, .fb_song:hover, .share_list .item_container:hover, .written a:hover, #photos_box .album:hover, .people .row .person:hover, #newsfeed_tabs_tab_1 a:hover, #newsfeed_tabs_tab_2 a:hover, #newsfeed_tabs_tab_3 a:hover, #newsfeed_tabs_tab_4 a:hover, .group_list .group:hover, .confirm_boxes .confirm:hover, .posted .share_item_wide .share_media:hover, .note:hover, .editapps_list .app_row:hover, .toggle_tabs li a:hover, .my_networks .blocks .block:hover, .mock_h4, #notification_options tr:hover, .notifications_settings li:hover, .mobile_account_main h2, .language h4, .products_listing .product:hover, .info .item .item_content:hover, .info_section:hover, #main_album_content .album_cell:hover, .extra_content .album_cell:hover, .UIPhotoGrid_Table .UIPhotoGrid_TableCell:hover, #results .album:hover, .photos_tab_header, .recent_notes p:hover, .side_note:hover, .app_content_2318966938 .call_to_action a, .suggestion, .story:hover, .post_data:hover, .album_row:hover, .track:hover, .box div[style="float: left; padding-right: 4px; padding-bottom: 10px;"]:hover, #pageheader, .message:hover, .app_switcher_button, .UIComposer_Button, .UIFilterList_Selected, .UIFilterList_Item a:hover, .UIHotStory:hover, .UIHomeBox_Top, .UIComposer_AttachmentArea, input[type="submit"], .UIComposer_Attachment_TDButton, .UIComposer_Attachment_ButtonContainer, .UITabGrid_Link:hover, .UIActionButton, .UIActionButton_Link, .confirm_button, .silver_dashboard, span.button, .col:hover, #photo_tag_selector, #pts_userlist, .fb_menu_title a:hover, .flink_dropdown, .flink_inner, .grouprow:hover, #findagroup h4, #startagroup h4, .actionspro a:hover, .UIActionMenu_Menu, .UICheckList_Label:hover, .make_new_list_button_table, .fb_menu_item a:hover, .contextual_dialog_content, .Tabset_selected, #flm_list_selector .selector:hover, .show_advanced_controls:hover, .UISelectList_check_Checked, .section_header, .section_header_bg, #buddy_list_panel_settings_flyout, .options_actions, .chat_setting, .flyout, #tagging_instructions, .FriendsPage_MenuContainer, .UIActionMenu, .UIObjectListing:hover, .UIStory_Hide .UIActionMenu_Wrap, .UIBeeper, .app_content_8138090269 .herror, .app_content_8138090269 .hsuccess, .branch_notice, .async_saving, .UIActionMenu .UIActionMenu_Wrap:hover, .attachment_link a:hover, .UITitledBox_Top, .UIBeep, .Beeps, #friends li a:hover, .apinote h2, .UIActionButton_Text, .rsvp_option:hover, .onglettrhi, .ongletghi, .ongletdhi, .ongletg, .onglettr, .ongletd, .confirm_block, .header, .unfollow_message, div[style="margin: 7px; padding: 7px; text-align: center; background-color: rgb(255, 255, 187);"], .UINestedFilterList_SubItem_Selected .UINestedFilterList_SubItem_Link, .UINestedFilterList_SubItem_Link:hover, .UINestedFilterList_Item_Link:hover, .UINestedFilterList_Selected .UINestedFilterList_Item_Link, .app_dir_app_summary:hover, .app_dir_featured_app_summary:hover, .app_dir_app_wide_summary:hover, .UIStory:hover, .UIPortrait_TALL:hover, .fb_menu a:hover, .UIActionMenu_Menu div, .UIButton_Blue, .UIButton_Gray, div[style="border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(255, 255, 255); border-width: 1px 1px medium; padding: 10px; font-size: 15px; font-weight: bold; color: red; text-align: center; background-color: rgb(255, 249, 215);"], div[style="border: 1px solid rgb(204, 204, 204); padding: 10px; font-size: 15px; font-weight: bold; color: red; text-align: center; background-color: rgb(255, 249, 215);"], .quiz_cell:hover, div[style="border: 1px solid rgb(204, 204, 204); padding: 10px; font-size: 20px; font-weight: bold; color: red; text-align: center; background-color: rgb(255, 249, 215);"], .UIFilterList > .UIFilterList_Title, .message_rows tr:hover, .ntab:hover, .thumb_selected, .thumb:hover, .hovered a, .pandemic_bar, .promote_page, .promote_page a, .create_button a, .nux_highlight, .UIActionMenu_Wrap, .share_button_browser div, .silver_create_button, .painted_button, .flyer_button, table[bindpoint="thread_row"] tbody tr:hover, .GBThreadMessageRow:hover, #header, .button, h2, h4, button, #navigation a:hover, .settingsPaneIcon:hover, a.current, .inboxView tr:hover, .tabView li a:hover, .friendListView li:hover, .LTypeaheadResults, .LTypeaheadResults a:hover, .dialog-title, #presence_applications_tab, .tab_handle, #buddy_list_tab, #presence_notifications_tab, .UIComposer_PrivacyCallout_Text, .UIIntentionalStream_Top, .UISuggestionList_SubContainer:hover{background: url("") fixed repeat left center !important; border-color: #000000 !important; }

.profile_tab_more .tab_link, .newsfeed_plus_link a{background: url("") !important;}

.profile_tab_more .tab_link:hover, .newsfeed_plus_link a:hover{background: url("") !important;}

.add_tab .tab_link {background: url("") !important;}

.add_tab .tab_link:hover {background: url("") !important;}

.chat_input, .fb_song_play_btn {background-color: transparent;}

app2318966938_profile_main_container, .pl-item, .ical {background-color: #333333 !important;}

.pl-alt {background-color: #222222 !important;}

.UIObjectListing_PicRounded, img[src=""], .UIRoundedImage_CornersSprite, .UITabGrid_Link:hover .UITabGrid_LinkCorner_TL, .UITabGrid_Link:hover .UITabGrid_LinkCorner_TR, .UITabGrid_Link:hover .UITabGrid_LinkCorner_BL, .UITabGrid_Link:hover .UITabGrid_LinkCorner_BR, .UILinkButton_R, img[src=""], img[src=""] {visibility:hidden !important;}

img[src=""], img[src=""] {display:none;}

div[style="padding: 20px 5px; color: white;"], .maps_arrow{visibility: hidden !important;}

app2318966938_gift_list li {margin: 5px !important;}

.share, .raised, .donated, .recruited, .srch_landing, .story_editor {background-color: transparent !important;}

.extended_link div, #app2318966938_guidestar-logo img {background-color: #ffffff !important}

.pop_content { background-color: #333333 !important}

.UIRoundedBox_TR *, .rooster_story, .HomeTabs_tab, .newsfeed_header, .menu_content, *{border-color: #000000 !important;}

feed_content_section_applications *, #feed_header_section_friend_lists *, .summary, .summary *, .UIMediaHeader_TitleWash, .UIMediaHeader_TitleWrapper, .feedbackView .comment th div, .searchroot, .composerView th div, .reply th div{border-color: transparent !important;}

small[style="background-image: url();"], h2[style="background-image: url();"], .bookmark, .UIFilterList_Icon[style="background-image: url(http://b.static.ak.fbcdn.net/images/app_icons/group.gif?8:39263);"], a.group{background-image: url("") !important; background-repeat: no-repeat !important; }

.buddy_icon, .UIFilterList_ItemLink[title="Groups"] img, .sx_app_icons_friends_full, .sx_icons_buddy_list, img[src="http://b.static.ak.fbcdn.net/images/icons/group.gif?8:25796"], .friends:not(.section), .networks li {background: url("") no-repeat !important; padding: 20px 0px 0px 0px; margin: 2px 0px 0px 0px; width: 16px !important; height: 0px !important; }

img[src=""], img.sx_group, img.sx_icons_group{background: url("") no-repeat !important; padding: 15px 0px 0px 0px; margin: 2px 0px 0px 0px; width: 16px !important; height: 0px !important; }

img.show_available, img[src="http://b.static.ak.fbcdn.net/images/im_online.gif?8:63264"], .sx_icons_im_online {background: url("") no-repeat !important; padding-left: 18px !important; height: 15px !important; width:0px!important }

img.sx_friend_guy, .sx_app_icons_friend_guy, .friends_lists .icon {background: url("") no-repeat !important; }

.elem li {background: url("") no-repeat !important; height: 20px !important; background-position: -0px 0px !important; margin: 0px !important; padding: 2px 4px 0px 25px !important; width: 100px !important;}

.status_placeholder, .UIComposer_TDTextArea, .UIComposer_TextAreaShadow, .UIContentBox , .box_column, form.comment div, .comment_box div{border: none !important;}

.attachment_link a:hover, input[type="input"], input[type="submit"], .UITabGrid_Link:hover, .UIFilterList_Selected, .make_new_list_button_table, .confirm_button, .fb_menu_title a:hover, .Tabset_selected {border-bottom-color: black !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-top-color: black !important; border-top-width: 1px !important; border-top-style: solid !important; border-left-color: black !important; border-left-width: 1px !important; border-left-style: solid !important; border-right-color: black !important; border-right-width: 1px !important; border-right-style: solid !important; -moz-appearance:none!important; }

input[type="button"]:hover {color: #ff6666 !important;}

.UITabGrid_Link, .fb_menu_title a, .button_main, .button_text, .button_left{border-bottom-color: transparent !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-top-color: transparent !important; border-top-width: 1px !important; border-top-style: solid !important; border-left-color: transparent !important; border-left-width: 1px !important; border-left-style: solid !important; border-right-color: transparent !important; border-right-width: 1px !important; border-right-style: solid !important; -moz-appearance:none!important; }

.UIActionMenu_ButtonOuter input[type="button"], .inner_button, .UIActionButton_Link{border: none !important;}

.divider, .UIComposer_Attachment_TDTextArea, #confirm_button {border: none !important;}

.UIMutableFilterList_Arrow, .flink_addtolist, .UIActionMenu_End {background: url("") no-repeat !important;}

.UIActionMenu_End{background-position: 2px 8px !important;}

.UIMutableFilterList_Arrow {background-position: -1px 0px !important;}

.UIActionMenu_Chevron{background: url("") no-repeat !important; background-position: 4px 9px !important;}

.UIIntentionalStory_Arrow {background: url("") no-repeat !important; width: 0px !important; height: 9px !important; padding-left: 11px !important;}

friends_page_subtitle, .UIDashboardHeader_Subtitle {background: url("") no-repeat !important; background-position: 0px 6px !important; }

.UIObjectListing_RemoveLink, .UIIntentionalStory_CloseButton, .remove, .x_to_hide, .fg_action_hide a, .notif_del, .UIComposer_AttachmentArea_CloseButton, .delete_msg a {background: url("") no-repeat !important; text-decoration: none !important; width: 18px !important; height: 18px !important; }

img[src="http://static.ak.fbcdn.net/images/streams/x_hide_story.gif?8:142665"] {background: url("") no-repeat !important; text-decoration: none !important; width: 0px !important; height: 18px !important; padding-left: 18px !important;}

.privacy .fb_menu_item_link small{background-image: url("") !important; background-repeat: no-repeat !important; background-position: -3px -3px !important; }

.apps .fb_menu_item_link small{background-image: url("") !important; background-repeat: no-repeat !important; background-position: -3px -4px !important; }

.account .fb_menu_item_link small{background-image: url("") !important; background-repeat: no-repeat !important; background-position: -3px -4px !important; }

.fb_menu_item_link small{width: 23px !important; margin: 0px !important; }

.x_to_hide {margin: 0px !important; padding: 0px !important}

.fg_action_hide {margin-right: 10px !important;}

.available .x_to_hide, .left_line, .line_mask, .chat_input_border {visibility: hidden !important;}

.flink_dropdown span{background: url("") no-repeat !important; background-position: 115px 2px !important; color: #aaaaaa !important;}

.frni, #frni_0, .make_new_list_button_table tbody > tr, .sx_app_icons_friend_list{background: url("") no-repeat !important;}

.frni, #frni_0, .make_new_list_button_table tbody > tr {background-position: 5px 5px !important;}

.UIHotStory_Bling, .UIHotStory_BlingCount:hover {text-decoration: none !important;}

.UIComposer_Attachment {margin-right: 2px;}

home_sidebar .UIHomeBox {width: 100%;}

global_maps_link, .advanced_selector {border: none !important;}

.event_profile_information tr:hover, .nux_highlight_nub {background: transparent !important;}

.request_link:hover, .request_link span:hover {text-decoration: none !important;}

.presence_menu_opts,#header, .LJSDialog { -moz-box-shadow: 0px 0px 3em #000000; }

.UIRoundedImage, .UIMediaItem_Photo, .UIContentBox_GrayDarkTop, .UIFilterList > .UIFilterList_Title, .UIWashFrame_Content, .dialog-title {-moz-box-shadow: 0px 0px 1em 1px #000000;}

feedwall_with_composer, .left_column, #home_sidebar, .UIIntentionalStream_Content .UIStream, .UIFilterList, .profile_top_bar_container, .canvas_rel_positioning, .UIStandardFrame_Content, .photos_tab, .info_tab, .app_tab, .box_tab, .notes, .box, .note_body, .right_column, .thread, #contentWrapper, #home_stream, .chat_window_wrapper {-moz-box-shadow: 0px 0px 2em -2px #000000;}

.extra_menus ul li:hover, #presence_applications_content ul li:hover, .UIRoundedBox_Box, .fb_menu_link:hover, .icon_garden_elem:hover, .presence_bar_button:hover, .UIComposer_MoreItem:hover, .UISelectList_Item:hover, .fb_logo_link:hover, .friend_list_container li:hover a, .hovered, .promote_page a, .create_button a, .share_button_browser div, .silver_create_button, .button, button, #navigation a:hover, #presence_applications_tab, #buddy_list_tab, #presence_notifications_tab, #chat_tab_bar, .tab_button_div, .friend_list_container a:hover{-moz-box-shadow: 0px 0px 3px 0px #000000, inset 0px 0px 3px 0px #000000;}

chat_tab_bar *{border:none !important;}

icon_garden{-moz-box-shadow: 0px 0px 3px -1px #000000, inset 0px 0px 3px -1px #000000;}

fb_menubar {-moz-box-shadow: inset 0px 0px 3px 0px #000000, 0px 0px 3em 3px #000000;}

presence_ui {-moz-box-shadow: 0px 0px 3em 1px #000000;}

presence_applications_tab:hover, #buddy_list_tab:hover, #presence_notifications_tab:hover, .tab_handle:hover, .focused {-moz-box-shadow: 0px 0px 3px 0px #000000, inset 0px 0px 3px 0px #000000, 0px 0px 3em 5px #FFFFFF;}

.UIButton:hover, .UIActionMenu_Wrap:hover, .tabs li:hover, .ntab:hover, input[type="submit"]:hover, .inputsubmit:hover, .promote_page:hover, .create_button:hover, .share_button_browser:hover, .silver_create_button_shell:hover, .painted_button:hover, .flyer_button:hover, .button:hover, button:hover{-moz-box-shadow: 0px 0px 1em 0px #FFFFFF;}

.UIComposer_Attachment .UIButton:hover{padding-left:5px !important;padding-top:4px !important;padding-right:1px !important;padding-bottom: 5px !important;}

.UIComposer_ButtonArea {padding: 5px !important;}

.icon_garden_elem .UITooltip{padding-top:3px !important;padding-left: 5px !important;padding-right:5px !important;}

.UIComposer_More .UIActionMenu {height: 24px !important;}

.UIComposer_More .UITooltip {width: 22px !important; height: 20px !important; padding-top: 3px !important; padding-left: 1px !important;padding-right:0px !important;padding-bottom: 0px !important;}

.UIComposer_More .UITooltip:hover {padding-left: 2px !important;padding-top:4px !important;}

.UIComposer_More .UITooltip:hover .UIActionMenu_Chevron {margin-top: 1px !important; padding-left: 0px !important;}

.UIRoundedImage {margin: 4px;}

.UITitledBox_Title {margin-left: 4px; margin-top:1px;}

.UIHomeBox_MoreLink {margin-right: 3px;}

.comments_add_box_image {margin-right: -5px !important;}

.show_advanced_controls {margin-top:-5px !important;}

.chat_window_wrapper {margin-bottom: 3px !important;}

.profile_top_bar_container {margin-left: -5px; margin-right: 5px;}

.profile_name_and_status, .copyright_and_location {padding-left: 5px;}

.UIFilterList > .UIFilterList_Title {padding: 5px !important; padding-left: 10px !important;}

presence_ui * {border: none !important;}

.UIButton_Text, .UISearchInput_Text {font-weight: normal !important;}

.top_bar_pic .UIRoundedImage {margin: 0px !important; padding: 0px !important;}

menubar_container, #header {width: 964px !important; margin: auto !important;}

.searchroot {padding-right: 5px !important;}

.composerView {padding-left: 8px !important; padding-bottom: 4px !important;}

.nub {display: none !important;}

}

@-moz-document domain("fb.familylink.com") {

div[style="margin-top: 10px; font-weight: bold; font-size: 14px; color: rgb(51, 51, 51); clear: both; font-family: 'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;"]{color: #ffffff !important;}

}

Retrieved from "http://wiki.developers.facebook.com/index.php/FBJS"

Facebook Developers

FBJS

From Facebook Developer Wiki

Contents

[edit] How It Works

[edit] The Basics

[edit] FBJS DOM Objects

[edit] Retrieving Objects

[edit] Manipulating Objects

[edit] Manipulating Styles

[edit] Setting Content

[edit] Working with Text Fields

[edit] Creating FBML Elements

[edit] Events

[edit] Mimic event.currentTarget

[edit] Unobtrusive Events

[edit] AJAX

[edit] Dialogs

[edit] FBML Blocks

[edit] Animation

[edit] Examples

[edit] Tips

Views

Personal tools

topics

get involved

reference

wiki

Search

Toolbox