最近Macでmixiを見ると，ロードが完了した直後にfont-sizeが勝手に大きくなる．
おかげで日記のレイアウトが崩れるわけですが，，，
mixi.jsを追ってみたら，
function set_mac_style() {
if (navigator.platform.toUpperCase().indexOf('MAC') != -1) {
document.body.style.fontSize = '13px';
}
}
リニューアルしたデザインが激しく不評みたいですが，今までのテーブルレイアウトから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 }
}
多分Sleipnirの開発者向けの項目読めばプラグインとかからできそうだけど．今回は手っ取り早くやりたかった．
というわけで、SleipnirならURIアクションマネージャを使うのが簡単．
「ツール」→「URIアクションマネージャ」
URIは「http*://mixi.jp/*」
アクション「デフォルト」
セキュリティ「セキュリティ高」
Firefoxだと起こらないっぽい。
IE6(たぶん7も)でmixiのページ、特に日記などフォームがあるところを開くとやたらと重い。最初に画面上部が表示されるも、途中で描画が止まり(固まり)、数秒たってやっと表示される。
原因はおそらくJavaScript。
切ったら大変一瞬で表示されるようになった。
最初「最近IE6でWikipedia日本語版の表示が異常に遅いのはKeepAliveのせい」とかなんとか思い出したけど、CPU使用率上がるし、ハイスペックマシンだとそれなりに早いので、JavaScriptの処理に時間食ってるっぽい感じ。
Sleipnirで特定のページだけJavaScriptをOFFってどうやればいいんだろ？
--
追記
「Sleipnirで特定のページだけJavaScriptを無効にしたい」
