2007/10/10

mixi からの箱船。mixi 760px ver.1.1

mixi が10月1日にリデザインされたが、それを機にcssを勉強し直した。
firefox のuserContents.css に以下のソースを書き込むと、mixi 画面は2カラム表示になる。
お気に召したなら、どうぞ好きに使ってください。

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

@-moz-document domain("mixi.jp") {
* { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", Osaka, sans-serif !important;}

body {background-color: #b0c4de !important }

/* ヘッダーエリア */

#headerArea,
#localNavigation {
height:auto !important;
width:760px !important;
font-size:12px;
}

/*運営者からのお知らせ。*/
div.information{
position:absolute !important;
top:2.2em !important;
left:30em !important;
width:33em !important;
margin:0px !important;
padding:0px !important;
border:none !important;
border-top:none !important;
background:#ffefd8;
}

div.information div.contents{
width:auto !important;
padding:0px !important;
border:none !important;
}

div.information h2{display: none !important}

div.information ul{
font-size:10px !important;
margin-left:0px !important;
padding:0px 3px 3px 3px;
background:none !important;
line-height:12pt !important;
}

div.information dl dt{
margin: 0 !important;
padding-left:1em !important;
width:auto !important;
}

div.information dl dd{
float:right !important;
width:auto !important}

/*検索箱*/
.homeSearchBox,
.search {
width:748px !important
}

.searchCategory01 li a{
width:auto !important;
}
.searchCategory01 li {
padding-left:2px !important;
padding-right:2px !important;
}



/* グルローバルナビゲーション */
#globalNavigation {
position: absolute;
width: auto !important;
top: 5px;
left:30em;
}
ul.contentsNavigation,ul.utilityNavigation {
background:none !important;
}


#globalNavigation > ul.contentsNavigation > li.home,
#globalNavigation ul.contentsNavigation li.news,
#globalNavigation ul.contentsNavigation li.friendSearch,
#globalNavigation ul.contentsNavigation li.friendInvite,
#globalNavigation ul.utilityNavigation li.logout {
width:auto !important;
height:20px !important;
margin-left:3px !important;
margin-right:3px !important;
padding-left:10px !important;
padding-right:10px !important;
}


#globalNavigation ul.utilityNavigation li.logout a:before {
display: block !important;
content: "ログアウト" !important;
}
#globalNavigation ul.utilityNavigation li.logout a img{ display:none !important }

#globalNavigation ul.contentsNavigation li.friendInvite a:before {
display: block !important;
content: "友達を招待" !important;
}
#globalNavigation ul.contentsNavigation li.friendInvite a img{ display:none !important }

#globalNavigation ul.contentsNavigation li.friendSearch a:before {
display: block !important;
content: "友達を検索" !important;
}
#globalNavigation ul.contentsNavigation li.friendSearch a img{ display:none !important }


#globalNavigation ul.contentsNavigation li.news a:before {
display: block !important;
content: "ニュース" !important;
}
#globalNavigation ul.contentsNavigation li.news a img{ display:none !important }

#globalNavigation > ul.contentsNavigation > li.home > a:before {
display: block !important;
content: "ホーム" !important;
}
#globalNavigation ul.contentsNavigation li.home a img{ display:none !important }

#globalNavigation ul.contentsNavigation li.home{ float:left !important }
#globalNavigation ul.contentsNavigation li.friendSearch{ float:left !important }
#globalNavigation ul.contentsNavigation li.friendInvite{ float:left !important }
#globalNavigation ul.contentsNavigation li.friendInvite{ float:left !important }
#globalNavigation ul.utilityNavigation li.logout { float:left !important }
#globalNavigation ul.contentsNavigation li.diary { display:none !important }
#globalNavigation ul.contentsNavigation li.community { display:none !important }
#globalNavigation ul.contentsNavigation li.review { display:none !important }
#globalNavigation ul.contentsNavigation li.music { display:none !important }
#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.utilityNavigation li.help { display:none }

/* ローカルナビゲーション */
#localNavigation {
width:760px !important;
background-color: #FFFFff !important;
}
ul.localNaviHome > li.review { display:none }
ul.localNaviHome > li.music { display:none }


/* ローカルナビゲーション コミュニティー編 */
a#topicPullDownButton,a#eventPullDownButton,a#enquetePullDownButton,a#reviewPullDownButton{display:none}

ul.localNaviCommunity > li.music,
ul.localNaviCommunity > li.favorite,
ul.localNaviCommunity > li.enquete,
ul.localNaviCommunity > li.event,
ul.localNaviCommunity > li.topic,
ul.localNaviCommunity > li.top{
width:auto !important;
height:20px !important;
margin-left:5px !important;
margin-right:5px !important;
padding-left:20px !important;
padding-right:20px !important;
border:2px dotted #006400 !important;
background-color: #fffafa !important;
}

ul.localNaviCommunity > li.top > a:before {
display: block !important;
content: "トップ" !important;
}
ul.localNaviCommunity > li.top > a > img{ display:none !important }

ul.localNaviCommunity > li.topic > a:before {
display: block !important;
content: "トピック" !important;
}
ul.localNaviCommunity > li.topic > a > img{ display:none !important }

