pageSpecificCss.infoファイル (「ページ特定CSS」作成で必要な設定について) - mixiカスタマイズデータを作成する - AntiAd - PROSERPINE (プロセルピナ)

				プロセルピナ
Top	Internet Mail	Private Proxy	Capture Device		Download	Config and Words	Online Help	Online Home

[BACK]

☞ Top > PrivateProxy > AntiAd > Edit > mixi > pageSpecificCss.info

PROSERPINE AntiAd

♕ pageSpecificCss.info

「ページ特定CSS」の作成に必須な設定ファイル

このページでは、 mixiカスタマイズデータ(配色カスタマイズ用のgif画像とCSSのセット) を作成する手順を説明しています。

既に作成され公開されているmixiカスタマイズデータを使用するだけの場合は、「mixi画面のカスタマイズについて」を参照してください。

pageSpecificCss.info

マクロ mixi_generatePageSpecificCss.txtは、 cssファイルをページ単位にまとめた「ページ特定CSS」を一括作成します。
このときに必要になる設定ファイルが、 pageSpecificCss.info です。

サンプルは macroフォルダにあり、自動アップデートの対象です。

mixiのcss構成について

mixiのcssは、
http://img.mixi.jp/static/css/
配下に格納されています。
全ページに共通する設定は
http://img.mixi.jp/static/css/basic/
及び、
http://img.mixi.jp/static/css/basic/skin/
に格納されています。
伝統的に http://img.mixi.jp/static/css/ 直下に置かれるcssファイルもあります。

基底になるcssは、
http://img.mixi.jp/static/css/basic/reset.css
です (古いmixiレイアウトで基底になっていたcssはcommon.css)。
reset.cssは、ページに直接リンクされる使い方はされていません。reset.cssを含め、基本的なcssは http://img.mixi.jp/static/css/basic/common.css
に @import する形で参照されています。

ページにリンクされているcssファイルは、次のセットでよく記述されています。

・ cominasicoセット
/basic/common.css
/basic/skin/default/mixicollection.css
/basic/skin/navi_default.css
/basic/skin/sidebar_default.css
/basic/skin/component_default.css

・ cominasicoHomeセット
(上記 cominasicoセットに追加して)
/basic/skin/home_default.css
/basic/home.css

・ cominasicoClassicセット
/basic/common.css
/basic/skin/default/mixicollection.css
/basic/skin/navi_classic.css
/basic/skin/sidebar_classic.css
/basic/skin/component_classic.css

各ページからリンクされるcssファイルは、上記セットのうちのどれかに加えて、いくつかのcssを足したものになっていることが殆どです。
例えば、list_diary.pl のページには cominasicoセットに、
/basic/skin/diary_default.css
/basic/diary.css
を加えたものがリンクされています。
また、edit_profile.pl のページでは cominasicoHomeセットに、
/emoji_palette.css
を加えたものがリンクされています。

pageSpecificCss.infoには、これらのよく使用するcssセットを１つのcssにまとめたものを出力するように記述されています。
cominasicoセットは pl_cominasico.css 、
cominasicoHomeセットは pl_cominasicoHome.css 、
cominasicoClassicセットは pl_cominasicoCla.css
にまとめられます。
よって、list_diary.pl のページに対応する「ページ特定CSS」である pl_list_diary.css は、 pl_cominasico.css と diary_default.css と diary.css を組み合わせたものに単純化できます。
同じように、edit_profile.pl のページに対応する「ページ特定CSS」である pl_edit_profile.css は、 pl_cominasicoHome.css と emoji_palette.css の組み合わせたものになります。

pageSpecificCss.info のサンプル

UTF-8
target: pl_cominasico.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./basic/skin/component_default.css
write:

target: pl_cominasicoHome.css
+@import "./pl_cominasico.css";
./basic/skin/home_default.css
./basic/home.css
write:

target: pl_cominasicoCla.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_classic.css
./basic/skin/sidebar_classic.css
./basic/skin/component_classic.css
write:



target: pl_home.css
+@import "./pl_cominasico.css";
./basic/skin/home_default.css
./basic/logout_quirks.css
./basic/home.css
write:


target: pl_list_diary.css
+@import "./pl_cominasico.css";
./basic/skin/diary_default.css
./basic/diary.css
write:

target: pl_add_diary.css
+@import "./pl_list_diary.css";
./color_palette.css
./emoji_palette.css
./basic/popuplayer.css
write:

target: pl_edit_diary.css
+@import "./pl_add_diary.css";
write:

target: pl_view_diary.css
+@import "./pl_list_diary.css";
./page/decolink.css
./emoji_palette.css
write:

target: pl_search_diary.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_keyword_ranking.css
+@import "./pl_list_diary.css";
write:



target: pl_show_profile.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_profile.css
+@import "./pl_cominasicoHome.css";
./emoji_palette.css
write:

target: pl_edit_photo.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_friend.css
+@import "./pl_cominasico.css";
./basic/skin/list_friend_default.css
./basic/list_friend.css
./emoji_palette.css
./popup.css
write:

target: pl_list_new_friend.css
+@import "./pl_cominasicoHome.css";
./emoji_palette.css
write:

target: pl_add_member_tag.css
+@import "./pl_list_friend.css";
write:

target: pl_edit_member_tag.css
+@import "./pl_list_friend.css";
write:

target: pl_manage_friend.css
+@import "./pl_list_friend.css";
write:

target: pl_list_community.css
+@import "./pl_cominasicoHome.css";
./memo.css
write:

target: pl_list_community_review.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_add_community_review.css
+@import "./pl_list_community_review.css";
write:

target: pl_list_community_relation.css
+@import "./pl_search_community.css";
write:

target: pl_edit_community_relation.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_edit_community_relation_receive.css
+@import "./pl_edit_community_relation.css";
write:

target: pl_view_community_relation_history.css
+@import "./pl_edit_community_relation.css";
write:

target: pl_list_community_group.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_community_group.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_community_group.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_community_tag.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_view_community.css
+@import "./pl_cominasico.css";
./basic/community.css
./emoji_palette.css
write:

target: pl_search_community.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
./emoji_palette.css
write:

target: pl_add_community.css
+@import "./pl_search_community.css";
write:

target: pl_delete_community.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_edit_community.css
+@import "./pl_search_community.css";
write:

target: pl_manage_community.css
+@import "./pl_cominasicoHome.css";
./memo.css
write:

target: pl_related_community.css
+@import "./pl_view_community.css";
write:

target: pl_official_community.css
+@import "./pl_search_community.css";
write:

target: pl_join_community.css
+@import "./pl_view_community.css";
write:

target: pl_leave_community.css
+@import "./pl_search_community.css";
write:

target: pl_view_bbs.css
+@import "./pl_search_community.css";
write:

target: pl_list_bbs.css
+@import "./pl_search_community.css";
write:

target: pl_add_bbs.css
+@import "./pl_search_community.css";
write:

target: pl_new_bbs.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_bbs.css
+@import "./pl_search_community.css";
write:

target: pl_delete_bbs.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_add_bbs_comment.css
+@import "./pl_search_community.css";
write:

target: pl_delete_bbs_comment.css
+@import "./pl_search_community.css";
write:

target: pl_view_event.css
+@import "./pl_search_community.css";
write:

target: pl_add_event.css
+@import "./pl_search_community.css";
write:

target: pl_add_event_comment.css
+@import "./pl_delete_bbs.css";
write:

target: pl_edit_event.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
./emoji_palette.css
write:

target: pl_search_event.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_delete_event.css
+@import "./pl_search_event.css";
write:

target: pl_invite_event.css
+@import "./pl_search_event.css";
write:

target: pl_list_event_member.css
+@import "./pl_search_event.css";
write:

target: pl_manage_event_member.css
+@import "./pl_search_event.css";
write:

target: pl_mail_event_member.css
+@import "./pl_search_event.css";
write:

target: pl_view_enquete.css
+@import "./pl_search_community.css";
write:

target: pl_reply_enquete.css
+@import "./pl_delete_community.css";
write:

target: pl_add_enquete_comment.css
+@import "./pl_search_community.css";
write:

target: pl_search_topic.css
+@import "./pl_search_community.css";
write:

target: pl_list_member.css
+@import "./pl_search_community.css";
write:

target: pl_edit_member.css
+@import "./pl_search_community.css";
write:

target: pl_delete_member.css
+@import "./pl_search_community.css";
write:

target: pl_placement_subadmin.css
+@import "./pl_search_community.css";
write:

target: pl_displacement_subadmin.css
+@import "./pl_search_event.css";
write:

target: pl_list_subadmin_request.css
+@import "./pl_search_community.css";
write:

target: pl_resignation_subadmin.css
+@import "./pl_search_community.css";
write:

target: pl_transfer_admin.css
+@import "./pl_search_community.css";
write:

