1. メモ帳日記 >
  2. Web >
  3. HTML / CSS >
  4. mixi (2007/10/01 リニューアル以降) 用ユーザースタイル

メモ帳日記

日記書いたりメモ書いたり

2007年 10月 8日(体育の日 大安

mixi (2007/10/01 リニューアル以降) 用ユーザースタイル

酔っぱらいなから改悪だと書いた mixi のリニューアルへの対策のユーザースタイルを、適当にでっち上げてみて Stylish で適用した。まだ普段見るところぐらいしか調整していないから、表示が変になるところがあるかも。それと、でっち上げだから画像の置換とかはしなかった。本当はあの淡い色をどうにかしたいが、さすがに大して見ないサイトに対してそこまでやる気力は無し。

mixi(2007/10/01 リニューアル以降) 用ユーザースタイル適用後

  1. @namespace url(http://www.w3.org/1999/xhtml); 
  2.  
  3.  
  4. @-moz-document url-prefix(http://mixi.jp/) { 
  5.  
  6.  
  7. div#headerArea > h1#pagetop, 
  8. div#headerArea > p.adBanner, 
  9. div#bodySub, 
  10. div#footerArea 
  11. { display: none !important;} 
  12.  
  13.  
  14. div#headerArea 
  15. { background: none !important;} 
  16.  
  17.  
  18. html[lang="ja"][xmlns="http://www.w3.org/1999/xhtml"] > head:first-child + body { padding-bottom: 3em !important;} 
  19.  
  20.  
  21.  
  22.  
  23. @-moz-document url(http://mixi.jp/home.pl), 
  24. url-prefix(http://mixi.jp/view_diary.pl), 
  25. url-prefix(http://mixi.jp/show_friend.pl) { 
  26.  
  27.  
  28. div#headerArea > div#localNavigation > ul.localNaviFriend > li[class] 
  29. { background: none !important;} 
  30.  
  31.  
  32. html > body > div#headerArea, 
  33. html > body > div#bodyArea, 
  34. div#bodyArea > div#bodyMainArea 
  35. { width: 811px !important;} 
  36.  
  37.  
  38. /* localNavigation を移動 */ 
  39. div#headerArea > div#localNavigation { 
  40. position: absolute !important; 
  41. top: 5px !important; 
  42. left: 78px !important; 
  43.  
  44.  
  45.  
  46.  
  47. @-moz-document url(http://mixi.jp/home.pl), 
  48. url-prefix(http://mixi.jp/show_friend.pl) { 
  49. /* 紹介文の項目に border をつける */ 
  50. div#bodyArea > div#bodyMainArea > div#bodyContents > div#intro > div.contents { 
  51. margin-top: -10px !important; 
  52. div#bodyArea > div#bodyMainArea > div#bodyContents > div#intro > div.contents > dl { 
  53. border-width: 0 1px 1px 1px !important; 
  54. border-style: solid !important; 
  55. border-color: #F3DDBF !important; 
  56. padding-top: 10px !important; 
  57. min-height: 110px !important; 
  58. div#bodyArea > div#bodyMainArea > div#bodyContents > div#intro > div.contents > dl > dd { 
  59. margin-left: 80px !important; 
  60. background-position: left top !important; 
  61. float: none !important; 
  62. div#bodyArea > div#bodyMainArea > div#bodyContents > div#intro > div.contents > dl + div.utilityLinks02 { 
  63. background: none !important; 
  64. border-width: 0 1px 1px 1px !important; 
  65. border-style: solid !important; 
  66. border-color: #F3DDBF !important; 
  67.  
  68.  
  69. /* 左サイドバーに padding */ 
  70. div#bodyArea > div#bodyMainArea > div#bodySide { padding:0 40px 0 25px !important;} 
  71.  
  72.  
  73. /* mymixiUpdate のそれぞれの項目に border をつける */ 
  74. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div[id^=new] > div.contents { 
  75. border-width: 0 1px 1px 1px !important; 
  76. border-style: solid !important; 
  77. border-color: #CCCCCC !important; 
  78. margin-top: -1px !important; 
  79. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div[id^=new] > div.contents > dl.contentsList01 > dt { 
  80. float: none !important; 
  81. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div[id^=new] > div.contents > dl.contentsList01 > dd { 
  82. float: none !important; 
  83. margin-top: -23px !important; 
  84. margin-left: 80px !important; 
  85.  
  86.  
  87.  
  88.  
  89. @-moz-document url-prefix(http://mixi.jp/show_friend.pl), 
  90. url-prefix(http://mixi.jp/view_diary.pl) { 
  91.  
  92.  
  93. div#headerArea > div#globalNavigation > ul.contentsNavigation > li.news, 
  94. div#headerArea > div#globalNavigation > ul.contentsNavigation > li.mikly, 
  95. div#headerArea > div#localNavigation > ul.localNaviFriend > li.movie, 
  96. div#headerArea > div#localNavigation > ul.localNaviFriend > li.photo, 
  97. div#headerArea > div#localNavigation > ul.localNaviFriend > li.music, 
  98. div#headerArea > div#localNavigation > ul.localNaviFriend > li.review 
  99. { display: none !important;} 
  100.  
  101.  
  102.  
  103.  
  104. @-moz-document url(http://mixi.jp/home.pl) { 
  105.  
  106.  
  107. div#headerArea > div#localNavigation > ul.localNaviHome > li.diary, 
  108. div#headerArea > div#localNavigation > ul.localNaviHome > li.video, 
  109. div#headerArea > div#localNavigation > ul.localNaviHome > li.photo, 
  110. div#headerArea > div#localNavigation > ul.localNaviHome > li.music, 
  111. div#headerArea > div#localNavigation > ul.localNaviHome > li.review, 
  112. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchVideo, 
  113. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchPhoto, 
  114. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchMusic, 
  115. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchReview, 
  116. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchNews, 
  117. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.searchWeb, 
  118. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 > ul#searchCategories >li.search, 
  119. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information > div.contents > h2, 
  120. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information > div.contents > ul > li:first-child + li + li, 
  121. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div.heading01, 
  122. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div#newAlbum, 
  123. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div#newVideo, 
  124. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div#newReview, 
  125. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div#newPlaylist, 
  126. div#bodyArea > div#bodyMainArea > div#bodyContents > div#mymixiUpdate > div[id=""], 
  127. div#bodyArea > div#bodyMainArea > div#bodyContents > div#myUpdate 
  128. { display: none !important;} 
  129.  
  130.  
  131. div#bodyArea > div#bodyMainArea > div#contentsTop { 
  132. margin: 0 auto !important; 
  133. width: 630px !important; 
  134.  
  135.  
  136. /* 検索ボックス */ 
  137. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 { 
  138. width: 250px !important; 
  139. float: left !important; 
  140. padding: 0 15px !important; 
  141. div#bodyArea > div#bodyMainArea > div#contentsTop > div.searchForm01 input[name="MT"] { 
  142. width: 150px !important; 
  143.  
  144.  
  145. /* 運営者からのお知らせ */ 
  146. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information { 
  147. width: 625px !important; 
  148. min-height: 49px !important; 
  149. border-width: 1px !important; 
  150. border-style: solid !important; 
  151. border-top-color: #F3DDBF !important; 
  152. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information > div.contents { 
  153. width: 342px !important; 
  154. clear: none !important; 
  155. border-left: none !important; 
  156. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information > div.contents > ul { 
  157. margin-left: 0 !important; 
  158. background: none !important; 
  159. div#bodyArea > div#bodyMainArea > div#contentsTop > div.information > div.contents > ul > li > dl > dt { 
  160. width: auto !important; 
  161. float: left !important; 
  162.  
  163.  
  164.  
  165.  
  166. @-moz-document url-prefix(http://mixi.jp/view_diary.pl) { 
  167.  
  168.  
  169. div#bodyArea > div#bodyMainArea > div.diaryTitleFriend 
  170. { margin: 0 auto !important;} 
  171.  
  172.  
  173. div#bodyArea > div#bodyMainArea > div#bodyMainAreaSub { padding-left: 30px !important;} 
  174. div#bodyArea > div#bodyMainArea > div#bodyMainAreaMain { padding-right: 30px !important;} 
  175.  
  176.  
  177.  
  178.  
  179. @-moz-document url-prefix(http://mixi.jp/view_bbs.pl) { 
  180.  
  181.  
  182. div#bodyArea > div#bodyMainArea > p.utilityLinks03 
  183. { display: none !important;} 
  184.  
  185.  
  186. div#bodyArea > div#bodyMainArea > dl.commentList01, 
  187. div#bodyArea > div#bodyMainArea > form[name="bbs_comment_form"] 
  188. { width: 716px !important;} 
  189.  
  190.