ul.localNaviCommunity > li.event > a:before {
display: block !important;
content: "イベント" !important;
}
ul.localNaviCommunity > li.event > a > img{ display:none !important }

ul.localNaviCommunity > li.enquete > a:before {
display: block !important;
content: "アンケート" !important;
}
ul.localNaviCommunity > li.enquete > a > img{ display:none !important }

ul.localNaviCommunity > li.review { display:none }

ul.localNaviCommunity > li.music > a:before {
display: block !important;
content: "コミュ入会・退会" !important;
}
ul.localNaviCommunity > li.music > a > img{ display:none !important }

ul.localNaviCommunity > li.favorite > a:before {
display: block !important;
content: "マイミクに教える" !important;
}
ul.localNaviCommunity > li.favorite > a > img{ display:none !important }



/* ローカルナビゲーション マイミク編 */
ul.localNaviFriend > li.music,
ul.localNaviFriend > li.review,
ul.localNaviFriend > li.message,
ul.localNaviFriend > li.mymixi,
ul.localNaviFriend >li.bookmark,
ul.localNaviFriend > li.photo,
ul.localNaviFriend > li.movie,
ul.localNaviFriend > li.diary,
ul.localNaviFriend > li.top{
width:auto !important;
height:20px !important;
margin-left:5px !important;
margin-right:5px !important;
padding-left:10px !important;
padding-right:10px !important;
border:2px dotted #0000cd!important;
background-color: #fffafa !important;
}

ul.localNaviFriend > li.top > a:before {
display: block !important;
content: "トップ" !important;
}
ul.localNaviFriend > li.top > a > img{ display:none !important }

ul.localNaviFriend > li.diary > a:before {
display: block !important;
content: "日記" !important;
}
ul.localNaviFriend > li.diary > a > img{ display:none !important }

ul.localNaviFriend > li.movie > a:before {
display: block !important;
content: "動画" !important;
}
ul.localNaviFriend > li.movie > a > img{ display:none !important }

ul.localNaviFriend > li.photo > a:before {
display: block !important;
content: "写真" !important;
}
ul.localNaviFriend > li.photo > a > img{ display:none !important }

ul.localNaviFriend > li.music > a:before {
display: block !important;
content: "music" !important;
}
ul.localNaviFriend > li.music > a > img{ display:none !important }

ul.localNaviFriend > li.review > a:before {
display: block !important;
content: "レビュー" !important;
}
ul.localNaviFriend > li.review > a > img{ display:none !important }

ul.localNaviFriend > li.message > a:before {
display: block !important;
content: "メッセージ" !important;
}
ul.localNaviFriend > li.message > a > img{ display:none !important }

ul.localNaviFriend > li.mymixi > a:before {
display: block !important;
content: "マイミク申請" !important;
}
ul.localNaviFriend > li.mymixi > a > img{ display:none !important }

ul.localNaviFriend > li.bookmark > a:before {
display: block !important;
content: "お気に入り" !important;
}
ul.localNaviFriend > li.bookmark > a > img{ display:none !important }



/* コンテンツ部分 */
#bodyArea,
#bodyMainArea,
#oldMain{
width:760px !important;
background:url(http://img.mixi.jp/img/basic/community/community_info_bg002.gif) !important;
padding: 0px !important;
}
#bodyMainAreaMain,
#diaryComment,
.viewDiaryBox{
width:550px !important;
}

.pageNavigation01,
.commentList01,
.commentDate,
.heading02,
.pageTitle,
.bbsList01
{width:auto !important;}

.commentContent01 > dd{
padding-right:2em !important;
width:580px !important;
}
#bodyMainAreaSub,
.diaryTitle,
#bodySide,
#contentsTop{
padding-left:0.3em !important}

#bodySub { display:none }

#myUpdate { display:none }

.heading01 { display:none !important }
.heading03 { display:none !important }

.heading04 { width:470px !important}
.heading04 > dl > dt { width:470px !important}
.heading04 > dl > dd {
float:right !important;
width:auto !important;
}

.sponsorList01 { display:none !important }
.diaryBottomAd { display:none !important;}

#intro .contents {
width:460px;
height:240px;
overflow:auto;
}

#profile {
background-color: #FFFFFF !important;
width:460px;
height:450px;
overflow:auto;
}

span.date,span.senderId {
width: auto !important;
float:left !important;
}
span.senderId{
margin-right:20px;
color: #000000 !important;
}

#joinLink{
height:20px !important;
font-size: 11px !important;
}
#joinLink p,
#joinLink ul{
float: left !important;
}

/* 広告消去 */
.finishAd,.messageAreaAd,p.adBanner,.megaContents,.prContents { display:none !important;}

/* フッター */
#footerArea {
font-size:10px !important;
width:760px !important;
}
#footerArea ul.footerNavigation01 li { margin:0 0.2em !important }
#footerArea p.pagetop { display:none !important }

}
@-moz-document url("https://mixi.jp/") {
#intro { display:none !important }
}

@-moz-document url("http://mixi.jp/") {
#intro { display:none !important }
}

@-moz-document url("http://mixi.jp/home.pl") {
#intro { display:none !important }
}

0 件のコメント: