css - 有没有 facebook css 样式的库？

Question

我必须创建一个 Facebook 应用程序，我以前从未做过，但我认为最好的办法是将它设计得尽可能类似于 Facebook，这样它就能很好地集成。我已经有了用于消息和通知的代码:

var dialog = FB.Dialog.create({
content: '<div style="color: rgb(255, 255, 255); background-color: rgb(109, 132, 180); font-size: 15px; font-weight: bold; padding: 5px; text-align: left;">Error</div><p style="margin:10px 15px;">Message</p><div style="color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); padding: 8px; text-align: right; border-top: 1px solid rgb(198, 198, 198);height:23px;"></div>',
closeIcon: true,
onClose: function() {
    FB.Dialog.remove(dialog);
},
visible: true
});

我必须创建诸如 friend 列表之类的东西，我在想。我应该复制 facebook 的样式还是有任何库可以获得这种样式？或者如果没有，我应该在 Facebook 上查看哪些文件来复制样式？

Answer 1

在继续复制 Facebook 的外观之前，请注意任何法律影响

From WPCandy :

An Indonesian blogger, Ainun Nazieb, is in a little bit of hot water. He created a WordPress theme based off the pre-timeline Facebook profile design. In fact, it’s almost an exact clone . . . He currently has 3 charges filed against him, two criminal and one civil. The maximum penalty for one of the charges is . . . about $222,346 USD.

如果您想继续，This website提供了一个您可以使用的示例样式表，它使用与 Facebook 相同的颜色。

如果您想更加挑剔，可以查看 Facebook 的 CSS 文件。根据您的浏览器或开发人员工具包，您获取这些内容的方式会有所不同。以下是在 Chrome 中执行此操作的方法:

On Chrome's Developer Tools tab (CTRL + SHIFT + I), go to Resources (you may have to enable Resource tracking on that page), and click on the sub-tab Stylesheets. That will show all css files loaded by that page.

(参见 How to see the .css files loaded in a page in Google Chrome? )