2007年10月13日土曜日

リニューアル後のmixiをガリガリ削るユーザースタイルシートを書いてみた b

リニューアルしたデザインが激しく不評みたいですが,今までのテーブルレイアウトからcssでのレイアウトになったおかげで,むしろ勝手に弄りやすくなってます.mixi用のパーサを作ってた人は楽になったでしょうね :-)

さてということはユーザースタイルシートを使って,強引にデザインを変えることが容易になったということですが,例の2カラム750pxの話のように,たくさんカスタマイズ例がでてきたようです.

といわけでまねして,ガリガリ削ってみた.
一部例の秋田様のcssを参考にしてます.






ぜんぜん最適化してないCSSですが・・・
って,prettyPrintのコードハイライトがCSS対応してたから更新してみたものの,
idやら色表現の#がコメント扱いかよ!ひでーな!おい!

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {
/* ロゴ非表示 */
h1 { display:none }

/* センタリング */
body { margin:0 auto !important }
body { width:620px !important }

/* 広告バナー非表示 */
.adBanner { display:none !important }

/* ヘッダの背景を透過色に */
#headerArea { background:transparent !important }

/* 右カラム非表示 */
#bodySub { display:none }

/* グローバルナビゲーションのmikly・動画・フォトボタン非表示 */
#globalNavigation ul.contentsNavigation li.mikly { display:none !important }
#globalNavigation ul.contentsNavigation li.movie { display:none !important }
#globalNavigation ul.contentsNavigation li.photo { display:none !important }
#globalNavigation ul.contentsNavigation li.friendInvite { display:none !important }
#globalNavigation ul.contentsNavigation li.friendSearch { display:none !important }
/* #globalNavigation ul.contentsNavigation li.community { display:none !important } */
/* #globalNavigation ul.utilityNavigation li.help { display:none !important } */

/* ヘルプ・ログアウトボタン非表示 */
/* #globalNavigation ul.utilityNavigation li.help { display:none } */

/* ローカルナビゲーションのレビュー・ミュージックボタン非表示 */
#localNavigation li.review { display:none }
#localNavigation li.music { display:none }
#localNavigation li.favorite { display:none }
/* #localNavigation li.message { display:none } */

/* ローカルナビゲーションのプルダウンボタン非表示 */
#diaryPullDownButton { display:none !important }
#videoPullDownButton { display:none !important }
#photoPullDownButton { display:none !important }

/* フッター幅調整 */
#footerArea { width:620px !important }

/* フッターナビゲーションマージン調整 */
#footerArea ul.footerNavigation01 li { margin:0 2px !important }

/* 検索フォーム非表示 */
div.searchForm01{ display:none }

/* 「最新情報」ヘッダの非表示 */
#mymixiUpdate div.heading01 { display:none }

p.statusIcon {display:none;}

/* いらないコンテンツをとにかく非表示 */
#myUpdate { display: none;}
#newPlaylist{ display: none;}
#newReview{ display: none;}
#newVideo{ display: none;}
#newAlbum{ display: none;}
#newBbs{ display: none;}
#footerArea { display: none;}
#intro { display: none;}

/* お知らせメニュー */
div.information {
width: 600px !important;
background:none !important;
border: dotted 1px #f90 !important;
}
div.information div.contents {
width: 600px !important;
border: 0 !important;
float: none !important;
}
div.information ul {
margin-left: 5px !important;
background: none !important;
}

div.information div h2 { display:none; }
div.information div ul li dl dt { display:none; }

div.information div ul li dl dt.emphasis01 { display:inline !important; }

div.information div ul li dl dd { display:none; }

div.information div ul li dl dt.emphasis01 + dd{ display:inline !important; }

#bodyContents div.heading02{
background:none !important;
border:#666666 dotted 1px;
}
}


/* ホーム専用スタイル */
@-moz-document url-prefix("https://mixi.jp/"),
url-prefix("https://mixi.jp/"),
url-prefix("http://mixi.jp/home.pl"),
url-prefix("https://mixi.jp/home.pl") {

/* 自分の写真部分の非表示&調整*/
#myProfile {
width:150px !important;
height: 45px !important;
background: none !important;
padding-top: 0 !important;
}
#myProfile div.contents01{ display:none; }

/* プロフィールの灰色背景削除と上padding縮める */
#myProfile div.contents02{
padding-top:5px !important;
background: none !important;
}

/* 写真の変更とプロフィールの確認のfloat解除 */
#myProfile li.photoChange{ float: none !important;}
#myProfile li.profileEdit{ float: none !important;}

/* 左カラム全体の横幅 */
#bodySide { width:160px !important; }

/* マイミクシィ一覧の枠*/
#bodySide div.listBox01 {
width: 150px !important;
background: none !important;
border: dotted #f90 1px !important;
}

/* マイコミュ一覧の枠 */
#bodySide div.listBox01 div.contents{
width:150px !important;
border-top: dotted 1px #f90 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom:0 !important;
}

/* マイミクのアイコン非表示 */
#mymixiList div.contents table.iconListTable { display: none;}

/* マイミクの誕生日チェックを非表示 */
#mymixiList div.contents dl.actionIcon01 { display: none;}

/* マイコミュのアイコン非表示 */
#communityList div.contents table.iconListTable { display: none;}
/* マイコミュのイベントチェックを非表示 */
#communityList div.contents dl.actionIcon01 { display: none;}

/* */
#bodySide div.listBoxUtility01{
background:none !important;
width:150px !important;
}
div.listBox01 div.utilityLinks01{
width: 150px !important;
background: none !important;
}
}


/* コミュニティページ専用スタイル */
@-moz-document url-prefix("http://mixi.jp/view_community.pl") {
/* 入退会ボタンを表示 */
#localNavigation li.music { display:inline !important }
}

0 件のコメント: