{"sections":[{"urls":[],"urlPrefixes":[],"domains":[],"regexps":[],"code":"@namespace url(http://www.w3.org/1999/xhtml);\r\n/**\r\n * Facebook Usability\r\n * Author: \tYorick Peterse\r\n * URL:\t\thttp://www.yorickpeterse.com/\r\n * License: MIT License\r\n *\r\n * Facebook Done Right fixes the new Facebook layout and makes the websites look better.\r\n */\r\n /* The sprites can be found here: http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png */"},{"urls":[],"urlPrefixes":[],"domains":["facebook.com"],"regexps":[],"code":"/* Header */\r\n\t/* Fix the icons to the left (requests, messages and notifications). Sprite URL: http://www.facebook.com/rsrc.php/z8S5R/hash/ez3x5cuc.png */\r\n\t#jewelCase .jewel \u003e a:hover\r\n\t{\r\n\t\tbackground-color: #3B5998!important;\t\t\r\n\t}\r\n\t#jewelCase #jewelRequest:hover\t\t\t\t{background-position: -78px -105px!important;}\r\n\t#jewelCase #jewelMail:hover \t\t\t\t{background-position: -78px -73.5px!important;}\r\n\t#jewelCase #jewelAlert:hover\t\t\t\t{background-position: -78px -137px!important;}\r\n\t\r\n\t#jewelCase .openToggler #jewelRequest:hover\t{background-position: -105px -106px!important;}\r\n\t#jewelCase .openToggler #jewelMail:hover \t{background-position: -105px -74.5px!important;}\r\n\t#jewelCase .openToggler #jewelAlert:hover\t{background-position: -105px -138px!important;}\r\n\t#jewelCase .openToggler #jewelRequest:hover,#jewelCase .openToggler #jewelMail:hover,#jewelCase .openToggler #jewelAlert:hover{background-color:#fff!important;}\r\n\t/* Account panel, we'll ignore the account info box using pure CSS wizardy. */\r\n\t#navAccount ul\r\n\t{\r\n\t\tborder-width: 1px!important;\r\n\t\tborder-color: #333!important;\r\n\t}\r\n\t#navAccount ul li:first-child~li a\r\n\t{\r\n\t\theight: 7px!important;\r\n\t\tmargin: 0px 0px 3px 10px!important;\r\n\t\tpadding: 1px 0px 9px 23px!important;\r\n\t}\r\n\t#navAccount ul li:first-child:hover\r\n\t{\r\n\t\tborder-bottom: 1px solid #E0E0E0!important;\r\n\t}\t\r\n\t#navAccount ul li:first-child:hover,#navAccount ul li:first-child:hover a\r\n\t{\r\n\t\tbackground: none!important;\r\n\t\tcolor: #3A579A!important;\r\n\t\tborder-top: none!important;\r\n\t}\r\n\t#navAccount ul li\r\n\t{\r\n\t\theight: 22px!important;\r\n\t\tmargin-bottom: 3px!important;\r\n\t\tpadding-top: 2px!important;\r\n\t}\r\n\t/* Fix the hovers */\r\n\t#navAccount ul li:hover\r\n\t{\r\n\t\tbackground: #6D84B4!important;\r\n\t\tborder-top: 1px solid #3B5998;\r\n\t\tborder-bottom: 1px solid #3B5998;\r\n\t\theight: 20px!important;\r\n\t}\r\n\t#navAccount ul li:hover a,#navAccount ul li a:hover\r\n\t{\r\n\t\tcolor: #fff!important;\r\n\t\tborder: none!important;\r\n\t}\r\n\t/* Add the images */\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/friends/?ref=tn\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -605px!important;\r\n\t}\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/editaccount.php?ref=mb\u0026drop\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -845px!important;\r\n\t}\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/settings/?tab=privacy\u0026ref=mb\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -509px!important;\r\n\t}\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/editapps.php?ref=mb\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -493px!important;\r\n\t}\t\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/editaccount.php?payments\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -1117px!important;\r\n\t}\r\n\t#navAccount ul li a[href=\"http://www.facebook.com/help/?ref=drop\"]\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -1277px!important;\t\t\r\n\t}\r\n\t#navAccount ul li:last-child a\r\n\t{\r\n\t\tbackground: url(\"http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png\") no-repeat 0px -301px!important;\r\n\t}\r\n\t/* Align the header properly */\r\n\tbody.profile #headNavOut\r\n\t{\r\n\t\tmargin-left: 220px!important;\r\n\t}\r\n\t/* Switch the locations of the search bar and the main navigation menu */\r\n\t#navSearch\r\n\t{\r\n\t\tleft: auto!important;\r\n\t\tright: 4px!important;\r\n\t}\r\n\t#pageNav\r\n\t{\r\n\t\tleft: 0px!important;\r\n\t\tright: auto!important;\r\n\t}\r\n\t/* Profile page. The profile page needs to be fixed since it isn't aligned properly. */\r\n\t#profile_stream_container\r\n\t{\r\n\t\tmargin-top: 20px!important;\r\n\t}\r\n\t.right_column_container\r\n\t{\r\n\t\twidth: 980px!important;\r\n\t}\r\n\t.profile_color_bar\r\n\t{\r\n\t\tmargin-left: -40px!important;\r\n\t}\r\n\t#right_column, .right_column\r\n\t{\r\n\t\tmargin-left: 10px!important;\r\n\t\twidth: 760px!important;\r\n\t}\r\n\t/* Remove the ads */\r\n\t#pagelet_ads\r\n\t{\r\n\t\tdisplay: none!important;\r\n\t\t/* I know that defining the width and height isn't required, but I prefer to do so just in case something goes wrong. */\r\n\t\theight: 1px!important;\r\n\t\twidth: 1px!important;\r\n\t}\r\n\t/* Increase the width */\r\n\tbody.profile .feed_comments \u003e div, body.profile .like_box, body.profile .comments_add_box, body.profile .comment_box .paging_header\r\n\t{\r\n\t\twidth: 100%!important;\r\n\t}\r\n\tbody.profile .comments_add_box textarea\r\n\t{\r\n\t\tfloat: none!important;\r\n\t\twidth: 91%!important;\r\n\t}\r\n\tbody.profile .comments_add_box_submit\r\n\t{\r\n\t\tmargin-right: 17px!important;\r\n\t}\r\n\tbody.profile .comment_box .pager_count\r\n\t{\r\n\t\tmargin-right: 15px!important;\r\n\t}"}],"url":"http://userstyles.org/styles/25072","updateUrl":"https://userstyles.org/styles/chrome/25072.json","md5Url":"https://update.userstyles.org/25072.md5","originalMd5":"9aa0d421dc9cc2c0e0bf642156af52c2","name":"Facebook Done Right","thumbnail":"https://userstyles.org/auto_style_screenshots/25072-after.png?r=1780556416"}