mixiをスマートにするCSS

mixiの表示を少しだけスマートにするFirefox用のCSSです。
基本的なデザインは崩さず、使えなくなるmixi機能もないよう心がけました。
userstyles.org 2008年10月24日up済み。


主な改造点

• 主な広告を削除
• ヘッダを少しスマート化
• マイミクシィ・参加コミュニティなどの表示を1行のみに
• マイミクシィ更新情報のサムネイル画像を削除

…など。
その他詳しくはスクリーンショットやCSSコードをご覧下さい。


ダウンロード・インストールはこちら↓から

userstyles.org　>> 「mixi 2008 Smart」



[スクリーンショット]

　
[CSSコード]
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {

/*##### 広告消し #####*/
#adBanner, .adBanner,#prSepecial, #prContentsArea, .prContents,
#contentMatch, #footprintjack, #footprintjack02,
.bottomSpaceAd, .musicAdBanner, iframe[src*="ads"], a[href*="ads"] {
display: none !important;
}



/*##### ホーム（home.pl） #####*/
/*///// ヘッダ /////*/

/*左上mixiロゴの位置を調整*/
#headerArea > h1#pagetop {
position: absolute !important;
top: -25px;
left: 10px;
}

/*ヘルプとログアウトの位置を調整*/
#headerArea > div.headerNavigationRight {
position: absolute !important;
top: 5px;
left: 712px;
}
#headerArea * ul.utilityNavigation01,
#headerArea * ul.utilityNavigation01 > li {
margin: 0px 7px !important;
padding: 0px !important;
font-size: 10px !important;
}

/*「ミュージック」「ニュース」「サービス一覧」を非表示にする*/
#headerArea * ul.serviceNavigation {
display: none !important;
}

/*メニューバーの位置を調整*/
#headerArea div.headerNavigationBottom {
padding: 20px 0px 6px !important;
}



/*///// 左カラム /////*/

/*マイミクシィや参加コミュなどのアイコンを1行のみの表示に・文字サイズ小さく*/
#bodySide table.iconListTable * tr {
display: none !important;
}
#bodySide table.iconListTable * tr:first-child {
display: block !important;
}
#bodySide table.iconListTable * * td {
font-size: 11px !important;
}

/*左カラム内の「友人を探す」「コミュを探す」リンクを非表示に*/
#bodySide p.searchLink01 {
display: none !important;
}


/*///// 中央カラム /////*/

/*「もっと見る」の文字を小さくする*/
p.moreLink01 {
padding-top: 5px !important;
font-size: 11px !important;
line-height: 1.01em;
}

/*マイミクシィ更新情報の画像を非表示にする*/
#bodyContents #newUpdate ul.newUpdateList01 div.image {
display: none !important;
}
#bodyContents #newUpdate ul.newUpdateList01 > li {
padding: 0px !important;
}

/*mixiモバイルの案内を左カラム下部へ移動*/
#bodyContents p.mobileInfo01 {
position: absolute !important;
top: 720px;
left: 725px;
width: 220px !important;
font-size: 11px !important;
}
#bodyContents p.mobileInfo01 img {
display: block !important;
margin-bottom: 5px;
}


/*///// 右カラム /////*/

/*他カラムと上辺の高さを揃える*/
#bodySub .prContents + div {
margin-top: 0px !important;
}
#bodySub #mixiNewsArea {
margin-top: -5px !important;
}

/*枠の表示を調整*/
#bodySub .contents {
margin-bottom: 5px !important;
border-bottom: 1px solid #f6a838 !important;
}
#bodySub .contents .clearfix {
background: none !important;
}
/*mixiミュージックのロゴ画像を非表示にする*/
#bodySub p.mixiRadioTitle img {
display: none !important;
}


/*///// フッタ /////*/

/*コンテンツとの間隔を調整*/
#bodyMainArea {
margin-bottom: -33px !important;
}
#footerArea > p.pagetop {
margin-bottom: 5px !important;
}


}


※Firefox用のCSSとして作成しておりますので、他ブラウザなどでは意図した表示にならない可能性があります。ご了承下さい。
動作確認は　Windows XP SP2 + Firefox3.0.2　で行っております。