2007/10/02 10:10

mixi 20071001版 User CSS (for Safari) βversion

2007年10月01日にリニューアルしたmixi用の2段組み化CSSです。

横幅が725pxになるので、横スクロールが出ません。
横スクロールにお悩みの方はお使いください。

このCSSはご自由に改変してくださって構いません。よりよいCSSにしてください。

このCSSは、Mac OS X 10.4 + Safari 2.0.4 + SafariStandで確認しています。Firefoxでももちろん可能だと思いますが、修正が必要になるかもしれません。

スクリーンショット

未対応箇所

• musicのサイド

スタイルシート！

body {
  font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}

#headerArea,
#bodyArea,
#footerArea,
#oldMain
{
  width: 725px !important;
}


#headerArea h1 a {
  padding: 20px 0 2px !important;
}

#headerArea p.adBanner,
#headerArea .adBanner iframe,
#headerArea #globalNavigation .contentsNavigation .movie,
#headerArea #globalNavigation .contentsNavigation .review,
#headerArea #globalNavigation .contentsNavigation .mikly,
#headerArea #localNavigation .localNaviHome .video,
#headerArea #localNavigation .localNaviHome .review,
#headerArea #localNavigation .localNaviHome #diaryPullDownButton,
#headerArea #localNavigation .localNaviHome #videoPullDownButton,
#headerArea #localNavigation .localNaviHome #photoPullDownButton
{
  display: none !important;
}

#headerArea #localNavigation .localNaviHome .top {
  width: 92px !important;
}



#headerArea #localNavigation .localNaviCommunity #topicPullDownButton,
#headerArea #localNavigation .localNaviCommunity #eventPullDownButton,
#headerArea #localNavigation .localNaviCommunity #reviewPullDownButton
{
  display: none !important;
}



#headerArea #localNavigation .localNaviCommunity .top,
#headerArea #localNavigation .localNaviCommunity .topic,
#headerArea #localNavigation .localNaviCommunity .event,
#headerArea #localNavigation .localNaviCommunity .enquete,
#headerArea #localNavigation .localNaviCommunity .enquete + .review
{
  width: 68px;
  overflow: hidden;
}

#headerArea #localNavigation .localNaviCommunity .top a img,
#headerArea #localNavigation .localNaviCommunity .topic a img,
#headerArea #localNavigation .localNaviCommunity .event a img,
#headerArea #localNavigation .localNaviCommunity .enquete a img,
#headerArea #localNavigation .localNaviCommunity .enquete + .review a img
{
  margin-left: -20px;
}



#headerArea #localNavigation .localNaviFriend li {
  width: 69px;
  overflow: hidden;
}

#headerArea #localNavigation .localNaviFriend li a img {
  margin-left: -15px;
}

#headerArea #localNavigation .localNaviFriend .message {
  width: 101px;
}
#headerArea #localNavigation .localNaviFriend .bookmark,
#headerArea #localNavigation .localNaviFriend .mymixi {
  width: 105px;
}

#headerArea #localNavigation .localNaviFriend .message a img,
#headerArea #localNavigation .localNaviFriend .bookmark a img,
#headerArea #localNavigation .localNaviFriend .mymixi a img {
  margin-left: -5px;
}




#bodyArea #bodyMainArea #contentsTop .searchForm01.homeSearchBox,
#bodyArea #bodyMainArea #bodyContents #mymixiUpdate .heading01.clearfix,
#bodyArea #bodyMainArea #bodyMainAreaMain #diaryComment .diaryBottomAd,
#bodyArea #bodyMainArea .messageArea .alertArea .messageAreaAd,
#bodyArea #bodyMainArea .messageArea .alertArea .messageAreaAd iframe,
#bodyArea #bodyMainArea .messageArea .alertArea .finishAd,
#bodyArea #bodyMainArea .messageArea .alertArea .finishAd iframe,
#bodyArea #bodyMainArea .sponsorList01,
#bodyArea #bodyMainArea .searchForm02,
#bodyArea #bodySub
{
  display: none !important;
}

#bodyArea #bodyMainArea form .commentForm .commentContent01 dd #bbs_textarea
{
  width: 530px;
}

#bodyArea #bodyMainArea #bodyContents #mymixiUpdate .contents {
  border: 1px solid #eee;
  border-top: none 0;
}

#bodyArea #bodyMainArea #bodyContents #mymixiUpdate .contents .contentsList01 dd {
  width: 326px !important;
}





#footerArea .pagetop,
#footerArea .footerNavigation01,
#footerArea .footerNavigation02
{
  display: none;
}

#footprintjack,
#footprintjack02 {
  visibility: hidden;
}

#bodySub
{
  display: none !important;
}

2007/10/24 このCSSを修正し、新しいエントリーを書きました。

mixi 20071001版 User CSS (for Safari) β2versionをご覧ください