target: pl_list_transfer_request.css
+@import "./pl_search_community.css";
write:

target: pl_list_community_youtube.css
+@import "./pl_view_video.css";
write:

target: pl_invite_community.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_view_community_item.css
+@import "./pl_cominasicoCla.css";
./basic/community.css
write:

target: pl_delete_community_review.css
+@import "./pl_view_community_item.css";
write:

target: pl_list_community_video.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./page/video.css
./layout.css
./mixi.css
./basic/oldparts.css
./basic/utf8.css
write:



target: pl_show_friend.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_show_intro.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_intro.css
+@import "./pl_cominasicoHome.css";
./emoji_palette.css
write:

target: pl_delete_intro.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_relation.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_reject_request.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_request.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_reply_request.css
+@import "./pl_cominasicoHome.css";
./emoji_palette.css
write:

target: pl_accept_request.css
+@import "./pl_cominasico.css";
write:

target: pl_list_message.css
+@import "./pl_cominasico.css";
./basic/skin/message_default.css
./basic/message.css
write:

target: pl_view_message.css
+@import "./pl_list_message.css";
./page/decolink.css
write:

target: pl_reply_message.css
+@import "./pl_list_message.css";
./emoji_palette.css
write:

target: pl_send_message.css
+@import "./pl_cominasico.css";
./basic/skin/message_default.css
./basic/message.css
./emoji_palette.css
write:

target: pl_edit_account.css
+@import "./pl_cominasicoHome.css";
write:



target: pl_view_news.css
+@import "./pl_cominasicoCla.css";
./basic/news.css
write:

target: pl_list_quote_diary.css
+@import "./pl_view_news.css";
write:

target: pl_list_news.css
+@import "./pl_view_news.css";
write:

target: pl_list_news_ranking.css
+@import "./pl_view_news.css";
write:

target: pl_list_news_category.css
+@import "./pl_view_news.css";
write:

target: pl_search_news.css
+@import "./pl_view_news.css";
write:

target: pl_edit_member_category.css
+@import "./pl_view_news.css";
write:

target: pl_show_ranking.css
+@import "./pl_view_news.css";
write:



target: pl_add_friend.css
+@import "./pl_cominasicoHome.css";
./emoji_palette.css
write:

target: pl_search.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_recommend_member.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_add_to_mylist.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_view_mylist.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_from_mylist.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_show_log.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_show_self_log.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_show_photo.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_comment.css
+@import "./pl_cominasico.css";
./basic/skin/diary_default.css
./basic/diary.css
write:

target: pl_add_comment.css
+@import "./pl_list_comment.css";
write:

target: pl_delete_comment.css
+@import "./pl_list_comment.css";
write:

target: pl_show_community_memo.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_search_item.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_view_item.css
+@import "./pl_cominasicoHome.css";
./basic/skin/review_default.css
./basic/review.css
write:

target: pl_add_review.css
+@import "./pl_add_clip.css";
./emoji_palette.css
write:

target: pl_list_review.css
+@import "./pl_add_clip.css";
write:

target: pl_new_review.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_search_review.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_edit_review.css
+@import "./pl_add_clip.css";
./emoji_palette.css
write:

target: pl_add_clip.css
+@import "./pl_cominasico.css";
./basic/skin/review_default.css
./basic/review.css
write:

target: pl_list_clip.css
+@import "./pl_add_clip.css";
write:

target: pl_delete_clip.css
+@import "./pl_add_clip.css";
write:



target: pl_view_video.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./page/video.css
./layout.css
./mixi.css
./basic/oldparts.css
./basic/utf8.css
./emoji_palette.css
write:

target: pl_edit_video.css
+@import "./pl_view_video.css";
write:

target: pl_delete_video.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./page/video.css
./layout.css
./mixi.css
./basic/oldparts.css
./basic/utf8.css
write:

target: pl_list_video.css
+@import "./pl_view_video.css";
write:

target: pl_search_video.css
+@import "./pl_delete_video.css";
write:

target: pl_add_video_comment.css
+@import "./pl_view_video.css";
write:

target: pl_delete_video_comment.css
+@import "./pl_view_video.css";
write:

target: pl_list_video_comment.css
+@import "./pl_view_video.css";
write:

target: pl_new_video.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_add_video.css
+@import "./pl_view_video.css";
write:



target: pl_view_school.css
+@import "./pl_cominasicoCla.css";
./basic/database.css
write:

