mixiの新しいヘッダーをこざっぱりさせてみた

mixi関連連続エントリーです。
Operaの表示がおかしかったのを直したついでに、ユーザースタイルシートでヘッダーのバナーをとっぱらってデザインちょっと変えてみました。

ロゴの下の妙なスペースとか、広告が無理矢理な位置にあったせいですごく中途半端になっていたのがスッキリ！！

mixiヘッダー用スタイルシート

ソースは以下です。

CSS

1. #headerArea div.adBanner{
2. display:none !important;
3. }
4. #headerArea div.headerNavigationRight{
5. float:right;
6. width:500px !important;
7. div.headerNavigationRight ul.utilityNavigation01,
8. div.headerNavigationRight ul.serviceNavigation{
9. float: right;
10. }
11. div.headerNavigationRight ul.serviceNavigation{
12. padding:19px 0 0 !important;
13. }
14. div.headerNavigationBottom{
15. position:relative;
16. top:-10px;
17. float:right;
18. width: 715px !important;
19. }
20. div.personalNavigation01,
21. div#bodyArea,
22. div#oldMain{
23. position: relative;
24. top:0px;
25. clear:both;
26. }
27. div.personalNavigation01 ul li div.localSubMenu{
28. top:28px !important;
29. line-height:17px;
30. }
31. .emoji_palette {
32. margin-top:-125px !important;
33. }

Firefox用アドオンのstylishをお使いの方は以下の2行を一番上に追加し、最後の行に}を追加して閉めて下さい。

CSS

1. @namespace url(http://www.w3.org/1999/xhtml);
2. @-moz-document domain("mixi.jp") {