// ==UserScript== // @name Facebook - pink! // @namespace http://userstyles.org // @description A nice, simple pink theme for Facebook. // @author madebymat // @homepage https://userstyles.org/styles/26493 // @include http://facebook.com/* // @include https://facebook.com/* // @include http://*.facebook.com/* // @include https://*.facebook.com/* // @run-at document-start // @version 0.20100321162915 // ==/UserScript== (function() {var css = [ "@namespace url(http://www.w3.org/1999/xhtml);", "#contentCol { background-color:#fff3f6 !important; }", ".profile .profile_color_bar { background-color:#fff3f6 !important; }", "", "", "/* navigation */", "#blueBar { background:#f0788c !important; }", "#pageLogo a { background:url(http://www.madebymat.com/facebook/icons.png) no-repeat scroll -21px 0 !important; }", "#headNavOut { background:#f6b1c3 !important; border-color:#de264c !important; }", "", "", "", "/* main nav icons */", ".jewelToggler { background-image:url(http://www.madebymat.com/facebook/icons.png) !important; }", "#jewelAlert:hover, #jewelAlert:focus, #jewelAlert:active,", "#jewelMail:hover, #jewelMail:focus, #jewelMail:active,", "#jewelRequest:hover, #jewelRequest:focus, #jewelRequest:active { background-color:#f6b1c3 !important; }", "#jewelCase .jewel { border:none !important; }", "", "", "", "/* search */", "#navSearch button { background:url(http://www.madebymat.com/facebook/icons.png) no-repeat scroll -1px 0 !important; }", "#navSearch { border-color:#f0788c !important; }", "", "", "", "/* nav tabs */", "#pageNav a:hover, #pageNav a:focus, #pageNav a:active { background-color:#de264c !important; color:#ffffff !important; }", "", "", "", "/* boxes */", ".lightblue_box { background-color:#fce1e8 !important; border-color:#f6b1c3 !important; }", ".commentable_item .ufi_section { background-color:#fce1e8 !important; }", "textarea, .inputtext, .inputpassword { border-color:#f6b1c3 !important; }", "", "", "", "/* links */", "a { color:#de264c !important; }", ".uiLinkButton input { color:#2c2c2c !important; }", ".action_links_title .comment_link, .action_links_bottom .comment_link, .feedback_show_link, .feedback_hide_link, .UIActionLinks .comment_link { color:#2c2c2c !important; }", "button.as_link { color:#2c2c2c !important; }", "", "", "", "/* side nav */", ".uiSideNav .selected .item, .uiSideNav ul .selected .subitem, .uiSideNav .selected .item:hover, .uiSideNav ul .selected .subitem:hover { background-color:#f6b1c3 !important; }", "", ".uiSideNav .item:hover, .uiSideNav .subitem:hover { background-color:#fce1e8 !important; }", ".friends_online_sidebar li.buddy_row a:hover { background-color:#fce1e8 !important; }", "", ".unread { background-color:#f6b1c3 !important; }", ".line { color:#de264c !important; }", "", "", "", "/* pop up box */", "#jewelCase .jewelFooter a { background-color:#ffffff !important; }", "#jewelCase .jewelFooter .uiTextSubtitle { color:#ffffff !important; }", "", "#jewelCase .jewelFooter a:hover span, #jewelCase .jewelFooter a:active span, #jewelCase .jewelFooter a:focus span, #jewelBoxMail a:hover .uiTextSubtitle, #jewelBoxMail a:active .uiTextSubtitle, #jewelBoxMail a:focus .uiTextSubtitle { color:#ffffff !important; }", "", "#jewelBoxMail li a:hover, #jewelBoxMail li a:active, #jewelBoxMail li a:focus { background-color:#ffffff !important; border-color:#ffffff !important; }", "#jewelCase .jewelBox { background-color:#ffffff !important; }", "", "", "", "/* copy */", ".uiHeader h2 { color:#de264c !important; }", "", "", "", "/* graffiti */", ".current_stuff td { background-color:#fff3f6 !important; border-color:#f6b1c3 !important; }", "", "", "", "/* profile page */", ".UIComposer .UIComposer_Box { background-color:#fff3f6 !important; border-color:#f6b1c3 !important; }", ".profile .box .box_header { background-color:#fff3f6 !important; border-color:#f6b1c3 !important; }", "", "", "", "/* profile tabs */", ".profile .top_bar ul.tabs li.selected a.tab_link { background-color:#ffffff !important; border-color:#f6b1c3 !important; }", ".profile .top_bar ul.tabs li a.tab_link { background-color:#f6b0c2 !important; border-color:#f0788c !important; }", ".profile .top_bar ul.tabs li a.tab_link:hover { background-color:#de264c !important; color:#ffffff !important; border-color:#de264c !important; }", "", "", "", "", "/* chat */", "#chat_tab_bar .disabled .chat_window .chat_conv { background-color:#fff3f6 !important; }", "#chat_tab_bar .chat_header { background-color:#f0788c !important; border-color:#000000 !important; }", "#chat_tab_bar .chat_header_name a { color:#ffffff !important; }", "#chat_tab_bar .chat_window .chat_conv .visibility_change { background-color:#f6b1c3 !important; color:#de264c !important; }", "#presence_bar .presence_menu_opts h2 span { background:#f0788c !important; }", "#presence_bar .presence_menu_opts h2 { border-color:#f0788c !important; }", ".buddy_list a.friend:hover, .buddy_list a.selected, .buddy_list a.drag { background:#fff3f6 !important; }", "", "#presence.fbx_bar .presence_section, #presence.fbx_bar #chat .tab_handle, #presence.fbx_bar #presence_gk_tab, #presence.fbx_bar #presence_translations_tab { background:#f0788c !important; border-color:#f0788c !important; }", "#presence .presence_bar_button .inner_button { border-top:none !important; }", "#presence #buddy_list_tab #buddy_count .buddy_count_num { color:#ffffff !important; }", "", "#presence .presence_menu_opts { border-color:#f0788c !important; }", "", "", "", "/* buttons */", ".UIButton_Blue { background:#de264c !important; border-color:#f0788c !important; }", ".UIComposer_InputArea { border-color:#f6b1c3 !important; }", ".uiButtonConfirm { background:#de264c !important; border-color:#f0788c !important; }", "#presence #buddy_list_tab #buddy_count strong { color:#ffffff !important; }" ].join("\n"); if (typeof GM_addStyle != "undefined") { GM_addStyle(css); } else if (typeof PRO_addStyle != "undefined") { PRO_addStyle(css); } else if (typeof addStyle != "undefined") { addStyle(css); } else { var node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); var heads = document.getElementsByTagName("head"); if (heads.length > 0) { heads[0].appendChild(node); } else { // no head yet, stick it whereever document.documentElement.appendChild(node); } } })();