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

メモ帳日記

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

2007年 10月 8日（月）体育の日 大安

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

Created Date
2007-10-08T13:31:18+09:00
Modified Date
2007-10-11T02:33:03+09:00
Category
PermaLink
http://bsakatu.s201.xrea.com/mt/2007/10/08/13-31-18

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