• Steam recently changed the default privacy settings for all users. This may impact tracking. Ensure your profile has the correct settings by following the guide on our forums.

[Release] 'Less Junk' Facebook

Moose

Moose

Meta Moose
My first Stylish theme, thought I would share it with y'all because I like it a lot myself.

To install, you must have Stylish for Firefox installed which can be found here.

Follow these instructions that I have oh-so-stealthily stolen from Chathurga: Right click the Stylish icon in the bottom right, go to Write New Style -> Blank Style and paste the following CSS into the text box and then click save.

[HIGHLIGHT=CSS]@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("facebook.com") {
#pagelet_top_bar,.tabs_wrapper,#left_column,#home_left_column,#FriendsPage_PageletContainer,.UITwoColumnLayout_Content,#gb_content_and_toolbar,.GBToolbarTop,.UINestedFilterList,.GBToolbarSearch,.UITwoColumnLayout_NarrowContent,.right_column_container,#home_sidebar,.PYMK_Reqs_Sidebar,.picture,#event_profile_actions,.share_section,.ical_section,.event_left_column_boxes,.report_footer_actions,.UIStandardFrame_Container,#group_invite,.UITwoColumnLayout_LeftOrientation {
position: absolute !important;
}

.picture,#event_profile_actions,.share_section,.ical_section,.event_left_column_boxes,.report_footer_actions {
position: absolute !important;
top: 50px !important;
left: 0px !important;
}

.profile_name_and_status {
width: 1000px !important;
}

#event.UITwoColumnLayout_Content {
left: 200px !important;
}


.UIIntentionalStream_SummaryLink {
font-weight: bold !important;
color: #999999 !important;
font-size: 12px !important;
}

.UIIntentionalStream_LiveText {
font-weight: bold !important;
color: #999999 !important;
font-size: 12px !important;
}

.right_column_container {
padding-bottom: 40px !important;
width: 600px !important;
margin-left: 350px !important;
}

#buddy_list {
color: #000000 !important;
}

.UIStandardFrame_Container {
top: 40px !important;
left: 150px !important;
padding-bottom: 40px !important;
}


.UITwoColumnLayout_Content {
width: 600px !important;
}

.UITwoColumnLayout_LeftOrientation {
left: 90px !important;
}

#event_invite_sidebar,.UITitledBox_Top,.friend_grid,#sidebar_ads,.UIFilterList_EditLink,#home_filter_list,.pagelet_ads,#pagefooter,.UIComposer_More,.profile_sidebar_ads,.UIStandardFrame_SidebarAds,.UIHomeBox_Sponsored,#pagelet_connectbox,#pagelet_pymkbox {
display: none !important;
}

#event_invite {
margin-left: 100px !important;
margin-bottom: 50px !important;
}

#group_invite {
top: -15px !important;
left: 420px !important;
width: 500px !important;
}

.PYMK_Reqs_Sidebar {
top: 55px !important;
left: 280px !important;
padding-bottom: 50px !important;
}

#home_sidebar {
left: 800px !important;
top: 80px !important;
background-color: #3B5998 !important;
-moz-border-radius: 15px !important;
width: 250px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 10px !important;
padding-bottom: 0px !important;
}


#home_sidebar,#home_sidebar a,#home_sidebar span {
color: #FFFFFF !important;
}

#home_sidebar span {
color: #000000 !important;
}

.UIIntentionalStream_Top_Header span {
color: #000000 !important;
}

.right_column_container {
left: -30px !important;
}

.UITwoColumnLayout_NarrowContent {
left: -50px !important;
top: 15px !important;
}


.GBToolbarSearch {
left: 150px !important;
top: 35px !important;
width: 150px !important;
}

.UINestedFilterList {
top: 70px !important;
left: 150px !important;
}

.GBToolbarTop {
left: 200px !important;
width: 600px !important;
top: -25px !important;
}

#gb_content_and_toolbar {
left: 200px !important;
top: 20px !important;
width: 600px !important;
padding-bottom: 50px !important;
}

#sidebar_ads {
padding-bottom: 30px !important;
}

.UITwoColumnLayout_Content {
left: 130px !important;
top: 82px !important;
padding-bottom: 40px !important;
}


#FriendsPage_PageletContainer {
left: 0px !important;
top: -60px !important;
padding-bottom: 40px !important;
width: 700px !important;
}

#home_left_column {
left: 210px !important;
top: 35px !important;
padding-bottom: 45px !important;
margin-top: 40px !important;
width: 500px !important;
}

.Mentions_Input {
width: 470px !important;
}

.UIIntentionalStream_Top {
border: none !important;
}

.UIComposer {
-moz-border-radius: 7px !important;
background-color: #3B5998 !important;
padding: 10px !important;
width: 500px !important;
margin-bottom: 20px !important;
}

.fb_menu_link {
font-weight: bold !important;
}

#menubar_container {
-moz-border-radius: 15px !important;
position: absolute !important;
left: 150px !important;
top: 10px !important;
height: 39px !important;
}

.profile_color_bar {
height: 125px !important;
}

#left_column {
left: 150px !important;
top: 80px !important;
}

.tabs_wrapper {
top: 18px !important;
}


#pagelet_top_bar {
left: 150px !important;
top: 95px !important;
}

#pagelet_left_column {
padding-bottom: 50px !important;
}
}

