ganti layout facebook!
NDI
Tue 3 Nov 2009 - 10:52
Mungkin para pembaca dah banyak yang tau trik ini,….ya…..teknik untuk merubah tamplan pada facebook anda
dengan menggunakan add-ons Mozilla,berikut langkah2 yang harus dilakukan untuk merubah tampilan dari facebook kita
Sebelumnya ada syarat bahwa browser yang didukung hanya Mozilla Firefox, SeaMonkey,Opera dan flock.
ikuti beberapa langkah berikut
1. Kita membutuhkan sebuah add-ons dari mozilla yang bernama Stylish 0.5.9. Addons Stylish ini berfungsi untuk meng-kostumisasi tampilan dari sebuah web termasuk facebook
klik link dibawah buat install addons-nya
https://addons.mozilla.org/en-US/firefox/addon/2108
2.Setelah selesai menginstal addons, Anda diwajibkan untuk merestart browser anda
3.Buka link skin facebook di http://userstyles.org/styles/site/facebook.com
4.Kemudian akan tampil layout-layout yang dapat anda gunakan pada facebook anda
5.Setelah memeilih layout yang anda suka klik tulisan “Install Option” klik “Load into Stylish”
nah sudah selesai penginstalan layout facebook anda…
lalu kemudian cek facebook anda apakah tampilannya sudah berubah atau belum.
jika belum silahkan restart ulang kembali browser anda.kemudian cek facebook anda.pasti tampilannya sudah berubah
untuk yang udah biasa coding CSS bisa modifikasi sendiri. berikut contoh layout facebook editan saya sendiri
klik link dibawah buat tampilannya
https://2img.net/h/oi33.tinypic.com/2ajowtx.jpg
semoga bermanfaat
dengan menggunakan add-ons Mozilla,berikut langkah2 yang harus dilakukan untuk merubah tampilan dari facebook kita
Sebelumnya ada syarat bahwa browser yang didukung hanya Mozilla Firefox, SeaMonkey,Opera dan flock.
ikuti beberapa langkah berikut
1. Kita membutuhkan sebuah add-ons dari mozilla yang bernama Stylish 0.5.9. Addons Stylish ini berfungsi untuk meng-kostumisasi tampilan dari sebuah web termasuk facebook
klik link dibawah buat install addons-nya
https://addons.mozilla.org/en-US/firefox/addon/2108
2.Setelah selesai menginstal addons, Anda diwajibkan untuk merestart browser anda
3.Buka link skin facebook di http://userstyles.org/styles/site/facebook.com
4.Kemudian akan tampil layout-layout yang dapat anda gunakan pada facebook anda
5.Setelah memeilih layout yang anda suka klik tulisan “Install Option” klik “Load into Stylish”
nah sudah selesai penginstalan layout facebook anda…
lalu kemudian cek facebook anda apakah tampilannya sudah berubah atau belum.
jika belum silahkan restart ulang kembali browser anda.kemudian cek facebook anda.pasti tampilannya sudah berubah
untuk yang udah biasa coding CSS bisa modifikasi sendiri. berikut contoh layout facebook editan saya sendiri
klik link dibawah buat tampilannya
https://2img.net/h/oi33.tinypic.com/2ajowtx.jpg
semoga bermanfaat
_________________
Re: ganti layout facebook!
NDI
Thu 5 Nov 2009 - 21:18
bagi yang mau pake theme FB punya saya tinggal diedit aja
- Spoiler:
- Code:
@-moz-document domain(facebook.com), domain(www.facebook.com) {
body:not([class~="UIFramedPage"]){
/*### Replace the link with the one in this string: ###*/
background: url("http://img377.imageshack.us/img377/5728/matrixy.jpg") #000000 top left fixed !important;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||| R A N D O M F I X E S |||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.qsearch_button {display: none !important}
.UIFilterList_Item.selected {background: green !important; border:solid 0px green !important;}
.Mentions_Input {background: black !important; border:solid 2px green !important; -moz-border-radius: 6px !important}
.activation_actions_box{background: green !important;}
#profile_action_suggest_friends:hover, #profile_action_photo_comment:hover {background: green !important;}
#presence_ui {background: black !important; border: none !important}
.inner_button:hover, .presence_bar_button.presence_section:hover, .UITooltip:hover {background: green !important}
.UIContentBox.UIContentBox_Gray {background: black !important; border:none !important; -moz-border-radius: 10px !important}
.GBTabset_Pill.selected {background: transparent !important;}
.UINestedFilterList_Item_Link, .UINestedFilterList_ItemRight {background: black !important;}
.GBSearchBox_Input {background: black !important; border:none !important}
.UIShowMore_Pager.UIContentBox.UIContentBox_GirlyBlue {background: black !important; border: none !important; -moz-border-radius: 20px 20px 20px 20px !important}
#profile_pager_container {background: black !important; border: none !important}
.box_header.clearfix {background: #333 !important}
.box_header.UITitle.UITitle_h5 {background: green !important}
.UIIntentionalStream_Pager.UIContentBox.UIContentBox_GirlyBlue {background: black !important; border: none !important; -moz-border-radius: 20px 20px 20px 20px !important}
#home_filter_list {background: green !important; width: 122px !important; border: 2px solid green !important; -moz-border-radius: 10px 0px 0px 10px !important}
.UIComposer_UIContentBox.UIContentBox.UIContentBox_GrayDarkTop {-moz-border-radius: 10px !important}
#c4a9553bb0429d3359069726, #c4a9559f2a36847f49430797 {background: green !important; border: solid 1px green !important; -moz-border-radius: 10px 0px 0px 10px !important}
.UIFilterList_Item.UIObject_SelectedItem {border: solid 1px green !important; -moz-border-radius: 10px 0px 0px 0px !important}
.UIComposer_UIContentBox.UIContentBox.UIContentBox_GrayDarkTop {background: black !important; border: solid 1px black !important}
.message_rows .msg_icon.replied a {background-color: red !important}
.pagerpro_a {background: red !important; border: none !important}
.profile_friends_box h5 {border-bottom-color: green !important}
.profile_action.actionspro_a {border-bottom-color: green !important}
.dialog_title {border:solid 1px #333 !important}
.UISelectList.clearfix, .UISelectList_Item, .UISelectList_Label {background: black !important; -moz-border-radius: 6px !important; border: none !important}
.UIStory_Hide, .UIActionMenu_Wrap, .UIActionMenu_SuppressButton:hover {background: black !important; -moz-border-radius: 6px !important; border: none !important}
.UIButton.UIButton_Blue.UIFormButton {background: transparent !important; border: none !important}
#fb_menu_friends_dropdown, .fb_menu_dropdown.clearfix, .fb_menu_dropdown {background: green !important; border: none !important; -moz-border-radius: 0px 10px 10px 10px !important}
#menu_item_goto_inbox {border:none !important}
.fb_menu_item {border: none !important}
.hovered .fb_menu_link, .fb_menu .fb_menu_link:hover {background: green !important; -moz-border-radius: 8px 8px 0px 0px !important}
.fb_menu_dropdown .fb_menu_item .fb_menu_item_link {border: none !important}
.UIButton.UIButton_Gray.UIActionButton_SuppressMargin.UIButton_Suppressed.UITooltip.UIActionButton_SuppressText.UIActionButton {background: black !important}
.submit_comment.UIButton.UIButton_Blue.UIFormButton {background: green !important; border: none !important; -moz-border-radius: 6px !important;}
.UIButton_Blue .UIButton_Text {text-shadow: none !important; color: #00ff00 !important}
.UIButton.UIButton_Blue.UIActionButton_SuppressMargin.UIActionButton { -moz-border-radius: 6px !important;}
#c4a82e554412980733908957 > DIV:first-child > DIV:first-child > A {background: transparent !important}
A[onclick="return"][title="News Feed"][class="UIFilterList_ItemLink"][href="http://www.facebook.com/home.php?filter=nf"] {background-color: transparent !important}
.UIHomeBox_More {position:relative; left:-15px !important}
.UIFilterList_Item.UIObject_SelectedItem.UIFilterList_HasIcon {-moz-border-radius: 15px 0px 0px 0px !important;}
.UIFilterList_EditLink {background: green !important; -moz-border-radius: 0px 0px 0px 15px !important;}
.UITitledBox_Top {border-bottom-color: green !important;}
.UIFilterList .UIObject_SelectedItem, .UIFilterList_ItemLink, .UIFilterList_EditLink {border-top-color: green !important;}
#attachment_buttons_list > DIV > DIV:first-child > A, #attachment_buttons_list > DIV > DIV:last-child > A {background: black !important; border: none !important}
#ids > A > SPAN > SPAN > SPAN > SPAN {background: black !important}
.share_a_link {background: green !important}
#share_link {background: black !important}
#attachment_stage_area > FORM > DIV > DIV {background: black !important; -moz-border-radius:6px !Important}
.comment_box.streamlined_ufi {background: green !important}
#compose_message {background: green !important}
#friend_guess_grid_see_more {background: green !important; border: solid 1px #00ff00 !important}
#photoactions a {background: black !important}
.footer_bar {background: black !important; border: solid 1px #333 !important}
.UIMediaHeader_TitleWrapper {background: transparent !important; border-bottom-width: 2px !important; border-bottom-color: green !important}
.UIRoundedImage_CornersSprite {display: none !important}
.profile_actions a:hover {background-color: green !important}
.fb_menu_count_holder {background:green!Important;}
.tr, .br, .tl, .bl {background:black !important}
.UIStandardFrame_Content {background: green !important}
.UITooltip_Text {border: solid 1px green !important}
.UIActionButton_Text {background: black !important; border: solid 2px green !important; -moz-border-radius:6px !Important}
.UIActionButton.UIActionButton_SuppressMargin.UIActionButton_BlueBack{ -moz-border-radius:6px !Important}
.UIActionButton_BlueBack .UIActionButton_Wrap {border: none !important;}
.UIComposer_InputArea, .UIComposer_InputShadow {background:black !important; border: none !important}
.clearfix.tokenizer {background: green !important; border: none !important}
#inbox_compose_tab {background: black !important; background-image: none !important; border:none !important}
.composer {background: black !important;border: solid 2px green !important}
.UILinkButton_SUBig .UILinkButton_A, .UILinkButton_R {background: black !important; background-image: none !important}
#menubar_container {background: transparent !important;}
.notifications .side_column {background: black !important;}
.notifications {background-image: none !important}
#partylist table {background: green !important}
#events_show_past_link {background: green !important}
#new_tab_2344061033, #new_tab_2392950137 {background: black !important;}
.flyout_menu .flyout_menu_header .flyout_menu_mask {border-color: black !important}
.flyout_menu_title, .flyout_menu_content_shadow {background: black !important}
.UIActionButton {background: green !important; border: none !important}
.UIActionButton_Icon {background: green !important; background-image: none !important}
.UIActionButton.UIActionButton_GrayBG.UIActionButton_SuppressBasePadding {background: green !important;}
.UIActionButton_Link {background: green !important; border: none !important}
#feedwall_with_composer .pager_next {background: green !important;}
#fb_menubar.fb_menubar_logged_out {background: black!important;border: solid 1px green !important;}
.title_header {background: black!important;border: solid 1px green !important;}
#menubar_container .signup_box {background: black!important;border: solid 1px green !important;}
.privacy_page_overview .block_overview {background: black!important;border: solid 1px green !important;}
.editor_panel {background: black!important;border: solid 1px green !important;}
.UIIntentionalStory_CollapsedStories {background: green!important;border: solid 0px green !important;}
#partylist .partyrow {background: black !important;border: solid 1px green !important;}
#partylist .timeline {background: black!important;border: solid 1px green !important;}
.myevents #partylist table {background: green!important;border: solid 1px green !important;}
#photo_bar.summary_bar {background: black!important;border: solid 1px green !important;}
.group_dashboard .group_lists .see_all {background: green!important;border: solid 1px green !important;}
.group_dashboard .group_lists .dummy {background: transparent !important; border: 0px !important}
.group_dashboard .group_lists th {background: green!important;border: solid 1px green !important;}
.group_dashboard .group_lists .group_list {background: black !important;border: solid 1px green !important;}
.sharebox #share_button_dialog {background: black !important;border: solid 1px green !important;}
.share_contents .share_header {background: black !important;border: solid 1px green !important;}
.UIRoundedBox_Box {background: black !important; border: none !important; -moz-border-radius:20px!Important;}
.UIRoundedBox_Container {background: black !important; -moz-border-radius:20px!Important;}
.UIComposer_Attachment_ButtonContainer {background: green !important;}
.UIComposer_Attachment_Button {border: solid 1px black !important; -moz-border-radius:8px!Important}
.UIComposer_Attachment_TDButton {background: black !important; }
.UIComposer_Attachment_TDTextArea {background: green !important; border: solid 1px black !important;-moz-border-radius:8px!Important}
.UIMediaItem_Photo .UIMediaItem_PhotoFrame {border: solid 4px green !important;}
.UIComposer_AttachmentArea {background: green!important;border: solid 1px green !important;}
td.pop_content h2.dialog_title {border: solid 1px black!important;}
.UIWell {background: black!important;border: solid 1px green !important;}
.profile .info_tab h3 span {background: green!important; border: solid 0px green !important; -moz-border-radius:6px!Important;}
.wide-right-column {background: green!important; border: solid 0px green !important; -moz-border-radius:12px!Important;}
.dh_new_media span {background: green !important; background-image: none !important; text-shadow: none !important; -moz-border-radius:6px!Important;}
.note_header {background:green !important;-moz-border-radius:12px!Important;}
.UIRoundedImage_Corners img {display:none !important;} *
DIV[style="padding: 6px 6px 6px 126px; margin-bottom: 0px; background-color: green;"] {background-color: green!important;}
DIV [style="padding: 10px; float: left; width: 450px;"] {background:black !important; border:2px solid green !important; -moz-border-radius:20px!Important; margin-left:35px!Important;}
DIV[style="border-top: 1px solid green; margin-top: 50px; color: black; font-size: 9px; padding-top: 8px;"] {display:none!important;}
DIV[class="wallkit_post"] {border:0!Important;border-bottom:1px solid green !important;}
* {color:#00ff00!Important; Font-family:Arial!Important;}
body, DIV[id="content"]{background-color: transparent !Important;}
H3[class="UIProfileBox_Header clearfix"] {background:green !important;border:0!Important}
H4[class="UIProfileBox_SubHeader clearfix"] {background:black !important;border:0!Important;}
DIV[class="UIProfileBox_Content"] {background:black!important;border:1px solid green!Important}
DIV[class="UIProfileBox_Box"] {border:1px solid green!important;}
DIV[id="profilewidecolumn"] {background:black !important; border:2px solid green!Important; Padding:5px!important; margin-left:-6px!Important;-moz-border-radius: 8px 0px 8px 8px !Important;}
DIV[id="profilenarrowcolumn"] {background:black!important; border:2px solid green!Important; Padding:5px!important;border-left:0!Important;-moz-border-radius:0px 8px 8px 0px !Important;}
DIV[class="wallheader"] {background:none!Important;border:0!Important}
TD[class="wallinfo"] {border-top:1px solid green!Important;}
DIV[class="wallactions"] {border-bottom:1px dotted green!Important;}
DIV[class="fbpage_group_title"] {border-bottom:1px solid green!Important}
DIV[class="group_narrow_column_boxes"] {border:0!important;}
DIV[class="share_section"] {display:none!Important;}
DIV[id="profileActions"]{background:black !Important;}
DIV[id="profileimage"] {background:black !important; border:0!important}
DIV[id="profileFooter"] {background:none!important;border:0!Important}
DIV[class="fallback"] {background:black !important;border-bottom:1px solid green!Important;border-top:1px solid green!Important}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||| A D R E M O V A L |||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.UIWashFrame_SidebarAds,
.feed_item.clearfix.social_ad.social_ad_no_full_clickable,
.UICompatibilityFrame_SidebarAds,
.UIStandardFrame_SidebarAds,
.adcolumn,
.sidebar_item.sponsor,
.feed_item.clearfix.ad_capsule.has_body,
.UIHotStory_First.UIHotStory.UIStory.house_sponsor,
.emu_ad,
.UIHotStory.UIStory.house_sponsor,
.house_sponsor,
.emu_sponsor,
.UIConnectWithFriends.UIHomeBox,
#home_sponsor_nile
{display: none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||| P H O T O S ||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.right_column_container {width: 580px !important;}
#right_column{margin-top: 10px !important;}
#feedwall_with_composer{padding-top: 1px !important;}
#tab_canvas{min-height: 80px !important;}
.profile_top_bar_container {background:black !important; border: solid 2px green !important; -moz-border-radius:6px!Important;}
DIV[class="album clearfix"] {background:black !important;border:0!Important;-moz-border-radius:8px!Important;}
DIV[class="info"] {background:black!important; border:1px solid green!important;-moz-border-radius:6px!Important;}
DIV[class="info"] H2 A {color:#00ff00!Important;}
DIV[id="results"] {background:green !important;border:0!Important;-moz-border-radius:8px!Important;}
DIV[class="panel clearfix"] {background:black !important; border:0!important;}
.UIPhotoGrid_Container {background: transparent !important;}
.photo_table {background: transparent !important; width: auto !important;}
#photoborder{background: black !important;}
.profile .photos_tab{ margin-left: auto ; margin-right: auto; width: 68.5em}
.photos_tab .has_extra .photo_table .main_content, .photos_tab .has_extra .photo_table .extra_content {background: transparent !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||| B O T T O M B A R ||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#presence_applications_tab { font-weight: normal !important}
#presence_bar .presence_menu_opts h2 {background: green !important; border: solid 1px green !important;}
#presence .presence_bar_button .inner_button { border: solid 0px green !important;}
#presence_notifications_count STRONG
{color:#00ff00!important;
top:-20px!important;
width:27px!IMportant;
font-size:12px!important;
font-weight:bold!Important;
background:black!Important;
border:1px green solid !important;}
DIV[class="presence_menu_opts"], DIV[class="presence_menu_header"] {background:black !Important; border:1px solid green!Important;}
.notification {background:black !Important; border-top: 1px dotted green!important;}
.notification:hover {background:green!important;}
DIV #presence_notifications_content > DIV[style="background-color: black;"] {background:black!Important; Border:1px solid green !Important;}
DIV #chat_availability_toggle {border-bottom:1px solid green!Important;}
DIV[class="body"] {border:0!Important;}
H2 > SPAN {background: green !important; color:#00ff00 !important; }
DIV[id="presence_bar"] {background:transparent !Important; border:1px solid green !Important;}
#presence_bar .presence_menu-opts h2 {background-color: green !important;}
DIV[id="chat_tab_bar"] {background:transparent!important;}
DIV .tab_handle {background:black!important; border-left:1px solid green!Important}
DIV .tab_name {color:#00ff00!important;}
DIV[class="tab_button_div hover"] {background:#500!Important;}
DIV[class="tab_button_div hover"] DIV[class="tab_name"] {color:#00ff00!Important;}
div [class="tab_handle disabled"] {background:black!important; border-left:1px solid green!important}
div [class="tab_handle disabled"] DIV {color:green!Important}
H5[class="self"] {color:#00ff00!important;}
DIV[class="UITwoColumnLayout_NarrowContent"] {background:black !important; border:1px solid green!Important; -moz-border-radius:8px !important;}
DIV[id="buddy_list_tab"] {border:0!Important;}
DIV[id="buddy_list_tab"]:hover {border:0!Important; background:green!important;}
DIV[id="buddy_list_tab"] DIV[class="inner_button"] {border:0!important}
DIV[id="buddy_list_tab"]:hover DIV[class="inner_button"] SPAN, DIV[id="buddy_list_tab"]:hover DIV[class="inner_button"] SPAN STRONG {color:#00ff00!important}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| I N B O X E T C . . |||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tabs.clearfix {border: solid 3px green !important}
TABLE[id="megaboxx"] {background:black!important; border:2px solid green!important;border-top:0!Important;}
TABLE[id="megaboxx"] tbody >
tr:first-child, tr:first-child+tr+tr, tr:first-child+tr+tr+tr+tr, tr:first-child+tr+tr+tr+tr+tr+tr, tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr, tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color: transparent !important;}
DIV[class="tabs clearfix"] {border-bottom:0!Important;border:0!Important}
DIV[class="inbox_menu clearfix"] {background:black!important; border:0!Important;width:743px!Important;margin-left:-1px!Important;}
DIV[class="notifications clearfix"] {background:none!Important;border:0!Important;}
DIV[class="left_tabs"] LI {background:black!important; border-left:2px solid green!Important;border-top:2px solid green!important;border-right:0!Important;border-bottom:0!important;}
DIV[class="left_tabs"] LI[class="first"] {-moz-border-radius:8px 0 0 0 !Important}
DIV[class="left_tabs"] LI[class="last"] {border-right:2px solid green!Important;-moz-border-radius:0 8px 0 0 !Important}
DIV[class="left_tabs"] LI A {border:0!Important; color:#00ff00!Important;}
DIV[class="left_tabs"] LI A[class="selected"] {background:green!Important;color:#00ff00!Important;border:0!Important;}
DIV[class="left_tabs"] LI A:hover {color:#00ff00!Important}
DIV[class="right_tabs"] LI {background:black!important;border:2px solid green!important;-moz-border-radius:8px 8px 0 0!important}
DIV[class="right_tabs"] LI A {border:0!Important; color:#00ff00!Important;}
DIV[id="notifications"] {background:black!important;border:2px solid green!Important; -moz-border-radius:0 0 8px 8px !Important;}
DIV[class="notifications clearfix"] DIV[class="column side_column"] {width:209px!Important;border-top:2px solid green!Important;border-right:2px solid green!Important;border-bottom:2px solid green!Important;background:black!important;-moz-border-radius:0 0 8px 0!important}
DIV[class="notifications clearfix"] DIV[class="column side_column"] > H5 {border-top:1px solid green!Important;}
DIV[class="notifications clearfix"] DIV[class="column side_column"] > DIV[class="syndication_divider"] {border-top:1px solid green!Important;}
DIV[id="notifications"] DIV >
DIV[class="body clearfix"] {border-top:0!Important;border-bottom:1px dotted green!Important;}
DIV[id="notifications"] >
DIV[class="date_divider"] {border-bottom:1px solid green!Important;}
DIV[class="updates_all clearfix"] {background:none!Important;border:0!Important;}
DIV[class="updates_all clearfix"] DIV[class="s_message_body clearfix"] {border-top:1px solid green!important;}
DIV[class="updates_all clearfix"] DIV[class="column main_column"] {background:black!important;width:540px!Important;border:2px solid green!Important;-moz-border-radius:0 0 8px 8px !Important}
DIV[class="updates_all clearfix"] DIV[class="column side_column"] {background:black!important;border:2px solid green!Important;-moz-border-radius:0 0 8px 0 !Important;border-left:0!Important;}
DIV.sidebar_item_header, DIV.sidebar_item_header * {background:green!important;Color:#00ff00!important}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| D I A L O G S ||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
DIV[class="dialog_content"],
DIV[class="dialog_buttons"],
DIV[class="dialog_summary"],
TD[id="pop_content"]{background:green !important;}
DIV[class="dialog_summary"], DIV[class="dialog_body"] {border:0!important;}
DIV[class="dialog_loading"] {background:green !important}
DIV[class="UICompatibilityFrame_Frame"] {background:black !important;border-color: green !important; margin-top:100px!Important;margin-left:100px!Important;}
DIV[class="UICompatibilityFrame_Frame"] DIV[class="title_header"] {background:black!Important;padding:10px!Important; border:2px solid green !important; border-right:0!Important;}
DIV[class="UICompatibilityFrame_Frame"] DIV[class="UICompatibilityFrame_Content"] {border:0!Important;}
DIV[class="confirmation_stripes"], DIV[class="tos_portion"] {display:none!Important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| R E Q S ||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
H2[class="withoption"] {background:none!Important;}
DIV[class="confirm_boxes"] {background:black !important;border:1px solid green!Important;-moz-border-radius:8px!Important;}
DIV[class="confirm"] {background:none!Important;border-top:1px solid green!Important;}
DIV[class="status_confirm"] {background:black !important;border-top:1px solid green !important;border-bottom:0!Important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| S E A R C H |||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
DIV .summary_bar {border-bottom:1px solid green !Important;}
UL[class="actionspro"] > LI {border:none!Important;}
UL[class="actionspro"]:hover > LI A {background:none!Important;}
DIV[id="search_results"] {background:none!important; border:none!Important;}
DIV[class="result clearfix"] {background:black !important;border:1px solid green !important;-moz-border-radius:5px!Important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| C H A T |||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
DIV[class="chat_window"] {border:2px solid #500!Important;}
DIV[class="chat_conv_content"] {background:#141414!important;}
DIV[class="chat_conv"] {background:#141414!important; border:0!Important;}
TEXTAREA[class="chat_input"] {-moz-border-radius:0!Important; border:0!Important; background: #141414 !important; height:20px!Important;border-top:2px solid #500 !Important;}
DIV[class="chat_input_div"] {background:#101010!Important;border:0!Important}
H5[class="self"], H5[class="other"] {border-top:1px solid black!important;}
DIV[class="chat_info"], DIV[class="chat_actions"] {background:#141414!Important; border:0!Important;}
div[class="chat_actions"] {height:6px!Important; border-bottom:2px solid #500!important;}
div[class="chat_actions"] SPAN {margin-left:100px !Important;}
DIV[class="toolbox"] {border:none!important;}
DIV[class="chat_header"] {background:#500!important;border:0!Important;}
DIV[class="chat_header"] A {color:#FFF!Important;}
DIV[class="chat_header suppress_hover"] {background:#500!important;border:0!Important}
DIV[class="visibility_change"],DIV[class="minifeed"] {background:#400!important;border:0!Important;border-top:2px solid #141414!important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| H O M E P A G E |||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
a {color: #777 !important}
A B {color: #555 !Important;}
a:link { color: #00ff00 !important; font-weight: bold !Important}
a:visited { color: #00ff00 !important}
a:active { color: #00ff00 !important}
a:hover { color: red !important}
A SPAN {color: #00ff00 !Important;}
#fb_menubar #fb_menubar_logo a {background: transparent !important}
.commentable_item .ufi_section {background:black !important;}
A[class="show_advanced_controls"] {background:none!Important}
LI[class="PillFilter_filter Tabset_selected"] * {background:green!important;color:#00ff00!important}
INPUT[id="q"] {background:transparent!important;color:#00ff00!Important;}
A[class="qsearch_button"] {display:none!Important}
#fb_menubar {background:none !important; -moz-border-radius:0px 0px 20px 20px!important; background-color:black !important; border: solid 2px green !important;}
#fb_menubar A {color:#00ff00!Important;}
#fb_menubar A[class="hover"], #fb_menubar A:hover {background:green!important;}
DIV[class="fb_menu_dropdown"] {background:black!Important;border:0px solid green!important;}
DIV[class="fb_menu_dropdown"] A {border-top:0!important;border-bottom:0px dotted green!important; color:#00ff00!Important}
DIV[class="fb_menu_dropdown"] A:hover {background:green!important; color:#00ff00!Important}
DIV[class="fb_menu_separator"] {display:none!Important}
DIV #home_stream {background: black !Important; border: 2px solid green !Important; width: 525px !Important;
-moz-border-radius-bottomright: 20px !Important;
-moz-border-radius-bottomleft: 20px !Important;}
DIV #tab_canvas {border:none!important;}
DIV #right_column {background: black !Important;
border: 2px solid green !Important;
-moz-border-radius: 8px !Important;}
DIV .ufi_section {background:transparent !Important; border:1px solid green!important; -moz-border-radius:5px!Important}
DIV #home_sidebar{
margin-left:-2px!Important;
margin-top:0px!Important;
padding-left:10px!Important;
background: black!Important;
border: 2px solid green !Important;
width: 258px !Important;
-moz-border-radius-topright: 20px !Important;
-moz-border-radius-bottomright: 20px !Important;}
DIV .UIHotStory:hover{background: green !Important;}
DIV .pymk:Hover {background: green !Important;}
.UIHotStory, .UIHomeBox_Top
{border:none !Important;border-bottom:1px solid green !Important}
.UIHomeBox_Top {padding-right:15px!Important;}
DIV[class="UIFilterList_List"]{margin-top:1px!Important;}
DIV .UIFilterList_FirstItem{ -moz-border-radius-topleft:20px !Important;
border-left: 2px solid green !important;
border-top: 2px solid green !important;
border-bottom: 1px solid green !important;}
DIV .UIFilterList_Item{background: black !important;
border-left: 2px solid green !important;}
.UIFilterList_Footer{
background: black !Important;
border-left: 2px solid green !Important;
border-top: 0 !Important;
border-bottom: 2px solid green !important;
-moz-border-radius-bottomleft: 20px !important;}
DIV .UIObject_SelectedItem {background:green !important;}
DIV .UIObject_SelectedItem A > SPAN {color:#00ff00 !important; font-weight:bold!important;}
SPAN[class="UIFilterList_ItemRight"] {display:none !Important;}
DIV .UIFilterList_ItemLink {border-bottom:1px solid green !Important;}
DIV .UIFilterList_ItemLink:hover {background:green !important;}
DIV .UIFilterList_ItemLink:hover > SPAN {color:#00ff00 !important;}
.wallpost {border:none!Important}
.profile_top_wash, .UIMediaHeader_TitleWash {margin: auto; width: 965px !important; background:transparent!Important;}
.UIIntentionalStory {background:green!Important; border:none!Important; -moz-border-radius:8px !Important}
.UIIntentionalStory_Body{border-top:1px solid green !Important;}
TEXTAREA { -moz-appearance:none !Important; background:black !Important; border:2px solid green!Important; -moz-border-radius:8px !Important; color:#00ff00!Important;}
TEXTAREA:hover, TEXTAREA:focus {background:black !Important; color:#00ff00 !Important;}
DIV[class="wallpost comment_add_row"]{background:none !Important;}
DIV .UIRoundedBox_Corner,
DIV .UIRoundedBox_Side,
DIV[class="UIComposer_ButtonContainer"]{background:none !Important;}
DIV[class="UIComposer_TextAreaShadow"] {border:none!Important;}
TD[class="UIComposer_TDTextArea"] {background:none!Important;border:none!important;}
INPUT, DIV[id="confirm_button"], a[class="link_btn_style"]{
-moz-appearance:none!Important;
background:green !Important;
color:transparent !Important;
border:none!Important;
margin-left:5px!Important;
-moz-border-radius:8px !Important;}
INPUT:hover, DIV[id="confirm_button"]:hover, a[class="link_btn_style"]:hover
{background:green !Important; color:#00ff00 !Important;}
DIV > A SPAN {background:none!Important}
DIV[class="wallpost"] {background:black !important;
border:1px solid green !Important; -moz-border-radius:8px !Important;}
DIV[class="show_all_link"] {background:black !important; border:0 !Important;}
DIV[class="show_all_link"] A {color:#00ff00 !important;}
DIV[class="fb_menu_title"] a {color:#00ff00 !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| P R O F I L E |||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#left_column {-moz-border-radius:0px 0px 8px 8px !Important; border:2px solid green!Important;}
DIV[id="profile_blurb"] {border:1px solid green!Important;}
DIV #left_column {background:black !important;}
.UIRecentActivity_Stream {border-top:2px solid green !important}
.UIRecentActivityStory {background:black !important}
H3[class="box_header"] {background:green!Important}
H3[class="box_header"] > SPAN {color:#00ff00 !Important;}
H4[class="box_header clearfix"] {border:0!Important;}
H4[class="box_header clearfix"] SPAN > A {font-weight:normal!Important;}
H4[class="box_header clearfix"] SMALL > A {font-size:7pt!Important;}
A[class="profile_action"] {border:0!Important;}
A[class="profile_action"]:hover {background:black !Important; color:#00ff00!Important;}
DIV[id="boxes_left"] {border:2px green solid!Important;}
DIV[class="box"] {border:0!Important;}
DIV[id="basic_info_summary_box"] {border:2px solid green!Important; border-bottom:0!Important;}
DIV .tabs_wrapper {margin-left:50px!Important;}
.tab_link {background:black !important; border:2px solid green !Important; border-bottom:0!Important;}
LI[class="selected"] > A {background:black !Important; color:#00ff00 !important;}
LI[class="selected"] A div { color:transparent !important;}
SPAN .updates {background:black !important; color:#00ff00 !Important; }
TD[id="friends_right_cell"], TD[id="friends_left_cell"], .fadvfilt,
DIV[class="fsummary"], DIV #frn_column > * ,
DIV[id="ffriends"] {background:black !Important; border:0!Important; border-right:1px solid green !important;}
TABLE[id="fpgc"] {border:2px solid green !Important; margin-left:70px !Important; -moz-border-radius:3px !Important;}
DIV[class="ffriend clearfix"] {border-bottom:1px green dotted!Important;}
DIV[class="ffriend clearfix hover"] {background:black!Important; border-bottom:1px green solid !Important;}
}
_________________
Re: ganti layout facebook!
NDI
Sat 8 May 2010 - 17:14
ini penyempurnaan vista aero pesenan temen...
- Spoiler:
- Code:
/*####################################################################*\
*##* *##*
## PROJECT: AERO ULTIMATE SKIN (formerly Vista Ultimate Skin) ##
*# AUTHOR: HeartRipper #*
## VERSION: 3.1 Beta3 ##
## WEBPAGE: http://bit.ly/AUSonFB ##
## DATE: 26/04/2010 ##
*# STYLE PAGE: http://bit.ly/AUSonUS #*
## MAIL: heartripperdesign@gmail.com ##
*##* *##*
\*####################################################################*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {
/*
___________________
##¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯##
# CUSTOMIZATION #
##_______________##
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
_____________________
# -- I. APPEARANCE --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# 1. BACKGROUND
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# REPLACE THE LINK WITH THE ONE YOU WANT (it must end with an image exstension.)
# For example, http://www.istartedsomething.com/uploads/pdc08-1920x1200.jpg (1920x1200 version of default background).
#
*/
body{
background: transparent url("http://geeknazgul.files.wordpress.com/2008/11/pdc08-1600x1200.jpg") center center fixed !important;
}
/*
# 2. TOPBAR BACKGROUND COLOR
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# You can change the topbar background color.
# The rgba property is specified like this:
# rgba(red,green,blue,alpha): red, green and blue are numbers between 0 and 255, alpha (the color's opacity) i a number between 0 and 1.
# E.g. rgba(255,255,255,0.01) is a very very transparent white.
# To get the color components you can use paint or any graphic program.
*/
body>#blueBar{
background-color: rgba(255,255,255,0.01) !important;
}
/*
# 2. PROFILE - Tabs' and title's color and shadow
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# Change the color and the shadow of title and tabs in profiles, pages and groups.
# If you don't know how to specify shadow, go to: https://developer.mozilla.org/en/CSS/text-shadow
*/
.profile_top_bar_container .tabs_wrapper .tab_link,
.profile_top_wash .profile_name_and_status *{
/* TEXT-COLOR : */ color: white !important;
/* SHADOW : */ text-shadow: black 0px 0px 2px !important;
}
/*
# 3. PROFILE - "ADD" and "MORE" tabs text
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# Customize the text displayed in profiles, pages and groups in "More" and "Add" tabs.
*/
#profile_tab_more>a:after{
/* "MORE" TEXT: */ content: "»";
}
#profile_tab_add>a:after{
/* "ADD" TEXT: */ content: "+";
}
/*_________________________
# -- II. SOURCE IMAGES --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# To customize this part and make the skin load images from your Hard Disk, download this zipped files
# http://www.mediafire.com/?uomnmhjdmoj
# containing all the needed images and a tutorial.
*/
/*---- ICONS ----*/
/*# Black Borders #*/
#FBPPdiv,
#FBFConfig,
.UIBeeper_Full,
.fb_pop_content_container,
.pop_container_advanced,
#presence_error_section,
#presence_popout_section,
.tab_handle,
#buddy_list_tab,
body:not(.presence_popout) .chat_window,
body:not(.presence_popout) #buddy_list,
/*Home Icons*/
#navItem_nf .imgWrap,
#navItem_messages .imgWrap,
#navItem_events .imgWrap,
#navItem_media .imgWrap,
#navItem_ff .imgWrap,
#navItem_apps .imgWrap,
#navItem_games .imgWrap,
#navItem_2361831622 .imgWrap,
#navItem_app_2309869772 .imgWrap,
#navItem_2347471856 .imgWrap,
/*Icons*/
.sx_app_icons_newsfeed,
.sx_icons_newsfeed,
.sx_icons_messages,
.sx_app_icons_event,
.sx_icons_event,
.sx_icons_photo,
.sx_icons_motion,
.sx_app_icons_friends_full,
.sx_icons_friends,
.sx_app_icons_applications,
.sx_icons_applications,
.sx_icons_games,
.sx_app_icons_group,
.sx_icons_group,
.sx_icons_post,
.sx_app_icons_note,
.sx_app_icons_search,
.sx_icons_friend_guy,
.sx_app_icons_friend_guy,
.sx_icons_fbpage,
.sx_app_icons_fbpage,
/*# Topbar #*/
#pageLogo a,
#pageLogo a:hover,
#jewelRequest,
#jewelMail,
#jewelAlert,
.jewelCount span,
#pageNav>li.openToggler>a,
#pageNav>li>a:hover,
#pageNav>a:hover,
#jewelCase>.jewel.openToggler,
#jewelCase>.jewel:hover,
/*# Homepages #*/
.fg_action_hide,
.ImageBlock_Hide,
/*# Chat #*/
#chat_tab_bar .chat_shadow_input, #chat_tab_bar .chat_window .chat_input,
#buddy_list .buddy_list_typeahead #buddy_list_typeahead_input,
.tab_button_div .tab_x:hover,
#chat_tab_bar .tab_count,
#presence .buddy_icon,
#presence.buddy_list_hidden .buddy_icon,
.sx_icons_popout_window,
.sx_88cf61,
.tab_button_div .tab_x:hover,
#chat_tab_bar .tab_count,
/*# Popups #*/
.pop_content,
#menubar_container .fb_logo_link img,
/*# Flyouts #*/
#profile_tab_more.selected_tab_more>a,
#profile_tab_add.selected_menu_icon>a,
.profile_top_bar_container .tabs_wrapper .selected .tab_link,
#profile_tabs>li>a:first-child:hover{
/* ## IP - ICONS ## */ background: url("http://img26.imageshack.us/img26/488/ausicons.png") no-repeat !important;
}
/*---- BACKGROUNDS ----*/
/*# Chat #*/
.friend_list .switch,
.friend_list.offline .switch,
.buddy_list a.friend,
.buddy_list a.idle,
.tab_handle .tab_name,
.tab_handle.idle .tab_name,
.tab_handle.disabled .tab_name,
.tab_handle.typing .tab_name,
#chat_tab_bar .chat_shadow_input,
#chat_tab_bar .chat_window .chat_input,
#buddy_list .buddy_list_typeahead #buddy_list_typeahead_input,
/*# Homepage #*/
#leftCol .fbxWelcomeBox,
.uiHeaderNavEmpty,
#bookmarks_menu .actionLinks,
.friends_online_sidebar,
.friends_online_sidebar li.buddy_row a,
.friends_online_sidebar li.buddy_row a.idle,
#pageFooter:after,
/*# Homepage Separator #*/
#leftCol .fbxWelcomeBox,
.uiHeaderNavEmpty,
#bookmarks_menu .actionLinks,
.friends_online_sidebar{
/* ## IP - BG#1 ## */ background: url("http://img232.imageshack.us/img232/1685/ausbg.png") repeat-x !important;
}
/*---- AERO ----*/
body:not(.presence_popout) .chat_conv,
body:not(.presence_popout) #fbChatBuddyListParent,
body>#blueBar{
/* ## IP - AERO ## */ background-image: url('http://img35.imageshack.us/img35/5521/ausaero.png') !important;
background-position: center center !important;
background-repeat: repeat-x !important;
}
/*_______________________
# -- II. ADS REMOVER --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# Removes the right column in the homepage, except in the newsfeed (main section of the homepage).
# If you don't want it, cut from from (*) to (**).
#
*/
/* (*) */
#sidebar_ads,
#pagelet_adbox, /*Section in homepage's sidebar*/
.profile_sidebar_ads, /*Ads in profiles page*/
#ego{ /*Ads in homepage's sections*/
display: none !important;
}
/* ---------- (**)*/
/*_____________________
# -- IV. USER CODE --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
# Place here your personal CSS lines or the one you copy from the Facebook Page. If you want to learn some css try:
# http://w3schools.com/css/default.asp
# Remember to backup your piece of code when updating the skin because it will be overwritten.
*/
/*Example, makes buttons round.*/
.UIActionMenu_Wrap:hover,
.uiButton{
-moz-border-radius: 2px !important;
}
/*___________________________________
# -- CUSTOMIZATION SECTION END --
# -- CORE CODE SECTION BEGINS --
# -- DO NOT EDIT AFTER THIS POINT --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
_________________
# -- 1. GENERAL --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*## 1.1 Borders ##*/
/*# Aero Outer #*/
/*Minor Pages & Fixes*/
.WelcomePage_MainSellCenter,
/*Frames*/
.UIFullPage_Container,
.UIWashFrame_Header,
.UIWashFrame_MainContent,
.UIStandardFrame_Container,
/*Profile*/
#left_column,
#right_column,
/*Homepage*/
#pageFooter,
#mainContainer{
background: rgba(255,255,255,0.3) !important;
-moz-background-clip: padding !important;
border: 6px solid transparent !important;
-moz-border-bottom-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-radius: 6px !important;
}
/*# Aero Inner #*/
/*FFIXER*/
#FBPPimg,
#fbfConfigTabs,
#fbfConfigControls,
/*Pages Management*/
.ads_create,
.UIInsightsLarge,
/*Popups*/
.fb_dialog_content,
.pop_content>.dialog_content,
/*Minor Pages & Fixes*/
body:not(.home) .findfriends,
#create_pages,
.api_login .UIRoundedTransparentBox,
.login_page .UIInterstitialContainer,
.public_listing .UIFullPage_Container>div,
.WelcomePage_MainSellRight,
/*Filterlist - Search*/
.search .search_input_box,
.HelpCenter .HC_Header,
.UITwoColumnLayout_NarrowContent,
.UITwoColumnLayout_Content,
/*Frames*/
.UIMediaHeader_Container,
.UIWashFrame_Content,
.UIStandardFrame_Content,
/*Profile*/
#tab_canvas,
#left_column .box,
.UIProfileBox_Container,
/*Homepage*/
#leftCol,
#rightCol,
#contentArea{
background: white !important;
-moz-background-clip: padding !important;
border: 2px solid transparent !important;
-moz-border-bottom-colors:#dbeaf6 #606d7a !important;
-moz-border-left-colors:#dbeaf6 #606d7a !important;
-moz-border-right-colors:#dbeaf6 #606d7a !important;
-moz-border-top-colors:#dbeaf6 #606d7a !important;
-moz-border-radius: 3px !important;
}
/*# Black #*/
/*FFIXER*/
#FBPPdiv,
#FBFConfig,
/*Beeper & Popups*/
.UIBeeper_Full,
.fb_pop_content_container,
.pop_container_advanced,
.pop_container,
/*Chat*/
#presence_error_section,
#presence_popout_section,
.tab_handle,
#buddy_list_tab,
body:not(.presence_popout) .chat_window,
body:not(.presence_popout) #buddy_list{
border: 2px solid transparent !important;
-moz-border-top-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-left-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-bottom-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-right-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-background-clip: padding !important;
background-position: 0 -124px !important;
}
/*## 1.2 Icons ##*/
#sideNav>.uiSideNav .img,
#navItem_apps .img,
#navItem_games .img,
#navItem_2361831622 .img,
#navItem_app_2309869772 .img,
#navItem_2347471856 .img{
visibility: hidden !important;
}
#sideNav>.uiSideNav .imgWrap,
#navItem_apps .imgWrap,
#navItem_games .imgWrap,
#navItem_2361831622 .imgWrap,
#navItem_app_2309869772 .imgWrap,
#navItem_2347471856 .imgWrap{
width: 16px !important;
height: 16px !important;
}
/*NEWS*/
#navItem_nf .imgWrap,
.sx_app_icons_newsfeed,
.sx_icons_newsfeed{background-position: 0 0 !important;}
/*MESSAGES*/
#navItem_messages .imgWrap,
.sx_icons_messages{background-position: -16px 0 !important;}
/*EVENTS*/
#navItem_events .imgWrap,
.sx_app_icons_event,
.sx_icons_event{background-position: -32px 0 !important;}
/*PHOTOS*/
#navItem_media .imgWrap,
.sx_icons_photo{background-position: -48px 0 !important;}
/*MOTIONS*/
.sx_icons_motion,
.sx_d758d6{background-position: -64px 0 !important;}
/*FRIENDS*/
.sx_app_icons_friends_full,
#navItem_ff .imgWrap,
.sx_icons_friends{background-position: -80px 0 !important;}
/*APPS*/
#navItem_apps .imgWrap,
.sx_app_icons_applications,
.sx_icons_applications{background-position: -96px 0 !important;}
/*GAMES*/
#navItem_games .imgWrap,
.sx_icons_games{background-position: -112px 0 !important;}
/*GROUPS*/
#navItem_2361831622 .imgWrap,
.sx_icons_group,
.sx_app_icons_group{background-position: -128px 0 !important;}
/*POSTS*/
#navItem_app_2309869772 .imgWrap,
.sx_icons_post{background-position: -144px 0 !important;}
/*NOTES*/
#navItem_2347471856 .imgWrap,
.sx_app_icons_note{background-position: -160px 0 !important;}
/*SEARCH*/
.sx_app_icons_search{background-position: -176px 0 !important;}
/*GUY*/
.sx_icons_friend_guy,
.sx_app_icons_friend_guy{background-position: 0 -16px !important;}
/*PAGES*/
.sx_icons_fbpage,
.sx_app_icons_fbpage{background-position: -16px -16px !important;}
/*________________
# -- 2. TOPBAR --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
body>#blueBar{
border-bottom: 2px solid transparent !important;
-moz-border-bottom-colors: rgba(0,0,0,.62) rgba(252,253,254,.62) !important;
}
#menubar_container,
#pageHead>#blueBar{background: none !important;}
#pageNav>li.openToggler>a,
#pageNav>li>a:hover,
#pageNav>a:hover,
#jewelCase>.jewel.openToggler,
#jewelCase>.jewel:hover{
-moz-border-top-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-left-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-bottom-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-right-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-radius: 3px;
background-position: 0 -124px !important;
}
/*FACEBOOK-FIXER*/
#fbf-bookmark-list,
/*profile flyout*/
#menu_tab_more .menu_content,
#flyout_menu_profile_add_tab .flyout_menu_content_shadow,
.flyout_menu_18 .flyout_menu_content_shadow,
#navSearch .results.search,
#navAccount ul,
.jewelBox{
border: 2px solid transparent !important;
-moz-border-top-colors: rgba(0,0,0,0.56) rgba(255,255,255,0.6) !important;
-moz-border-left-colors: rgba(0,0,0,0.56) rgba(255,255,255,0.6) !important;
-moz-border-bottom-colors: rgba(0,0,0,0.56) rgba(255,255,255,0.6) !important;
-moz-border-right-colors: rgba(0,0,0,0.56) rgba(255,255,255,0.6) !important;
-moz-background-clip: padding;
-moz-border-radius: 0px 0px 3px 3px;
background: rgba(255,255,255,0.95) !important;
}
#pageLogo a{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background-position: -96px -32px !important;
}
#pageLogo a:hover{background-position: -128px -32px !important;}
#jewelCase{
width: 150px !important;
left: 75px !important;
}
#jewelCase .jewel{
width: 42px !important;
height: 39px !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-bottom: -2px !important;
background: none !important;
border: 2px solid transparent !important;
}
#jewelCase .openToggler {
margin-top: 13px !important;
-moz-border-radius: 3px 3px 0px 0px !important;
}
.jewelToggler{
width: 40px !important;
height: 37px !important;
}
#jewelMail,
#jewelAlert,
#jewelRequest{
width: 32px !important;
height: 32px !important;
margin: 2px 0 0 5px !important;
}
#jewelMail{background-position: -32px -32px !important;}
#jewelRequest{background-position: 0px -32px !important;}
#jewelAlert{background-position: -64px -32px !important;}
.jewelBox{
top: 40px !important;
margin-left: -1px !important;
}
.jewelCount{
background: none !important;
top: 1px !important;
}
.jewelCount span{
border: none !important;
background-position: -20px -98px !important;
padding: 2px 4px 2px 2px !important;
width: 7px !important;
}
#headNavOut{
background: none !important;
border: none !important;
top: 0px !important;
height: 41px !important;
margin-left: 250px !important;
}
#navSearch{
border: 2px solid transparent !important;
margin-top: 6px !important;
-moz-border-top-colors: rgba(255,255,255,0.6) #656c6f !important;
-moz-border-right-colors: rgba(255,255,255,0.6) #656c6f !important;
-moz-border-bottom-colors: rgba(255,255,255,0.6) #656c6f !important;
-moz-border-left-colors: rgba(255,255,255,0.6) #656c6f !important;
-moz-border-radius: 3px !important;
-moz-background-clip: padding !important;
}
#navSearch.uiTypeaheadFocused{
-moz-border-radius: 3px 3px 1px 1px !important;
}
#navSearch button{
margin-top: -1px !important;
border-left: 1px solid #656c6f !important;
background-position: -1px -1px !important;
height:18px !important;
}
#navSearch>div>div {
border: none !important;
}
#navSearch .inputtext {padding:1px 4px 3px !important;}
#navSearch .uiTypeahead,
#navSearch .wrap{
border: none !important;
}
#navSearch .results.search{
left: -1px !important;
top: 18px !important;
width: 298px !important;
}
#navSearch ul{
border: none !important;
}
#pageNav>li{
background: none !important;
border: none !important;
margin-right: 3px !important;
}
#pageNav>li.openToggler{
top: 0px !important;
right: 0px !important;
margin-left: 0px !important;
}
#pageNav>li>a,
#pageNav>a{
height: 27px !important;
border: 2px solid transparent !important;
text-shadow: #313131 0px 0px 5px!important;
padding-top: 12px !important;
color: white !important;
background: none !important;
}
#pageNav>li.openToggler>a{-moz-border-radius: 3px 3px 0px 0px !important;}
.openToggler #navAccountLink img {background-position: -137px 0 !important;}
#navAccount ul{
margin-top: -1px !important;
right: 1px !important;
}
/*__________________
# -- 3. HOMEPAGE --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
#contentCol{
padding-top: 0px !important;
margin-left: 188px !important;
background: none !important;
border: none !important;
}
#mainContainer{
margin-top: 15px;
margin-left: -6px !important;
}
/*Left Column*/
#leftCol .fbxWelcomeBox,
.uiHeaderNavEmpty,
#bookmarks_menu .actionLinks,
.friends_online_sidebar{
background-color: #f1f5fb !important;
background-position: 0 -777px !important;
}
#leftCol{
padding-left: 0px !important;
padding-top: 0px !important;
max-height: 0 !important;
}
#leftCol .fbxWelcomeBox{
padding: 10px;
}
#pagelet_status_updater .UIImageBlock_Content{
display: inline !important;
}
#pagelet_chat_home,
.uiSideNav{
margin-top: 0px !important;
border-top: 1px solid #8b919f !important;
}
.uiSideNav>li{
-moz-appearance: -moz-win-browsertabbar-toolbox;
left: 0px !important;
width: 171px !important;
padding: 3px 0px 3px 8px !important;
}
.uiSideNav>li.open{
-moz-appearance: -moz-win-communications-toolbox;
}
.uiSideNav>li.open a{
color: white !important;
}
.uiSideNav>li a,
.uiSideNav>li a:hover{
border: none !important;
background: none !important;
}
.uiHeaderNavEmpty,
#bookmarks_menu .actionLinks{
margin: 0px !important;
padding: 10px !important;
border: none !important;
}
.uiSideNav .divider{
display: none !important;
}
#pagelet_navigation .count{
color: #2e5999 !important;
font-weight: bold !important;
}
#pagelet_navigation .open .count{
color: #8fbbed !important;
}
.online_header{
-moz-appearance: -moz-win-communications-toolbox;
margin: 0px !important;
padding: 5px !important;
}
#pagelet_chat_home{
background: #f1f5fb !important;
padding-bottom: 5px !important;
}
.online_header h4{
color: white !important;
}
.friends_online_sidebar{
padding-top: 5px !important;
}
.friends_online_sidebar_navigation_link{
padding: 10px !important;
line-height: 40px !important;
}
.friends_online_sidebar li.buddy_row a {
background-position: right -21px !important;
background-repeat: no-repeat !important;
width: 145px !important;
}
.friends_online_sidebar li.buddy_row a.idle {
background-position: right -49px !important;
background-repeat: no-repeat !important;
width: 145px !important;
}
/*Middle*/
#contentArea{
padding: 0px !important;
}
.UIComposer_InputShadow{
width: 515px !important;
}
.uiHeaderPage{
-moz-appearance: -moz-win-communications-toolbox;
height: 20px !important;
padding: 5px 20px 8px 20px !important;
}
#pagelet_composer{
-moz-appearance: -moz-win-browsertabbar-toolbox;
padding: 10px 10px 3px 10px !important;
margin-bottom: 10px !important;
}
#pagelet_composer .Mentions_Input{
width: 519px !important;
}
.uiHeaderPage .uiTextTitle,
.uiHeaderPage a,
.uiHeaderPage .uiHeaderTitle{
color: white !important;
}
#gigaboxx_wrapper .uiHeader{
height: auto !important;
}
#gigaboxx_wrapper .lfloat{
width: 400px !important;
}
.uiBubbleCount{
background: white !important;
-moz-border-radius: 10px;
padding: 1px 5px 1px 5px !important;
}
.uiBubbleCount .number{
color: #6d84b4 !important;
background: none !important;
padding: 0 !important;
}
#gb_content_and_toolbar{
width: 100% !important;
}
.UIIntentionalStream_Content,
#contentArea .uiList,
.uiHeaderGroup{
padding-left: 20px !important;
padding-right: 20px !important;
}
.uiHeaderMiddleBorder,
#new_ff,
.pageScan,
.uiGrid {
margin: 15px !important;
}
#bottomContent{
height: auto !important;
}
#contentArea .uiHeaderGroup{
margin-top: 0px !important;
padding: 4px 0 4px 8px!important;
-moz-appearance: -moz-win-browsertabbar-toolbox !important;
}
/*Homepage Right Col*/
#rightCol{
width: auto !important;
max-width: 234px !important;
margin-left: 5px !important;
padding: 0px !important;
}
#rightCol .uiHeader{
margin-bottom: 12px !important;
-moz-appearance: -moz-win-communications-toolbox;
padding: 4px !important;
color: white !important;
}
#pagelet_adbox,
#pagelet_pokebox,
#pagelet_connectbox,
#pagelet_eventbox{
border-top: 1px solid #8b919f !important;
margin-top: -1px !important;
}
.mbm,
.mbl{
margin-bottom: 10px !important;
}
#rightCol .uiHeader .uiHeaderTitle,
#rightCol .uiHeader .uiHeaderActions>a{
color: white !important;
}
#rightCol .UIRequestBox,
#rightCol .UISuggestionList_ItemContainer,
#rightCol .UIUpcoming,
#rightCol .pokes .UIImageBlock,
#rightCol .hp_connect_box .UIImageBlock{
padding: 0 10px 0 10px !important;
}
/*Hide Button*/
.fg_action_hide,
.ImageBlock_Hide{
height: 14px !important;
width: 14px !important;
background-position: -49px -100px !important;
}
.FriendsPage .findfriends_pane{
padding: 0px !important;
}
#friend_guesser{
width: 609px !important
}
#friend_guesser .friend_grid_col{
width: 175px !important;
}
#friend_guesser .UIImageBlock img{
width: 40px !important;
}
/* Pagefooter */
#pageFooter{
margin: 10px auto !important;
width: 900px !important;
text-align: center !important;
}
#contentCurve{
display: none;
}
#footerContainer{
border: none !important;
margin-bottom: 12px !important;
}
#footerLeft{
float: left;
}
#pageFooter:after{
content: "Aero Ultimate Skin v3.1 b3 - (c)2010 Heart Ripper";
padding: 2px 0px 0px 20px !important;
background-position: 0 0 !important;
background-repeat: no-repeat !important;
}
#pageFooter a{
color: #a5e2ff !important;
text-shadow: black 0px 0px 2px;
}
#pageFooter span,
#pageFooter:after{
color: white !important;
text-shadow: black 0px 0px 2px;
}
/*____________________________________
# -- 4. PROFILES, PAGES AND GROUPS --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.profile .profile_top_wash{
background: none !important;
}
.profile_two_columns #right_column{
width: 700px !important;
}
/* Name and Status */
.profile_top_wash .profile_name_and_status{
min-height: 20px !important;
padding: 3px 0px 8px 5px;
margin-left: 28px !important;
}
.profile_top_bar_container .tabs_wrapper{
height: 26px !important; width: 100% !important;
padding: 0px !important;
margin: 10px 0 0 30px !important;
}
.profile_top_bar_container .tabs_wrapper .tab_link {
background: none !important;
border: 2px solid transparent !important;
font-weight: normal !important;
padding-bottom: 4px !important;
margin: 0 2px -3px 0 !important;
}
.profile_top_bar_container .tabs_wrapper .selected{
margin: 0 !important;
}
.pager_next,
#profile_tabs li{
background: none !important;
}
/*FLYOUTS*/
#profile_tab_more.selected_tab_more>a,
#profile_tab_add.selected_menu_icon>a,
.profile_top_bar_container .tabs_wrapper .selected .tab_link,
#profile_tabs>li>a:first-child:hover{
-moz-border-top-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-left-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-right-colors: rgba(0,0,0,0.36) rgba(255,255,255,0.6) !important;
-moz-border-radius: 4px 4px 0 0;
background-position: 0 -124px !important;
}
.profile_top_bar_container .tabs_wrapper .add_tab {
height: 25px !important;
}
.profile_top_bar_container .tabs_wrapper .tab_link:hover{
background: none !important;
}
#profile_tab_more>a:after,
#profile_tab_add>a:after{
padding: 0 7px 0 7px !important;
}
#profile_tab_add .tab_link,
#profile_tab_more .tab_link{
padding: 2px 0 0 0 !important;
width: auto !important;
}
#flyout_menu_profile_add_tab .flyout_menu_title{
visibility: hidden !important;
}
#flyout_menu_profile_add_tab .flyout_menu_header,
#flyout_menu_profile_add_tab .flyout_menu_mask,
#flyout_menu_profile_add_tab .menu_content{
border: none !important;
}
#flyout_menu_profile_add_tab .flyout_menu_title{
padding-left: 10px !important;
color: white !important;
text-shadow: black 0 0 2px;
}
#flyout_menu_profile_add_tab .flyout_menu_content_shadow{
float: left !important;
margin-left: 4px !important;
margin-top: -2px !important;
}
#menu_tab_more .menu_content{
margin-top: -4px !important;
}
/*"EDIT" flyout*/
#left_column .flyout_menu_18{
margin-left: 4px !important;
margin-top: 4px !important;
}
.flyout_menu_18 .flyout_menu_header{
-moz-border-radius: 2px 2px 0 2px !important;
border-color: rgba(0,0,0,0.56) !important;
}
.flyout_menu_18 .flyout_menu_title{
-moz-border-radius: 0 2px 0 0 !important;
background: rgba(255,255,255,0.9) !important;
}
.flyout_menu_18 .flyout_menu_mask{
-moz-border-radius: 2px 0 0 2px !important;
border-color: rgba(255,255,255,0.9) !important;
}
.flyout_menu_18 .menu_content{
border: none !important;
}
#profile_tabs .link_menu{
margin-left: -4px !important;
margin-top: -4px !important;
}
.profile .top_bar ul.tabs li.selected a.edit{
margin:4px 4px 0 1px !important;
}
/*Left Column*/
#top_bar_pic{display: none !important;}
#edit_profilepicture,
body:not(.confirminvite) #profile_pic{
border: 2px solid transparent !important;
-moz-border-bottom-colors:#dbeaf6 #606d7a !important;
-moz-border-left-colors:#dbeaf6 #606d7a !important;
-moz-border-right-colors:#dbeaf6 #606d7a !important;
-moz-border-top-colors:#dbeaf6 #606d7a !important;
}
#profile_pic{
background: transparent !important;
-moz-border-radius: 3px !important;
max-width: 194px !important;
}
#edit_profilepicture{
background: rgba(255,255,255,0.7) !important;
right: 1px !important;
-moz-border-radius-bottomleft: 4px !important;
}
#left_column .box_editor{
margin-top: -2px !important;
}
.UIProfileBox_Header,
#left_column .UITitle_h5{
height: 13px !important;
color: white !important;
-moz-appearance: -moz-win-communications-toolbox;
padding-top: 3px !important;
}
.pager_next,
#boxes_left{
border: none !important;
}
.secondary_actions .action,
.profile .blurb,
#profile_blurb .text_wrapper a,
.profile_actions,
.profile_actions a{
border: none !important;
color: white !important;
text-shadow: black 0px 0px 2px !important;
}
.profile_actions {padding-bottom: 0px !important;}
#profile_blurb .prompt a:hover,
.profile_actions a:hover{
background: none !important;
text-decoration: underline !important;
}
#profile_blurb{
margin: 0px !important;
}
.UIProfileBox_Container,
#left_column .box{
margin-top: 5px !important;
}
.small_box_size_restrict>div{
padding-left: 0px !important;
}
.secondary_actions{
margin-top: 10px !important;
}
/*Right Column*/
#right_column{
margin-top: -2px !important;
}
#feedwall_with_composer{
padding-top: 0px !important;
}
#tab_canvas{
min-height: 200px !important;
height: auto !important;
}
/*TopBar*/
.profile .UIComposer{
margin-bottom: 0px !important;
}
/*Filters*/
.discussions .tabs,
.title_header .tabs,
#feedwall_controls{
-moz-appearance: -moz-win-communications-toolbox;
height: 26px !important;
padding: 4px 0 2px !important;
display: block !important;
}
.discussions .tabs li,
.advanced_controls_link{
margin-top: 11px !important;
background: none !important;
color: white !important;
}
#profile_stream_filters{
float: left !important;
margin-left: 5px !important;
}
#feedwall_controls .PillFilter_filter{
border: 1px solid transparent;
}
.discussions .tabs li>a{
color: white !important;
border: none !important;
}
.discussions .tabs li>a.selected,
#feedwall_controls .Tabset_selected{
border: 1px solid rgba(0,0,0,0.3) !important;
background: rgba(0,0,0,0.2) !important;
-moz-border-radius: 3px !important;
}
#feedwall_controls .PillFilter_filter a:link{
color: white !important;
font-size: 12px !important;
border: none !important;
}
#feedwall_controls .PillFilter_filter a *{
background: none !important;
}
#profile_stream_filters_settings_anchor span{
padding: 0px !important;
}
.discussions .tabs li{
background: none !important;
border: none !important;
}
#profile_stream_filters_settings .settings{
color: white !important;
}
/*ProfileMinifeed*/
#profile_settings,
#profile_minifeed{
padding: 15px !important;
}
/*Info*/
#info_tab{
padding-top: 0px !important;
}
.info_done_editing_all_div,
#info_edits_div{
-moz-appearance: -moz-win-browsertabbar-toolbox;
padding-top: 5px !important;
height: 21px !important;
}
.info_done_editing_all_div{
height: 25px !important;
margin-bottom: 0px !important;
padding: 0px !important;
}
.info_section{
border-top: 1px solid #4c4c4c !important;
margin-top: -1px !important;
}
.profile_info_container{
margin: 0 10px 0 10px !important;
}
#info_edit_all{
margin: -1px 10px 0 0 !important;
}
#info_edit_sections .info_section .section_header h3{
height: 17px !important;
color: white !important;
-moz-appearance: -moz-win-communications-toolbox;
margin: 0px !important;
}
#info_edit_sections .info_section .section_header h3 span{
background: none !important;
margin-left: 10px !important;
}
.info_section, .profile_info_container, .profile_info, .editor_panel{
background: none !important;
}
#info_edit_sections .info_section .section_header h3 .divider{
display: none !important;
}
.info_section .see_all_link a{
color: white !important;
}
body:not(.profile_two_columns) .profile_bottom_container .right_column{
margin: 20px auto !important;
float: none !important;
}
/* Single Right Column */
body:not(.profile_two_columns) #profile_top_bar{
padding: 0px !important;
width: 760px !important;
margin: auto !important;
}
body:not(.profile_two_columns) .profile_color_bar{
width: 940px !important;
margin:auto !important;
}
body:not(.profile_two_columns) .right_column_container{
width: 800px !important;
}
body:not(.profile_two_columns) #tab_canvas,
body:not(.profile_two_columns) #right_column{
float: left !important;
}
body:not(.profile_two_columns) #right_column{
width: 790px !important;
}
body:not(.profile_two_columns) #tab_canvas{
padding: 0px 5px 10px 10px !important;
width: 770px !important;
}
/*___________________________
# -- 5. OTHER MAIN FRAMES --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.UIWashFrame_Header,
.UIWashFrame_MainContent,
.UIStandardFrame_Container {
width: 800px !important;
margin: 15px auto !important;
padding: 0px !important;
}
.UIWashFrame_Content,
.UIStandardFrame_Content{
width: 795px !important;
}
.UIMediaHeader_BottomMargin{
padding-bottom: 0px !important;
}
.UIWashFrame_Content .bar,
.UIMediaHeader_TitleWrapper,
.single_photo_header{
-moz-appearance: -moz-win-browsertabbar-toolbox;
padding: 9px !important;
}
#album_container,
.photo_table,
#photoborder{
border: none !important;
}
.UIMediaHeader_SubHeader{
-moz-appearance: -moz-win-communications-toolbox;
margin-bottom: -1px !important;
}
.UIMediaHeader_Photo{
margin: -35px 0 0 10px !important;
}
.UIMediaHeader_Nav{
padding-left: 70px !important;
height: 22px !important;
}
.UIMediaHeader_Nav a{
color: white !important;
}
/*video*/
#main_column{
margin-left: 10px !important;
}
#main_column #tagger.tagger_inactive {
border: none !important;
}
.title_header{
background: none !important;
margin-bottom: 10px !important;
}
.fbpage_edit_header,
.album_header,
.editalbum_header{
margin: 0px !important;
-moz-appearance: -moz-win-browsertabbar-toolbox !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.albums .UIDashboardHeader_TitleBar{
padding: 10px !important;
}
.UIFullPage_Container{
padding-top: 0px !important;
margin: 10px auto !important;
}
/*Invitations*/
.confirminvite .UIFullPage_Container{
width: 764px !important;
}
.confirminvite .UITwoColumnLayout_Content{
width: 502px !important;
}
.confirm_boxes> .UIImageBlock{
-moz-appearance: -moz-win-communications-toolbox;
}
.confirm_boxes> .UIImageBlock .UIImageBlock_Image{
margin: 3px 5px 0 5px !important;
}
.confirm_boxes> .UIImageBlock .uiTextTitle{
color: white !important;
line-height: 18px !important;
}
.confirminvite .confirm{
padding: 7px !important;
}
/*Notes - Sharebox - Old FriendsPage*/
.FriendsPage .UIStandardFrame_Content,
.FriendsPage #content_inner,
#event .UIProfileBox_Container,
#event .UITwoColumnLayout_Content,
#event .UITwoColumnLayout_NarrowContent,
.notes .UIWashFrame_Content,
.sharebox .UIWashFrame_Content{
background: none !important;
border: none !important;
}
.notes .UIContentBox,
.notes .note_body .note_header{
border: none !important;
}
.home #new_ff,
.FriendsPage .UITwoColumnLayout_Content{
width: 636px !important;
margin-right: -4px !important;
}
.sharebox .UITwoColumnLayout_Content,
.notes .UITwoColumnLayout_Content{
width: 582px !important;
}
/*Events*/
#event .UITwoColumnLayout_Content{
padding: 10px !important;
}
#event .UIProfileBox_Header{
-moz-appearance: none !important;
border: none !important;
background: none !important;
}
#event .UIProfileBox_Title{
color: #4c4c4c !important;
}
/*________________________________
# -- 6. FILTERLISTS AND SEARCH --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.search .UIStandardFrame_Content{
border: none !important;
background: none !important;
}
/*UIFilterList*/
.UIFilterList_List{
margin-bottom: -1px !important;
}
.UIFilterList_Item{
-moz-appearance: -moz-win-browsertabbar-toolbox;
}
.UIFilterList_List div.selected{
-moz-appearance: -moz-win-communications-toolbox;
}
.UIFilterList_Item a:hover{
background: none !important;
}
.UIFilterList_List div:not(.selected) a:hover div{
text-decoration: underline !important;
}
.UIFilterList_ItemLink {
border: none !important;
}
/*FriendPage*/
.FriendsPage_InviteFriends{
margin: 5px !important;
}
.FriendsPage_SearchContainer,
.UIFilterList_ListTitle{
-moz-appearance: -moz-win-communications-toolbox;
color: white !important;
padding: 5px 5px 8px 5px !important;
}
.UIFilterList_BottomMargin{
padding-bottom: 0px !important;
}
.FriendsPage_SearchContainer input{
width: -moz-available !important;
}
/*Search and Helpcenter Input Box*/
.HelpCenter .HC_Header,
.search .search_input_box{
margin-bottom: 5px !important;
padding-bottom: 0px !important;
}
.search .search_input_box{
width: 796px !important;
}
.HelpCenter .HC_Header form,
.search .search_input_box form{
-moz-appearance: -moz-win-browsertabbar-toolbox;
padding: 12px !important;
margin-bottom: -1px !important;
}
/*Right Column*/
.search .UITwoColumnLayout_Content{
width: 637px !important;
margin-right: -5px !important;
}
.search .UISearchFilterBar_Content,
.search .UIResultSection_Title{
-moz-appearance: -moz-win-communications-toolbox;
}
.search .UISpellCheck{
-moz-appearance: -moz-win-browsertabbar-toolbox;
padding: 10px !important;
margin-bottom: 0 !important;
}
.search .UISearchFilterBar_Content{
margin-top: -1px !important;
}
.UIResultSection_Bottom,
.search .UIResultSection_Title,
.search .UIFullListing {
padding-left: 10px !important;
padding-right: 10px !important;
}
.search .UIResultSection_Title{
padding-top: 3px !important;
}
.UIResultSection_RightSummary,
.UIResultSection_TitleLeft a,
.UIResultSection_TitleLeft strong,
.UISearchFilterBar_Label{
color: white !important;
}
/*AD SEARCH*/
.UIAdmgrSearch{
margin: 0 !important;
width: 157px !important;
}
/*_____________________________________
# -- 7. MINOR PAGES AND OTHER FIXES --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*OFFLINE PAGES
body[class*="LoggedOut"] #blueBar,
body[class*="logged_out"] #blueBar,
.login_page #blueBar,
.public_listing #blueBar,
.create_page #blueBar,
.WelcomePage #blueBar{
background: none !important;
}
*/
#menubar_container .fb_logo_link img{
background-position: 0 -64px !important;
height: 34px !important;
}
.signup_bar_container{
display: none !important;
}
.WelcomePage_Container{
background: none !important;
}
.WelcomePage_MainSell{
width: 960px !important;
margin: 0px auto !important;
background: none !important;
}
.WelcomePage_MainSellCenter{
padding: 0 0 0 10px !important;
width: 960px !important;
}
.WelcomePage_MainSellRight{
padding-left: 5px !important;
}
.language>ul>li>a,
#label_persistent,
.login_form_label_field a{
color: white !important;
text-shadow: black 0px 0px 2px;
}
.public_listing #content{
width: 990px !important;
margin: 10px auto !important;
}
.public_listing .UIFullPage_Container{
float: left !important;
width: 950px !important;
padding-top: 0px !important;
}
.public_listing .UIFullPage_Container>div{
width: 945px !important;
float: left !important;
}
.public_listing .search_bar{
padding-top: 10px !important;
}
.create_page .UIFullPage_Container{
width: 765px !important;
margin: 20px auto !important;
padding-top: 0px !important;
}
#create_pages{
width: 760px !important;
}
.login_page .UIFullPage_Container{
width: 600px !important;
}
.login_page .UIInterstitialContainer{
padding: 0px !important;
}
/*SETTINGS*/
.editaccount .UIDashboardHeader_Container,
.dashboard_header{
padding: 10px !important;
}
.dashboard_header .dh_titlebar{
padding-bottom: 0px !important;
}
.UIInterstitialBox_Container{
padding: 0px !important;
}
.UIInterstitialContainer div{
background: none !important;
}
.UIRoundedTransparentBox_Border{
border: none !important;
}
.login_page .linear_language{
margin: 0px auto !important;
}
/*IMPORT FRIENDS*/
.UINarrowFrame_FullWidth{
width: auto !important;
}
body:not(.home):not(.FriendsPage) #new_ff{
width: 700px !important;
margin: 15px auto !important;
}
/*ADS*/
.ads #contentArea{
padding: 10px !important;
}
/*API_LOGIN*/
.api_login .UIFullPage_Container{
width: 650px !important;
}
.api_login .UIStripe_Image{
display: none !important;
}
.api_login .UITos_Dialog{
padding:0px !important;
}
.api_login .title_header{
margin: 0 0 15px 0 !important;
}
/*UITOS*/
.UITos_Dialog .title_header{
-moz-appearance: -moz-win-communications-toolbox !important;
padding: 6px !important;
}
.UITos_Dialog .title_header h2{
color: white !important;
}
/*INSIGHT*/
.UIInsightsLarge{
margin-top: 4px !important;
}
/*FIXES*/
.business_pages #content,
.careers #content{
background: white !important;
}
.careers .UIWashFrame_Header{
margin-top: 0 !important;
}
.dev_site_page,
.UISharer_BookmarkletPage,
body[class*="iframe"]{
background: white !important;
}
.careers .UIWashFrame_Header,
.careers .UIWashFrame_MainContent{
border: none !important;
background: none !important;
}
/*____________________________
# -- 8. POPUPS AND BEEPERS --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.UIBeeper_Full,
.fb_pop_content_container,
.pop_container_advanced,
.pop_container{
-moz-border-radius: 5px !important;
background-color: rgba(0,0,0,0.6) !important;
}
/*POPUPS*/
.pop_container_advanced{
padding: 0px !important;
}
.pop_content{
background-position: 0 -124px !important;
padding: 5px !important;
}
.fb_pop_content_container{
padding: 5px !important;
}
.fb_pop_content{
background: none !important;
}
.fb_pop_content_container .fb_resetstyles,
.dialog_title{
border: none !important;
background: none !important;
}
.fb_pop_bottomleft,
.fb_pop_bottomright,
.fb_pop_topright,
.fb_pop_topleft,
.fb_pop_border{
background: none !important;
}
.dialog_title span,
.UIBeep_Title a,
.UIBeep_Title{
text-shadow: black 0 1px 1px;
}
.button_container{
margin-right: 20px !important;
}
/*FFX 3.7*/
.pop_verticalslab,
.pop_horizontalslab,
.pop_topleft,
.pop_topright,
.pop_bottomright,
.pop_bottomleft{
display: none !important;
}
/*BEEPS*/
.UIBeep{
background: none !important;
}
.UIBeep{
border-bottom: none !important;
}
.UIBeep_Title{
color: white !important;
}
.UIBeep_Title a{
color: #a5e2ff !important;
}
/*______________________________
# -- 9. FIX FOR AERO-LESS OS --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
/*Light*/
/*FACEBOOK-FIXER*/
div[id*="fbfConfigControl"]
/*FILTERLIST - SEARCH*/
.UIFilterList_Item,
.search .search_input_box form,
.search .UISpellCheck,
/*FRAMES*/
.UIWashFrame_Content .bar,
.UIMediaHeader_TitleWrapper,
.single_photo_header,
.fbpage_edit_header,
.album_header,
.editalbum_header,
/*PROFILE*/
.info_done_editing_all_div,
#info_edits_div,
.profile .UIComposer_Box,
/*HOMEPAGE*/
#pagelet_composer,
.uiSideNav>li{
/* ## IP - BG#3 ## */ background: #f1f5fb url("http://img232.imageshack.us/img232/1685/ausbg.png") 0 -197px repeat-x !important;
width: auto !important;
border-width: 0px 1px 2px 1px !important;
border-style: solid !important;
-moz-border-left-colors: #f8f9fc !important;
-moz-border-right-colors: #f8f9fc !important;
-moz-border-bottom-colors: #8b919f #f8f9fc !important;
}
/*Blue*/
/*FACEBOOK-FIXER*/
#fbfConfigTabs div[id*="fbfConfigTab"].fbfConfigSelectedTab,
/*FILTERLIST - SEARCH*/
.UIFilterList_List div.selected,
.search .UISearchFilterBar_Content,
.search .UIResultSection_Title,
/*FRAMES*/
.UIMediaHeader_SubHeader,
.confirm_boxes> .UIImageBlock,
.UITos_Dialog .title_header,
/*PROFILE*/
#info_edit_sections .info_section .section_header h3,
.title_header .tabs,
#feedwall_controls,
.UIProfileBox_Header,
#left_column .UITitle_h5,
/*HOMEPAGE*/
#rightCol .uiHeaderBottomBorder, /*NEW*/
#rightCol .uiHeaderGroup,
.UITitledBox_Top,
.uiHeaderPage,
.online_header,
.uiSideNav>li.open{
/* ## IP - BG#3 ## */ background: #f1f5fb url("http://img232.imageshack.us/img232/1685/ausbg.png") 0 -488px repeat-x !important;
width: auto !important;
border-width: 1px 1px 2px 1px !important;
border-style: solid !important;
-moz-border-top-colors: #8eb9eb !important;
-moz-border-left-colors: #8eb9eb !important;
-moz-border-right-colors: #8eb9eb !important;
-moz-border-bottom-colors: #4c4c4c #8eb9eb !important;
margin-top: 0px !important;
}
/*______________
# -- 10.CHAT --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
#presence_ui{
border: none !important;
}
/*Chat bar*/
#presence_error_section,
#presence_popout_section,
#buddy_list_tab,
.tab_handle{
background-color: rgba(0,0,0,0.5) !important;
-moz-border-radius: 3px 3px 0 0;
}
#buddy_list_tab:hover,
.tab_handle:hover{
background-color: rgba(0,0,0,0.6) !important;
}
#buddy_list_tab:active,
.tab_handle:active{
background-color: rgba(0,0,0,0.7) !important;
}
.tab_handle.focused{
background-color: rgba(0,0,0,0.8) !important;
}
.tab_handle.focused,
#buddy_list_tab.focused{
-moz-border-radius: 0px !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
#buddy_list_tab,
.tab_handle{
margin-right: -1px !important;
}
.presence_bar_button.focused .inner_button {
padding-top: 3px !important;
}
.tab_button_div:hover{
background: none !important;
}
#presence_error_section .inner_button,
.presence_popout_button,
#buddy_list_tab .inner_button{
border: none !important;
}
#buddy_list_tab{
width: auto !important;
}
#chat_tab_bar .chat_shadow_input,
#chat_tab_bar .chat_window .chat_input{
background-position: 4px -140px !important;
background-repeat: no-repeat !important;
}
body:not(.presence_popout) #buddy_count{
font-size: 0px !important;
}
body:not(.presence_popout) #buddy_list_typeahead{
background: none !important;
padding: 1px !important;
border-color: rgba(255,255,255,0.4) !important;
}
#buddy_list .buddy_list_typeahead #buddy_list_typeahead_input {
-moz-appearance: none !important;
background-position: 3px -167px !important;
background-repeat: no-repeat !important;
border: none !important;
}
body:not(.presence_popout) #buddy_list_typeahead input,
body:not(.presence_popout) .tab_name span,
body:not(.presence_popout) #buddy_count span,
body:not(.presence_popout) #buddy_count span strong{
font-size: 10px !important;
color: white !important;
text-shadow: black 0 0 3px;
text-decoration: none !important;
}
.tab_name{
padding: 3px 4px 0 19px !important;
height: 16px !important;
}
.tab_handle.focused .tab_name{
padding-top: 3px !important;
margin-top: -1px !important;
}
.tab_handle.focused .tab_x{
margin-top: 9px !important;
}
.tab_hit_area,
.tab_handle{
width: auto !important;
}
.tab_button_div .tab_x:hover{
background-position: -32px -99px !important;
}
#chat_tab_bar .tab_count {
right: 5px !important;
top: -10px !important;
background-position: 0 -99px !important;
width: 16px !important;
padding-right: 2px !important;
}
.tab_handle.highlight{
padding: 0px !important;
}
.tab_handle.highlight .tab_count{
display: inline !important;
}
/*ICONS*/
#presence .buddy_icon{
margin: 0px 2px 0px 2px !important;
background-position: -96px -16px !important;
}
#presence.buddy_list_hidden .buddy_icon{
background-position: -128px -16px !important;
}
.tab_availability{
display: none !important;
}
.tab_handle .tab_name{
background-position: 0 -82px !important;
background-repeat: no-repeat !important;
}
.tab_handle.idle .tab_name{
background-position: 0 -102px !important;
background-repeat: no-repeat !important;
}
.tab_handle.disabled .tab_name{
background-position: 0 -122px !important;
background-repeat: no-repeat !important;
}
.tab_handle.typing .tab_name{
background-position: 0 -142px !important;
background-repeat: no-repeat !important;
}
.sx_icons_popout_window{
background-position: -64px -16px !important;
}
.sx_88cf61{
background-position: -48px -16px !important;
}
/* BUDDY LIST - CHAT WINDOW */
body:not(.presence_popout) .chat_window,
body:not(.presence_popout) #buddy_list{
-moz-border-radius: 3px 3px 0px 3px;
background-color: rgba(0,0,0,0.8) !important;
}
body:not(.presence_popout) .chat_conv,
body:not(.presence_popout) #fbChatBuddyListParent{
background-color: rgba(0,0,0, 0.1) !important;
background-attachment: fixed !important;
}
#buddy_list{
margin-right: 0px !important;
margin-bottom: 2px !important;
}
.presence_menu_opts{
width: 220px !important;
}
body:not(.presence_popout) .chat_header,
body:not(.presence_popout) .friend span,
body:not(.presence_popout) .title a,
body:not(.presence_popout) .presence_menu_opts h2{
background: none !important;
border: none !important;
color: white !important;
text-shadow: black 0 0 3px;
}
body:not(.presence_popout) .friend_list{
padding-bottom: 10px !important;
border: none !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
width: 200px !important;
background: none !important;
}
.friend_list .switch{
background-position: 5px -83px !important;
background-repeat: no-repeat !important;
}
.friend_list.offline .switch{
background-position: 5px -123px !important;
background-repeat: no-repeat !important;
}
body:not(.presence_popout) .friend_list .switch{
float: right !important;
right: 0px;
}
.friend_list .switch a{
background: none !important;
}
body:not(.presence_popout) .friend{
background-color: transparent !important;
}
body:not(.presence_popout) .friendlist_name,
body:not(.presence_popout) .presence_menu_opts{
background: none !important;
border: none !important;
}
body:not(.presence_popout) .friendlist_name{
margin-bottom: 3px !important;
}
.buddy_list a.friend{
background-position: 177px -23px !important;
background-repeat: no-repeat !important;
width: 190px !important;
border: none !important;
}
.buddy_list a.idle{
background-position: 177px -51px !important;
width: 190px !important;
}
body:not(.presence_popout) #buddy_list_empty_item{
background: rgba(0,0,0,0.6) !important;
color: white !important;
text-shadow: black 0 0 3px;
}
body:not(.presence_popout) .chat_window_wrapper{
float: right !important;
right: -9px !important;
}
body:not(.presence_popout) .chat_window{
margin-bottom: 2px !important;
}
body:not(.presence_popout) .chat_conv{
border: none !important;
width: auto !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
}
body:not(.presence_popout) .chat_input_div .chat_input{
border-color: rgba(255,255,255,0.2) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body:not(.presence_popout) .chat_input_border{
display: none !important;
}
body:not(.presence_popout) .chat_actions,
body:not(.presence_popout) .toolbox,
body:not(.presence_popout) .chat_input_div,
body:not(.presence_popout) .chat_info,
body:not(.presence_popout) .self,
body:not(.presence_popout) .other{
background: none !important;
border: none !important;
}
.self{
color: red !important;
}
.other a{
color: black !important;
}
body:not(.presence_popout) .edit_link a,
body:not(.presence_popout) .chat_input_div textarea,
.chat_actions .action,
.p_self,
.p_other{
color: black !important;
}
.msg_error a{
color: #ff7070 !important;
}
.chat_notice,
.msg_error{
color: #ff3838!important;
}
.visibility_change{
color: #59a3ff !important;
}
body:not(.presence_popout) .chat_input_div textarea{
min-height: 17px !important;
}
.chat_notice,
body:not(.presence_popout) .edit_link a,
body:not(.presence_popout) .chat_input_div textarea,
.chat_actions .action,
.visibility_change,
.self,
.other a,
.p_self,
.p_other{
}
.msg_error,
.pic_padding p,
.visibility_change,
#chat_tab_bar img.chat_info_pic {
background: none !important;
}
/*_________________________
# -- 11. FFIXER --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
#fbf-bookmark-link:hover{ -moz-border-radius: 3px 3px 0 0 !important;}
#fbf-bookmark-list{margin-right: 0px !important;}
#FBPPdiv,
#FBFConfig{background-color: rgba(0,0,0,0.6) !important;}
#FBFConfig{color: white !important;}
#fbfConfigContainer{
margin-left: -6px;
width: 712px !important;
}
#fbfConfigControls,
#fbfConfigTabs{padding: 0px !important;}
#fbfConfigTabs div[id*="fbfConfigTab"]{
-moz-appearance: -moz-win-browsertabbar-toolbox !important;
color: #111111 !important;
}
#fbfConfigTabs div[id*="fbfConfigTab"]:not(.fbfConfigSelectedTab):hover{
font-weight: normal !important;
text-decoration: underline;
}
#fbfConfigTabs div[id*="fbfConfigTab"].fbfConfigSelectedTab{
-moz-appearance: -moz-win-communications-toolbox !important;
color: white !important;
}
#fbfConfigTab-10{margin-bottom: -1px;}
div[id*="fbfConfigControl"]{
color:#222222 !important;
-moz-appearance: -moz-win-browsertabbar-toolbox !important;
margin-bottom: -1px;
}
#FBFConfig hr{display: none !important;}
/*Popups*/
#FBPPheader{
color: white !important;
margin-bottom: 3px !important;
}
#FBPPimg{
margin-bottom: 2px !important;
}
}
/*________________________________________________
# -- The end...! - (c) 2009 - 2010 HEARTRIPPER --
# -- RIP = R.I.P. --
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
_________________
Permissions in this forum:
Anda tidak dapat menjawab topik