とりあえず

私一人の恒例になっているmixi CSSを一通り作ったので貼り付けておく。ただし古い構成のままのページではメニューが動作しない。まぁ私は全く困らないのだが。

土曜日：ちょっと追加
日曜日：ちょっと追加
2008/07/06：ちょっと変更

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

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

/* general */
body, div, p, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, form, pre, code, dl, dt, dd, span, a, h1, h2, h3, h4, h5, h6, img, address {
  position : static !important;
  background-color : transparent !important;
  border-color : #ccc !important;
  border-width : 1px !important;
  border-style : none !important;
  margin : 0 !important;
  padding : 0 !important;
  color : #ccc !important;
  float : none !important;
  clear : none !important;
  width : auto !important;
  height : auto !important;
  min-width : 0 !important;
  min-height : 0 !important;
  text-align : left !important;
  text-indent : 0 !important;
  line-height : -moz-initial !important;
  z-index : 0 !important;
}

body, div, p, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, form, pre, code, dl, dt, dd, span, a:not([href^="show_friend"]):not([href^="view_community"]), a:not([style]), h1, h2, h3, h4, h5, h6, img, address {
  background-image : none !important;
}

:before {
  font-size : 1.2em !important;
}

a,
a:link {
  color : #5bf !important;
}

a:visited {
  color : #c9f !important;
}

a:hover {
  color : #fc9 !important;
  background-color : #222 !important;
}

/* テキストボックス */
input[type="text"],
textarea {
  background-color : #333 !important;
  border-color : #ccc !important;
  color : #ccc !important;
}

input[type="text"]:hover,
textarea:hover {
  background-color : #444 !important;
}

input[type="text"]:focus,
textarea:focus {
  background-color : #222 !important;
}

/* body */
body {
  margin-top : 2em !important;
  margin-left : 2em !important;
  background-color : #333 !important;
  font-size : 0.8em !important;
}

/* mixi logo */
#pagetop,
.adBanner {
  display : none !important;
}

/* メニュー類 */
.headerNavigationRight,
.globalNavigation01,
.personalNavigation01 {
  position : fixed !important;
  top : 0;
  width : 8em !important;
  background-color : #333 !important;
}

.headerNavigationRight::before,
.globalNavigation01::before,
.personalNavigation01::before {
  padding-left : 0.5em;
}

.headerNavigationRight > *,
.globalNavigation01 > li,
.personalNavigation01 > * {
  display : none !important;
}

.headerNavigationRight:hover,
.globalNavigation01:hover,
.personalNavigation01:hover {
  background : #222 !important;
  z-index : 1 !important;
}

.headerNavigationRight:hover > *,
.globalNavigation01,
.personalNavigation01:hover > * {
  display : block !important;
}

.headerNavigationRight:hover > * > li,
.globalNavigation01:hover > li,
.personalNavigation01:hover > * > li {
  display : list-item !important;
}

.headerNavigationRight:hover > * > li > a,
.globalNavigation01:hover > li > a,
.personalNavigation01:hover > * > li > a:first-child {
  display : block !important;
  padding : 0.25em 0.25em 0.25em 1em !important;
}

.headerNavigationRight > * > li > a:hover,
.globalNavigation01 > li > a:hover,
.personalNavigation01 > * > li > a:hover {
  background-color : #fc0 !important;
  color : #000 !important;
}

/* 右上のメニュー再構成 */
.headerNavigationRight {
  left : 18em;
}

.headerNavigationRight::before {
  content : "navigation3";
}

.serviceNavigation > li > a {
  text-indent : 0 !important;
  background : none !important;
  font-size : 1em !important;
}

/* その下のメニュー */

.globalNavigation01 {
  left : 10em;
  height : auto !important;
}

.globalNavigation01::before {
  content : "navigation2";
}

.globalNavigation01 > li > a {
  background-image : none !important;
  font-size : 1em !important;
}

/* ホームナビゲーション */
.personalNavigation01::before {
  content : "navigation";
}

.personalNaviHome > li > a {
  font-size : 1em !important;
}

.personalNaviHome > li > a:not(:first-child) {
  display : none !important;
}

/* 検索 */
.headerSearch > form {
  display : block !important;
  position : fixed !important;
  top : 0 !important;
  margin-top : 0.25em !important;
  left : 26em !important;
}

#search_type {
  width : 10em !important;
}

#search_keyword {
  width : 12em !important;
}

#search_keyword:focus {
  width : 30em !important;
}

/* 左 */
#bodySide,
#bodyMainAreaSub,              /* コミュニティあたりのサイドバーと思う */
#sidebar {                     /* 古いサイドバー */
  position : fixed !important;
  top : 0;
  left : 0;
  padding-left : 0.5em !important;
  border-style : none !important;
  width : 1.5em !important;
  height : 100% !important;
  background-color : #222 !important;
  overflow : hidden !important;
  z-index : 1;
}

#bodySide > :last-child {
  padding-bottom : 2em !important;
}