@-moz-document url-prefix("http://www.facebook.com/index.php?") {
.fb_logo_img {
top: 17px !important;
left: 25px !important;
position: absolute !important;
}

.WelcomePage_MainSell {
padding-top: 90px !important;
}

#menubar_container {
-moz-border-radius: 15px !important;
left: 150px !important;
top: 10px !important;
height: 70px !important;
}

.menu_login_container {
position: absolute !important;
top: 12px !important;
}
}[/HIGHLIGHT]

Before:
facebook2.png


After:
facebook.png

Please post any bugs/feedback. Thanks for trying it out!
 
Cryox

Cryox

Bro.
Moose said:
My first Stylish theme, thought I would share it with y'all because I like it a lot myself.

To install, you must have Stylish for Firefox installed which can be found here.

Follow these instructions that I have oh-so-stealthily stolen from Chathurga: Right click the Stylish icon in the bottom right, go to Write New Style -> Blank Style and paste the following CSS into the text box and then click save.

[HIGHLIGHT=CSS]@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("facebook.com") {
.UIIntentionalStream_SummaryLink {
font-weight: bold !important;
color: #999999 !important;
font-size: 12px !important;
}

.right_column_container {
padding-bottom: 40px !important;
}

#gb_content_and_toolbar {
width: 600px !important;
}

.UITwoColumnLayout_Content {
width: 600px !important;
}

.UITwoColumnLayout_LeftOrientation {
position: absolute !important;
left: 90px !important;
}

#home_sidebar,.UIFilterList_EditLink,#home_filter_list,.pagelet_ads,#pagefooter,.UIComposer_More,.profile_sidebar_ads,.UIStandardFrame_SidebarAds {
display: none !important;
}

.right_column_container {
position: absolute !important;
left: -30px !important;
}
.UITwoColumnLayout_NarrowContent {
position: absolute !important;
left: 150px !important;
top: 60px !important;
}

#sidebar_ads {
padding-bottom: 30px !important;
}

.UITwoColumnLayout_Content {
position: absolute !important;
left: 330px !important;
top: 67px !important;
padding-bottom: 40px !important;
}

#home_left_column {
position: absolute !important;
left: 250px !important;
padding-bottom: 35px !important;
padding-top: 40px !important;
}

.fb_menu_link {
font-weight: bold !important;
}

#menubar_container {
-moz-border-radius: 15px !important;
position: absolute !important;
left: 150px !important;
top: 10px !important;
height: 39px !important;
}

.profile_color_bar {
height: 125px !important;
}

#left_column {
position: absolute !important;
left: 150px !important;
top: 80px !important;
}

.tabs_wrapper {
position: absolute !important;
top: 18px !important;
}


#pagelet_top_bar {
position: absolute !important;
left: 150px !important;
top: 95px !important;
}
}


@-moz-document url-prefix("http://www.facebook.com/index.php?") {
.fb_logo_img {
top: 17px !important;
left: 25px !important;
position: absolute !important;
}

.WelcomePage_MainSell {
padding-top: 90px !important;
}

#menubar_container {
-moz-border-radius: 15px !important;
left: 150px !important;
top: 10px !important;
height: 70px !important;
}

.menu_login_container {
position: absolute !important;
top: 12px !important;
}
}[/HIGHLIGHT]

Before:
[qimg]http://img2.pict.com/2f/7c/78/2267659/0/facebook2.png[/qimg]

After:
[qimg]http://img2.pict.com/6a/80/2f/2266794/0/800/facebook.png[/qimg]

Please post any bugs/feedback. Thanks for trying it out!
Click to expand...
You hid your name in the second picture, but not the first ;)

Looks nice, you should make it so that the suggestions box or w/e you want to call it can be expanded or hidden, if that is possible.

And does this still show the requests box if you have one? (friend requests, etc)
 
Cryox

Cryox

Bro.
Chathurga said:
That would require Greasemonkey.
Click to expand...

I have that, is there a script that you know of for that?

@Moose
I can't get it to work... :/
fb looks exactly the same.

When I hit preview in the edit box i get this error:
1:50 Unexpected token within @namespace: '[url=http://www.w3.org/1999/xhtml'.
 
Moose

Moose

Meta Moose
Sorry, the forum tried to make part of the code a link, which fucked it up. Should work now.

And no, actually, I removed the notification box without thinking. I will see what I can do.

Chathurga said:
That would require Greasemonkey.
Click to expand...

Yeah... and I don't know JS. =P
 
Cryox

Cryox

Bro.
Moose said:
Sorry, the forum tried to make part of the code a link, which fucked it up. Should work now.

And no, actually, I removed the notification box without thinking. I will see what I can do.



Yeah... and I don't know JS. =P

EDIT: Argh. The first line should be:

[PRE]@namespace url(Error 404[/PRE]

For some reason the forum keeps trying to make it a link.
Click to expand...

I'll try it, you should just save it to a .txt file and put it save it as an attachment to your post
 
Moose

Moose

Meta Moose
It should display only requests now and nothing else on the right. :)

EDIT: Updated again.

EDIT: And again.
 
Cryox

Cryox

Bro.
Found a bug:
When you click on a request (in my case a friend request) it takes you to the page, but the Suggestions column appears and gets in the way.

Pic is attached.
 
Moose

Moose

Meta Moose
I have updated the CSS and it should deal with that problem. I removed the suggestions box entirely - I find it useless.
 
Seth

Seth

MD Party Room
Fa sure bro...fa sure...
 
karnbmx

karnbmx

ceebs. :)
Moose, will this work with Chrome Stylist?
 
You must log in or register to reply here.
Top