mixi 改悪後画面を userContent.css でシンプルに変更

mixiのPCサイトデザインが 2010.1.6にまたまた変更された。
元々派手なサイトデザインが気に入らなくて勝手にデザインを変更していたわけだが、今回の変更は今まで以上にヒドイ。モバイル版に続く改悪としか思えないデザイン…。早速バッサリバッサリ切り取って必要なもののみのシンプルデザインに変更した。

元のモノを弄ろうかと思ったがセレクタ名とか変更されててメンド臭かったので、改めて独自CSSを全部書き直した。
さらに、細かな部分の微調整とかは手間も時間も勿体無いのでバッサリ全部削ぎ落した。
まぁおかげで超スッキリデザインになったｗ

◆完成版



ちなみにデザイン変更はFirefoxの userContent.css を使用している。

※ userContent.css について 　　usercontent.css - Mozilla Firefox まとめサイト 　　userContent.css - Google 検索

◆userContent.css

@charset "utf-8"; @-moz-document domain("mixi.jp") { #headerArea { width:800px !important; background:transparent !important; } .headerLogo { display:none !important } .adBanner { display:none !important } .utilityNavigation { display:none !important } .appli { display:none !important } .community { display:none !important } .search { display:none !important } .invite { display:none !important } .headerSearch { display:none !important } #search_type { display:none !important } #search_keyword { display:none !important } .searchButton01 { display:none !important } .personalNavigation { width:700px !important; position: absolute !important; background:transparent !important; margin-top: -35px !important; margin-left:80px !important; } #myMixiPulldown { display:none !important } #contentsPulldown { display:none !important } .personalNaviHome { width:700px !important } personalNaviCommunity { width:700px !important } .manage { display:none !important } .event01 { display:none !important } .enquete02 { display:none !important } #bodySub { display:none !important } #bodySub02 { display:none !important } #bodyArea { width:800px !important; background:transparent !important; height:auto !important; padding-top: 0px !important; } #page { width:800px !important; float:left !important; background:transparent !important; height:auto !important; margin-left:5px !important; } #appliUpdate { display:none !important } .iconListTable01 { display:none !important } .utility02 { display:none !important } .pagetopLink { display:none !important } .footerMain { width:800px !important; float:left !important; background:transparent !important; height:auto !important; margin-left:5px !important; font-size:smaller !important; } .bottomSpaceAd { display:none !important } .messageAreaAd01 { display:none !important } .adImpactFooter { display:none !important } }

※userContent.css←右クリックで保存でもOK

---

[mixi]
新 mixi を２カラム化する - オープンメモ帳
新mixiのデザインを弄り倒す - オープンメモ帳
mixi　広告復活してたので再消去 - オープンメモ帳
ｍｉｘｉ　#globalNavigation - オープンメモ帳
mixi リニューアルに合わせて userContent.css 書き換え - オープンメモ帳
mixi アプリ導入に伴うサイトデザイン変更を変更する - オープンメモ帳