target: pl_search_school.css
+@import "./pl_view_school.css";
write:

target: pl_edit_account_school.css
+@import "./pl_view_school.css";
write:

target: pl_list_appli.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_appli_activity.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_appli_request.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_view_appli.css
+@import "./pl_cominasicoCla.css";
./basic/apps.css
write:

target: pl_join_appli.css
+@import "./pl_view_appli.css";
write:

target: pl_search_appli.css
+@import "./pl_view_appli.css";
write:

target: pl_run_appli.css
+@import "./pl_view_appli.css";
./emoji_palette.css
write:

target: pl_leave_appli.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_new_appli.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_invite.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_help.css
+@import "./pl_cominasicoCla.css";
./basic/customers.css
write:

target: pl_list_album.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./page/photo.css
./layout.css
./mixi.css
./basic/oldparts.css
./emoji_palette.css
write:

target: pl_view_album.css
+@import "./pl_list_album.css";
write:

target: pl_add_album_photo.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./page/photo.css
./layout.css
./mixi.css
./basic/oldparts.css
write:

target: pl_view_album_photo.css
+@import "./pl_add_album_photo.css";
write:

target: pl_search_album.css
+@import "./pl_add_album_photo.css";
write:

target: pl_edit_album_photo.css
+@import "./pl_add_album_photo.css";
write:

target: pl_delete_album_photo.css
+@import "./pl_add_album_photo.css";
write:

target: pl_list_album_comment.css
+@import "./pl_list_album.css";
write:

target: pl_add_album.css
+@import "./pl_list_album.css";
write:

target: pl_delete_album.css
+@import "./pl_add_album_photo.css";
write:

target: pl_edit_album.css
+@import "./pl_list_album.css";
write:

target: pl_add_album_comment.css
+@import "./pl_list_album.css";
write:

target: pl_delete_album_comment.css
+@import "./pl_list_album.css";
write:

target: pl_new_album.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_change_album_cover.css
+@import "./pl_add_album_photo.css";
write:



target: pl_guide.css
+@import "./pl_cominasico.css";
./func_intro/mylist.css
write:

target: pl_spam_message.css
+@import "./pl_list_message.css";
write:

target: pl_list_bookmark.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_bookmark.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_add_bookmark.css
+@import "./pl_cominasicoCla.css";
./basic/skin/home_classic.css
./basic/home.css
write:

target: pl_recent_echo.css
+@import "./pl_cominasico.css";
./basic/skin/echo_default.css
./basic/echo.css
write:

target: pl_list_echo.css
+@import "./pl_recent_echo.css";
write:

target: pl_res_echo.css
+@import "./pl_recent_echo.css";
write:

target: pl_edit_account_echo.css
+@import "./pl_recent_echo.css";
write:

target: pl_edit_mykeyword.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_mykeyword.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_promotion.css
+@import "./pl_cominasico.css";
./func_intro/mixi_keyword.css
write:

target: pl_new_all_comment.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_new_comment.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_new_bbs_comment.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_new_friend_contents.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_new_friend_diary.css
+@import "./pl_cominasicoHome.css";
./new_friend_diary.css
write:

target: pl_add_access_block.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_list_access_block.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_delete_access_block.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_search_web.css
+@import "./pl_cominasicoCla.css";
./basic/skin/home_classic.css
./basic/home.css
write:

target: pl_show_calendar.css
+@import "./pl_cominasico.css";
./basic/skin/schedule_default.css
./basic/schedule.css
write:

target: pl_add_schedule.css
+@import "./pl_show_calendar.css";
write:

target: pl_view_schedule.css
+@import "./pl_show_calendar.css";
write:

target: pl_edit_schedule.css
+@import "./pl_show_calendar.css";
write:

target: pl_delete_schedule.css
+@import "./pl_show_calendar.css";
write:

target: pl_pr_special.css
./basic/common.css
./basic/skin/default/mixicollection.css
./basic/skin/navi_default.css
./basic/skin/sidebar_default.css
./layout.css
./mixi.css
./basic/oldparts.css
write:

target: pl_list_service.css
+@import "./pl_cominasicoHome.css";
write:

target: pl_openid.css
+@import "./pl_cominasicoCla.css";
./basic/platform.css
./basic/utf8.css
write:

target: pl_official_member.css
+@import "./pl_cominasicoCla.css";
./basic/officialmember.css
write:

target: pl_list_official_member.css
+@import "./pl_official_member.css";
write:

[BACK]

プロセルピナ