#bodySide > *,
#bodyMainAreaSub > *,
#sidebar > * {
  visibility : hidden !important;
}

#bodySide:hover,
#bodyMainAreaSub:hover,
#sidebar:hover {
  width : 23em !important;
  overflow-y : auto !important;
}

#bodySide:hover > *,
#bodyMainAreaSub:hover > *,
#sidebar:hover > * {
  visibility : visible !important;
}

/* プロフィール */
#myProfile > h2 {
  position : static !important;
  left : 0 !important;
  margin-left : 0.5em !important;
}

#myProfile > .contents01 {
  text-align : center !important;
  border-top : solid 1px #ccc !important;
}

#myProfile > .contents01 > h3 {
  text-align : center !important;
}

.myProfileNavi01 > li > a > img {
  display : none !important;
}

.myProfileNavi01 > li > a:before {
  content : attr(href);
}

/* 自分の日記一覧とか */
.addDiaryBt01 {
  text-align : center !important;
}

.myUpdateList01 > li > a {
  padding-left : 1em !important;
}

/* my mixi リスト と コミュニティリスト */
#bodySide > .listBox01 {
  border-top : solid 1px #ccc !important;
}

.listBox01 > h2 {
  padding : 0.2em 0 0.2em 1.0em !important;
}

.iconListTable > tbody > tr > td:hover {
  background-color : #fc0 !important;
}

.iconListTable > tbody > tr > td > a {
  text-indent : 0 !important;
  color : transparent !important;
  background-color : transparent !important;
  width : 76px !important;
  height : 76px !important;
  margin-left : auto !important;
  margin-right : auto !important;
}

.iconListTable > tbody > tr > td > a:hover {
  background-color : transparent !important;
  background-position : 50% 50% !important;
}

.iconListTable > tbody > tr > td:hover > span {
  color : #000 !important;
}

/* 人の日記 */

.diaryHistory > .contents > dl > dd > ul > li {
  display : block !important;
  float : left !important;
  padding-right : 0.5em !important;
}

.diaryHistory > .contents > dl > dd > ul > li {
}

/* 真ん中 */

#bodyContents,
#bodyMainAreaMain {
  margin-left : 0.5em !important;
}

/* コミュニティ内検索 */

.searchFunction03 * {
  display : inline !important;
}

/* お知らせ */
#mixiInfo > .contents > ul {
  border : solid 1px #ccc !important;
  margin-left : 1em !important;
}

#mixiInfo > .contents > ul > li {
  padding-left : 0.5em !important;
}

/* 更新とか */
#mymixiUpdate > * {
  margin-top : 1em !important;
}

.heading02 {
  display : block !important;
}

.heading15 * {
  display : inline !important;
}

.newListBox01, .newListBox02 {
  margin-top : 0.5em !important;
}

.newListBox01 > :first-child, .newListBox02 > :first-child {
  border-bottom : solid 1px #ccc !important;
}

.contentsList01 {
  margin-left : 0.5em !important;
}

.contentsList01 > dt {
  float : left !important;
  clear : left !important;
  padding-right : 0.5em !important;
}

.newUpdateList01 > li {
  display : inline-block !important;
  vertical-align : top !important;
}

.newUpdateList01 > li::before {
  content : attr(class);
  border-bottom : solid 1px !important;
  width : 100% !important;
  display : inline-block !important;
}

.newUpdateList01 > li > .date {
  margin-left : 0.5em !important;
}

#myIntro {
  margin-top : 1em !important;
}

#myIntro * {
  display : inline !important;
}

.mobileInfo01 {
  display : none !important;
}

/* コミュニティ */
.bbsList01.bbsDetail {
  border : solid 1px #ccc !important;
}

.bbsList01.bbsDetail > dd {
  margin-left : 1.0em !important;
}

#bbsComment {
  margin-top : 2em !important;
  margin-left : 1em !important;
}

#bbsComment + form {
  margin-top : 2em !important;
}

.pageNavigation01 * {
  display : inline !important;
  margin-right : 0.15em !important;
}

.commentList01 > dt {
  margin-top : 1em !important;
  border-top : solid 1px #ccc !important;
  border-bottom : solid 1px #ccc !important;
}

.commentList01 > dt > * {
  display : inline !important;
}

.bbsNewItem01 {
  margin-top : 2em !important;
}

.bbsNewItem01 > ul > li {
  display : inline-block !important;
  width : 20em !important;
  vertical-align : top !important;
}

/* 人のプロフィール */
#profile > ul > li > dl > dt {
  width : 5em !important;
  float : left !important;
  clear : left !important;
}

/* 右 */
#bodySub {
  display : none !important;
}

/* 下 */
#footerArea {
  margin-top : 1em !important;
  margin-left : 1em !important;
}

}

@-moz-document url(http://mixi.jp/show_log.pl) {

* {
  font-size : 1.0em !important;
}

img {
  display : none !important;
}

}