userstyles.org My Account * Site styles * App styles * Global styles Vista Ultimate Skin for Facebook |@Taskbar - v0.7| Vista Ultimate Skin for Facebook |@Taskbar - v0.7| 10363 ****½ By HeartRipper Last updated Apr 27 2009 619 installs this week, 14533 total. ...A brand new skin for facebook that brings a bit of Vista-ness in your favourite social network, styling background, bars, borders, icons,.... everything you need to use it is firefox with stylish installed. Check it out! ____________________________________________________________________________________ This is the part of Vista Ultimate Skin for Facebook styling Facebook's taskbar. See release notes for details. ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ 1. Screenshots [Coming Soon] 2. Compatibility This skin is compatible with ALL operative system and ALL firefox version compatible with stylish. 3.Release Notes 1)this skin is in BETA version, please report me bugs or something like that, here or emailing me (if you email me, i'll be able to answer you! ) 2)IMPORTANT: From v1.4 Vista Ultimate Skin For Facebook has been splitted in two parts for problems regarding the style's lenght: Vista Ultimate Skin for Facebook |@Taskbar - v0.7| (this style, styling fb's taskbar); Vista Ultimate Skin for Facebook |@Window - v1.4| (styling fb's window) you need to install and update them separately! :( 4. Changelog: ** 28-10-2008: first ALPHA version released; ** 01-12-2008: v0.1[BETA1] released; ** 21/02/2009: v0.2 [BETA2] Released - Fixed some stuff - New orb - New Tooltips **26/02/2009: v0.3 [BETA3] Released - New icon! - Chat buttons' width is now dynamic ( no more names fallin off edges!) **07/03/2009: v0.4 Definitive Version Released - Fixed compatibility iussue with Firefox 3.1 - Top bar styled **08/03/2009: v0.5 Released - Code cleaned; - Text colors fixed; - Missing status in chat menus fixed; - Chat messages count problem fixed; - Minimiziing button is now present; **09/03/2009: v0.6 Released - Problem with apps icons fixed; - Add icon for the "causes" app - Multiple chat arrows styled - Add app's bookmark button styled **16/03/2009: v0.6.1 Released - Fixed a problem with online friends' tab ( http://img17.imageshack.us/img17/8129/testgxx.png ) **16/03/2009: v0.6.2 Released - Fixed a problem with applications menu. **16/03/2009: v0.6.2 Released - Fixed a problem with applications menu. **01/03/2009: v0.6.3 Released - Fixed some problems with fb updates. **26/04/2009: v0.7 Released - Fixed problems with some changes in the taskbar layout. - Fixed iussue with white space in chat window - Fixed minimize button. Check costantly for updates!! Problems, Bugs, Suggestion? Mailto: heartripperdesign@gmail.com Hide code /*#############################################################*/ /*### PROJECT: Vista Ultimate Skin for Facebook |@Taskbar| ###*/ /*### AUTHOR: HeartRipper ###################################*/ /*### VERSION: 0.7 ###########################################*/ /*### DATE: 26-04-2009 ####################################*/ /*### TARGET: facebook.com ##################################*/ /*### MAILTO: heartripperdesign@gmail.com ###################*/ /*### WEBSITE: http://userstyles.org/styles/12441 ############*/ /*#############################################################*/ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("facebook.com") { /* _______________________ 0. TOP BAR REDESIGNMENT ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ A little gift from my new style... :) */ #fb_menubar{ background: transparent url("http://mgcalc.netsons.org/fbvl/fb-bar2.png") no-repeat scroll left bottom !important; min-height: 35px !important; } /* ______________________ 1. IMAGES REDESIGNMENT ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */ /*1.1 Orb Redesignment*/ /*OLD ORBs*/ /*NORMAL: http://img509.imageshack.us/img509/3526/orbjq9.png*/ /*OVER: http://img391.imageshack.us/img391/4207/orbhoverbi2.png*/ #presence .inner_button{ border: none !important; } #presence_applications_tab{ border: none !important; width: 50px !important; height: 38px !important; margin-top: -8px !important; z-index: 50 !important; font-size: 0px !important; background: transparent url("http://img18.imageshack.us/img18/5530/orbwv8.png") top left no-repeat !important; } #presence_applications_tab:hover{ background: transparent url("http://img17.imageshack.us/img17/1388/orbhoverbta0.png") top left no-repeat !important; } #presence_applications_tab img{ display: none !important; } #presence_applications_tab span { font-size: 0px !important; background: none !important; } /*1.2 Shortcut Redesignment*/ #application_icon_garden_2309869772 .icon_garden_inner img, #application_icon_garden_2361831622 .icon_garden_inner img, #application_icon_garden_2344061033 .icon_garden_inner img, #application_icon_garden_2305272732 .icon_garden_inner img, #application_icon_garden_2392950137 .icon_garden_inner img, #application_icon_garden_2318966938 .icon_garden_inner img, #application_icon_garden_2347471856 .icon_garden_inner img, #application_menu_link_2309869772 img, #application_menu_link_2361831622 img, #application_menu_link_2344061033 img, #application_menu_link_2305272732 img, #application_menu_link_2392950137 img, #application_menu_link_2318966938 img, #application_menu_link_2347471856 img {display: none !important;} /*Links*/ #application_menu_link_2309869772 div, #application_icon_garden_2309869772 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/links.png) center center no-repeat !important; } /*Groups*/ #application_menu_link_2361831622 div, #application_icon_garden_2361831622 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/groups2.png) center center no-repeat !important; } /*Events*/ #application_menu_link_2344061033 div, #application_icon_garden_2344061033 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/events.png) center center no-repeat !important; } /*Images*/ #application_menu_link_2305272732 div, #application_icon_garden_2305272732 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/images.png) center center no-repeat !important; } /*Video*/ #application_menu_link_2392950137 div, #application_icon_garden_2392950137 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/videos.png) center center no-repeat !important; } /*Notes*/ #application_menu_link_2347471856 div, #application_icon_garden_2347471856 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/notes.png) center center no-repeat !important; } /*Causes*/ #application_menu_link_2318966938 div, #application_icon_garden_2318966938 .icon_garden_inner a{ background: url(http://mgcalc.netsons.org/fbvl/causes.png) center center no-repeat !important; } .icon_garden_elem { width: 25px !important; margin-top: -1px !important; padding-top: 3px !important; } .icon_garden_elem:hover { height: 30px !important; background: url("http://img147.imageshack.us/img147/5167/gardeniconbglc4.png") top left repeat-x !important; margin-top: -1px !important; } .icon_garden_inner {background: none !important;} /*1.3 Chat icon Redesignment*/ /*Chat Icon Redesignment*/ #chat_availability_toggle_image span img{display: none !important;} #chat_availability_toggle_image span{ height: 16px !important; width: 16px !important; float: left !important; } #chat_availability_toggle_image .show_available{ background: url("http://mgcalc.netsons.org/fbvl/chat.png") center center no-repeat !important; } #chat_tab_bar .disabled .tab_button_div .tab_name, #chat_availability_toggle_image .show_unavailable{ background: url("http://mgcalc.netsons.org/fbvl/offline.png") center center no-repeat !important; } #chat_availability_toggle_image .show_idle{ background: url("http://mgcalc.netsons.org/fbvl/idle.png") center center no-repeat !important; } #chat_tab_bar .disabled .tab_button_div .tab_name{ background: url("http://mgcalc.netsons.org/fbvl/offline.png") center left no-repeat !important; padding: 3px 0px 0px 19px !important; } #chat_tab_bar .tab_button_div .tab_name{ background: url("http://mgcalc.netsons.org/fbvl/chat.png") center left no-repeat !important; padding: 3px 0px 0px 19px !important; } #chat_tab_bar .idle .tab_button_div .tab_name { background: url("http://mgcalc.netsons.org/fbvl/idle.png") center left no-repeat !important; padding: 3px 0px 0px 19px !important; } #chat_status_control_tab img.show_available{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACu0lEQVR4nKWTWUhUcRTGf/fOdZpxxmWsyWyyVAqqhx5aKSMq6SEqokB6EyRofZAsMhmLaDVoE6IEQZR6KMKCyoqSrCzLVqI0K5wWWtRGvTOjs9y1B3FQIgr6ns75f3w/OH/Ogf+UMLzJKjlwR9WnLo7FoqbT0Vrxqfxw8d8AlqEi03uwIc21fGlDcZ4wNmuG0P7DNd8+O1WRHzx8MGNv9p70vLQ6V25i8bg81+fuu4G23wDuJbtqqwoXMtUFNgkUZwav24NL3KtfGpNGj913bsvNxJRpac7Ors/5tjmWRz8bAx0AYpwkGuYrPzz8Aa09IAmAoBsOe0Jp2boTeKwZLErJJXfxQhySrWYoFwdokXtHzt1/S+NXeC/D1aZnJBhP8h2GFG0PNdMi3+Fd/wskwcAwRWUoJ8UBumFva2vD5/Oh6zq6rpNsH1Ma7ulff72x/rJ/wXcMoKnhsWkMKCtHACbuKDkZiswrKt+8BjkGAQWsIlReuDbXGp2S/7a1HV/HFwzNQNBMwSJJBcBOACFnZ9nJvoGZRY/2r8FtB5tlcAS3HWoeX+Xi7a1s31xKSAkR0oLYzERqztegRfVlb476GgR30RWzpGAVmgkeByRZIRiDFx3XudW8iTrvfdKtqYwSbbwPfyA9YRzPAx/Yc6rwWiQQPSMJgoBqQG8UkhKgKwwRDRpbtrF1w0Zuddcy3paJw5JCUJd5qvahiUmsLVix8tLZelMCGFChO6zjtFoYUAcBIqCZKn41gFNKpivWSdSIoJk6qvF98AdNVoly5yslJwVqKyvIdML0NMhOHnRjikYw1I9f7aVH+UlftIdASEbu7Y+vsjQhS2jyVt/IA/BW34gbuizicXooLz/OsUNV2M0wfk1mjJTKFm8Rpw9WAPUjj2m4Zu2dXIbA/o8fv5Gd7Rnhxd9Mdv8p/8/6BQxlMZKyKkWPAAAAAElFTkSuQmCC") top left no-repeat !important; } #chat_status_control_tab img.show_unavailable{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmVJREFUeNqkU0trWkEUPtdX0BSNYnZiiJCN4NJCN6EPmoWk+CDZdqGQjUIwYCHQltC6KRFJVyVZtRBciLUbXSixCWmh4A8QFWpQEYwY8P2Ot+cMvZI0iy5yYZi5c+b7zjffOcPxPA/3+bibPw6H47tarX48HA75RqPxMRaL7fyPQCws7Hb7iclkerq3t8ctLy9z3W73kVKpHOXz+Z82m+2t0Wj8ajAYdnAu5nK5zB2CtbW1L263G7RaLUilUpDL5VAsFp+srKxMFxcX3wWDQcXS0tKDSqWyqdPpfmWz2d+EE83uwnH85eUllMtlqNVqIBKJAP2Zzs3N7Xq9XsCrAZLB6uoqyGSyzwJuRlAoFD6kUim4uLiAq6srODs7AyTcROIB7WFGUiQkGwk4ibC4vr6WZzIZIqI1G5hpt9lsupLJ5Dez2czOnZ+f8/1+f/0WgcViOcB7bns8HhgMBmyIxWIIhUIPSQVlJxVEOp1OOYlE8hJhr5gaq9V6sLCwsB0IBGB+fh4wyK6gUCggGo1COBwG8gCzskHx4+NjGI/Hz+Px+Anncrl4p9NJzIBlI9mAfUBSIZFIwNHREahUKgasVqvsDKnx+/2xTqfzSYKGMDCxo+OAmzCZTOD09BS2trYgnU6DRqNhZaUz2B8sycbGxnokEuGZB6PRCNrtNgvQmgj+Ggu9Xo+B0UwWo2QoX/DwhQhLM6IaHx4eMnloJqAn1APsICmi0Wq1WBKaiWxWBQT9QPAz+iES4avX66wr9/f3AbtwpobM9fl8bP/OY/rnYb3G6X2pVAK9Xn8rdmPvDXff5/xHgAEAQLFBk+aFbxIAAAAASUVORK5CYII=") top left no-repeat !important; } #chat_status_control_tab img.show_idle{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwRJREFUeNqkU2lIVFEYPXfem815appLNrRoWdpilNIC/kglRcygwJIQqcAtA9MfiWUDZURRUIFhMJCatkBk+yKYoSVCCxWVK6hRppE544zjvP313kgD/Yrownc37jn3+869hyiKgv9p9JM5C/2LkuKidkGK28xxrMJYPl2oq2uu+BsBlWcK9k0KDxS3hYZkprZVpJGIxQmkbyxkU8tqwme9+viispy2tSVTtx4lihVPk3Wf07tBqZByNZ77CVo3lTTa9yYjLgQw0QDPROFDnyulNaNDXjQ34njz/icBwfGhjKmzP2fZ25k9BNiowjpofyo6WXk/ASLIwBe3Wpt6AkSSLWZ9VfWuc7AaopB424mll3+CMxCjiVNSNQLdbwLR23G6ubMXz74CA07g/vPX0MsvcywyzfZNdaHz4D64bHaIYSbU55rHNbBPRD+BJJt7enowNDQESZJ8EWQOqzIPuUvlXPt1odcDNiYI13cyylf3RIb/FbSuqGD3ebd3Q9mpku1wcsAUDxjU3G5evrJ+32NSF+r2YGS+Do0pLLwOL6FoOl+FHdKwJOZQ9XmHZ11Zd812hJtVAanZEiz979CXlwe90wUudRm+HUuFi5qBSQlAw40GiKy05YxdaCPhZfeUyvxsiOp/slqAQAPAtreDOVwAihcQmLcN8WePw6QPwMDMICL18/BmahC22r0PvFNsHU0Igab8JKuC9YBwrQHzao+ByBIcJUkYKAzHmOMOLFQwXJITrwQHRF0gduRnbW1peqj4NPAIwI9pHivtJxB5twGKjkJLmgGrChMwITjB0EH4zo2Dlb1qppJ64bdZBRVk087x9/wSQ4rBWJqJyJ8jUIwmjNou4vV4KWJ5Ea7paUzQk2DFafAiB1kVmOdEzAllfBy66AVyF78zHUkq2GO04GRGGWzDIkbHdLAyVjTVXkWEOQ7LmRWIYqKxJmIt6i81I9YS7yMgj4MXaOMRzQ5qpKvRr21UlxurQVAzPDyK6GjrHwby7yk4+ptAM4dmisl/tfMvAQYAg+g6/wyUU6gAAAAASUVORK5CYII=") top left no-repeat !important; } #presence_notifications_tab>* { background: transparent !important; } #chat_status_control_tab img{ width: 0 !important; height: 51px !important; margin-top: -2px !important; padding-left: 135px !important; } #presence_error_section{ height: 29px !important; width: 35px !important; background: transparent url("http://img379.imageshack.us/img379/7257/presbgyh1.png") top left no-repeat !important; margin: 0px !important; border: 0px !important; } #presence_error_section .shutdown_img{ background: url("http://mgcalc.netsons.org/fbvl/error.png") center center no-repeat !important; margin: 3px 0px 0px 2px !important; } #presence_error_section:hover{ background: transparent url("http://img152.imageshack.us/img152/609/presbghvgf8.png") top left no-repeat !important; } /* ___________________ 2. BAR REDESIGNMENT ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */ /*### 2.1 General BG ###*/ #presence{ height: 30px !important; opacity: 0.85 !important; width: 100%; margin-left: 0px !important; } #presence_ui{ width: 100%; margin-left: 0px !important; } #presence_bar{ height: 60px !important; background: transparent url(http://mgcalc.netsons.org/fbvl/vbar.png) top left repeat-x !important; } .titletip{ margin-bottom: 0px !important; background: transparent !important; } #presence_bar_left .titletip{ margin-bottom: 4px !important; } .titletip strong{ height: 12px !important; padding-top: 2px !important; border: 1px solid #767676 !important; -moz-border-radius: 3px; background: #fefefe !important; color: #575776 !important; } /*### 2.2 Right Bar ###*/ #bookmarkable_app{ background: url("http://mgcalc.netsons.org/fbvl/tab.png") top left no-repeat !important; height: 30px !important; margin-top: 0px !important; } #bookmarkable_app:hover{ background: url("http://mgcalc.netsons.org/fbvl/tabh.png") top left no-repeat !important; } #presence_applications_bookmark_app{ border: 0px !important; background: transparent url("http://mgcalc.netsons.org/fbvl/tabend.png") top right no-repeat !important; height: 30px !important; padding-top: 7px !important; } #bookmarkable_app:hover #presence_applications_bookmark_app{ background: url("http://mgcalc.netsons.org/fbvl/tabendh.png") top right no-repeat !important; } #presence_applications_bookmark_app .bookmark_text{ color: white !important; } #presence_applications_bookmark_app:hover .bookmark_text{ text-decoration: none !important; } /*### 2.3 Right Bar ###*/ #buddy_list_tab{ background: transparent url("http://mgcalc.netsons.org/fbvl/tab.png") top left no-repeat !important; height: 30px !important; width: auto !important; color: white !important; border: none !important; position: relative !important; margin: 0px 8px 0px 0px !important; padding: 0px !important; } #buddy_list_tab img{ display: none !important; } #buddy_count{ background: url("http://mgcalc.netsons.org/fbvl/tabend.png") top right no-repeat !important; line-height: 24px !important; display: block !important; margin-top: -3px !important; padding: 3px 14px 9px 11px !important; } .focused #buddy_count{ margin-top: -4px !important; } #buddy_count .buddy_count_num{ background: url(http://mgcalc.netsons.org/fbvl/groups2.png) center left no-repeat !important; padding-left: 20px !important; } .tab_handle{ height: 30px !important; background: url("http://mgcalc.netsons.org/fbvl/tab.png") top left no-repeat !important; color: white !important; border: none !important; margin: 0px 4px 0px 0px !important; } .tab_button_div{ height: 30px !important; background: transparent url("http://mgcalc.netsons.org/fbvl/tabend.png") top right no-repeat !important; color: white !important; border: none !important; position: fixed !important; bottom: 0px !important; } #buddy_list_tab:hover, .tab_handle:hover{ background: url("http://mgcalc.netsons.org/fbvl/tabh.png") top left no-repeat !important; } #buddy_list_tab:hover #buddy_count, .tab_handle:hover .tab_button_div{ background: url("http://mgcalc.netsons.org/fbvl/tabendh.png") top right no-repeat !important; } .tab_button_div .tab_x{ background: none !important; } .tab_button_div .tab_x:after{ content: "x" !important; font-family: tahoma !important; font-size: 13px !important; } .tab_button_div .tab_x:hover:after{ content: "x" !important; color: red !important; } .tab_name{ margin-top: 2px !important; } #buddy_list_tab span span strong { color: white !important; } #buddy_list_tab, #presence_applications_icon_garden { border-color: transparent !important; } #chat_status_control_tab, #presence_notifications_tab{ height: 29px !important; margin-right: 8px !important; border: none !important; background: transparent url("http://mgcalc.netsons.org/fbvl/smalltab_norm.png") top left no-repeat !important; } #presence_notifications_tab{ margin-top: 0px !important; width:35px !important; } #chat_status_control_tab{ border: none !important; margin: 0px !important; padding: 6px 0px 0px 10px !important; width: 25px !important; } #presence_notifications_tab .inner_button{ margin: 3px 0px 0px 0px !important; background: url("http://mgcalc.netsons.org/fbvl/notifies2.png") center center no-repeat !important; width: 24px !important; } #chat_status_control_tab:hover, #presence_notifications_tab:hover{ background: transparent url("http://mgcalc.netsons.org/fbvl/smalltab_hov.png") top left no-repeat !important; } #presence_notifications_tab .sx_icons_notifications{ visibility: hidden !important; } #chat_status_control_tab .titletip{ margin-bottom: -6px !important; } #prev_count, #next_count{display: none !important;} #chat_next_tab, #chat_previous_tab{ height: 30px !important; margin-top: -5px !important; border: 0px !important; } #chat_previous_tab{ background: url("http://mgcalc.netsons.org/fbvl/arr_left_n.png") center center no-repeat !important; } #chat_next_tab{ background: url("http://mgcalc.netsons.org/fbvl/arr_right_n.png") center center no-repeat !important; } #chat_previous_tab:hover{ background: url("http://mgcalc.netsons.org/fbvl/arr_left_h.png") center center no-repeat !important; } #chat_next_tab:hover{ background: url("http://mgcalc.netsons.org/fbvl/arr_right_h.png") center center no-repeat !important; } /* ____________________________ 3. FLYOUT MENUS REDESIGNMENT ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */ /*## 3.1 General ##*/ .presence_menu_opts_wrapper{ margin-bottom: 34px !important; z-index: 30 !important; } .chat_window, .presence_menu_opts{ border: 1px solid #484a4c !important; border-width: 0px 1px 0px 1px !important; background: #404448 url("http://img99.imageshack.us/img99/5793/popupbgju5.jpg") top left repeat-x !important; color: #ffffff !important; border: 2px solid transparent !important; -moz-border-bottom-colors: transparent transparent !important; -moz-border-left-colors: #282b2e rgba(255,255,255,0.6) !important; -moz-border-right-colors: #282b2e rgba(255,255,255,0.6) !important; -moz-border-top-colors: #282b2e rgba(255,255,255,0.6) !important; -moz-border-radius: 10px 10px 0px 0px !important; } #presence_bar .presence_menu_opts h2{ background: url(http://www.facebook.com/images/chat/minimize.gif) no-repeat scroll right top !important; border: none !important; padding: 3px !important; margin-right: 10px !important; width: auto !important; } #presence_bar .presence_menu_opts h2:hover{ background-position:right -16px !important; } /*### 3.2 Applications Menu ###*/ #presence_bar .application_menu_divider{ color: black !important; border: none !important; font-size: 12px !important; font-family: verdana; } #presence_applications .presence_menu_content_wrapper:after{ content: "• VUS4FB |@Taskbar - v0.7| •"; margin-left: 38px !important; color: #a1a1a1 !important; } #presence_applications .presence_menu_content_wrapper{ background: white !important; margin: 5px !important; border: 2px solid transparent !important; -moz-border-bottom-colors: transparent transparent !important; -moz-border-left-colors: #bababa #3a3a3a !important; -moz-border-right-colors: #bababa #3a3a3a !important; -moz-border-top-colors: #bababa #3a3a3a !important; -moz-border-bottom-colors: #bababa #3a3a3a !important; -moz-border-radius: 2px !important; } #presence_applications .presence_menu_content_wrapper a{ color: #5a5a5a !important; } .application_menu_header .right, .application_menu_header .left{ width: 210px !important; float: left !important; text-align: center !important; } .application_menu_header .right a{ color: #afe9ff !important; } .application_menu_header{ background: none !important; } /*### 3.3 Friends ###*/ #buddy_list_typeahead{ background: none !important; } #buddy_list_typeahead_input,#buddy_list_empty_search{ -moz-appearance: none !important; background: url(http://mgcalc.netsons.org/fbvl/inptbg.png) top left repeat-x !important; border: 1px solid #1e1e1e!important; -moz-border-radius: 5px !important; } #buddy_list_parent li{background: none !important; } #buddy_list_parent li a:hover{background: rgba(255,255,255,0.1) !important;} .friend_status strong{ color: #afe9ff !important; font-weight: bold !important; } .friend_status span{ color: rgba(255,255,255, 0.7) !important; } .available_dot{ background: url("http://mgcalc.netsons.org/fbvl/chat.png") center left no-repeat !important; padding: 3px 0px 0px 19px !important; } .idle .available_dot{ background: url("http://mgcalc.netsons.org/fbvl/idle.png") center left no-repeat !important; padding: 3px 0px 0px 19px !important; } /*### 3.4 Notifies ###*/ #presence_notifications_content .notification, #presence_notifications_content .notification .body{ border: none !important; background: none !important; color: rgba(255,255,255,0.7) !important; } #presence_notifications_content .notification:hover{ background: rgba(255,255,255,0.1) !important; } .presence_notifications_see_all, #presence_notifications_content .notification .body a{ color: #afe9ff !important; font-weight: bold !important; } .notif_del{ background: none !important; } .notif_del:before{ content: "x" !important; font-family: tahoma !important; font-size: 12px !important; color: white !important; } .notif_del:hover:before{ content: "x" !important; color: red !important; } /*### 3.5 Chat ###*/ #chat_status_control a{ color: #afe9ff !important; } #chat_status_control div, #chat_status_control span{ color: white !important; } .presence_menu_header{ background: none !important; } /*### 3.6 Conversations ##*/ #chat{ margin-right: 10px !important; } .chat_window_wrapper{ background: none !important; } .chat_window { margin-bottom: 6px !important; } .chat_info_pic{ padding: 10px !important; padding-left: 8px !important; margin-top: -33px !important; margin-left: 5px !important; background: transparent url("http://img356.imageshack.us/img356/314/pictbgjf2.png") top left no-repeat !important; } .chat_header{ height: 5px !important; } .chat_header_name{ margin-left: 70px !important; } .chat_header_name a{ color: #afe9ff !important; } .chat_header, .chat_info, .chat_conv, .chat_conv_content .visibility_change{ background: none !important; border: none !important; } .chat_conv_content .visibility_change{ color: white !important; margin: 0px 10px 0px 8px !important; } .chat_info{ float: left !important; width: 200px !important; margin: 17px 10px 5px 13px !important; padding: 0px !important; } .chat_window .toolbox{ background: none !important; margin-top: 20px !important; border: none !important; } .chat_window .toolbox .chat_actions{ border: none !important; } .chat_window .toolbox .action{ color: white !important; } .chat_conv_content .body a{ color: #afe9ff !important; } .chat_info_status{ color: white !important; } .chat_info_status_time{ color: #afe9ff !important; margin: 0px !important; } .chat_conv{ border-top: 1px solid rgba(255,255,255,0.6) !important; margin-left: 0px !important; } .p_other, .chat_info_clear_history, .chat_conv .other, .chat_conv .other a{ border: none !important; color: orange !important; } .p_self, .chat_conv .self { color: #afe9ff !important;color: #afe9ff !important; border: none !important; } .chat_input_div{ margin: 8px 4px 2px 4px !important; width: 216px !important; background: white url(http://mgcalc.netsons.org/fbvl/inptbg.png) bottom left repeat-x !important; border: 1px solid #1e1e1e!important; -moz-border-radius: 5px !important; } .chat_input_div textarea{ -moz-appearance: none !important; border: none !important; } .minifeed, .msg_error, .chat_notice{ background: rgba(255,255,255,0.2) !important; border: none !important; } /*### THE END ###*/ /*(c)2008-2009 HeartRipper. RIP = R.I.P.*/ } Install options * Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you're using the latest version and have JavaScript enabled. * You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style. * Style installed in Stylish. * Style updated in Stylish. * Load as user script - Greasemonkey and Opera users can load this style as a user script. Feedback * Post a review * Ask a question or make a suggestion Reviews Allie said on Jun 18 2009 Good style, but when I tried to remove it, it won't go away. :/ Now it just bothers me because it messes up and won't let me chat. **** 3DMC said on Apr 14 2009 wow...looking good! ***** ZimperZ said on Mar 15 2009 Wow, this is a really good job! And i really like the bar's fade-effect! At the same time, i hope you can do this compatible with other languages, etc Norwegian. Here is the issue: http://i43.tinypic.com/crgq0.png As you can see, the text "Påloggede venner" doesn't fit into the box The same problem with English as language when 10 or more peoples are online.. But keep up the good work! :D **** BurnO said on Mar 09 2009 Thanx for Icons fix. But still I have some issues: 1. The F button is really TOO BIG, making it smaller will be great. 2. Clicking The F buttom, the is no (_) Minimize option, BLANK for me either. **** Lavitz said on Mar 09 2009 Absolutely LOVE this style. Looks really cool, and I really like the new addition where it makes the header look a whole lot better. Still needs a bit of work, But I see that you're working on it quite often. It's kinda weird how some of the app icons won't show up, but I'm sure you'll figure it out. ***** boufonman35 said on Feb 04 2009 Realy nice idea !!! Juste change the big F button, he is horrible !!! Nice works for the chat style ! **** pizzaguy said on Jan 25 2009 very good looking but i would like more if the buttons were larger because people with long names seem to fall off the edge **** DaedalusIcarusHelios said on Nov 26 2008 Looks nice! ***** Discussions * [Facebook] Vista Ultimate Taskbar - Discussion & Bugtracking - last comment 2 months ago Start a new discussion Try KallOut Accelerators for Firefox Mail the admin.