本テーマは、KOSAKA Takashi 氏が、tDiary 向けに公開している、テーマ「Mixi」を、 TADA Tadashi 氏の共通スタイルシートとマージさせ、 葉山が wifky 向けに修正したものです。 著作権は KOSAKA氏、TADA氏、両氏にありますが、 苦情・問合せは葉山までお願いいたします。。

なお、利用の際は、当ページ添付の画像ファイルを、いっしょに 利用サイトの CSS ページへ添付する必要があります。また、その CSS ページ名は CSS_mixi にしておく必要があります。

画像9点を、それぞれ CGI 出力させる都合、サーバにそれなりに負荷がかかる点、認識した上でご利用ください。

Title	Mixi
Revision	$Revision: 1.1 $
Author	kosaka
Access	kosaka@tnat.net
License	GPL
Comment	mixi

Copyright 2005 (C) by KOSAKA Takashi <kosaka@tnat.net> validated by W3C.

Copyright (C) 2001-2005, TADA Tadashi <sho@spc.gr.jp> You can redistribute it and/or modify it under GPL2.

8< */

/* nyear

• / h2 span.nyear { font-size: small; }

/* calendar2 plugin

• / table.calendar { font-size: 90%; line-height: 1.1em; } table.calendar td { margin: 0px; text-align: right; padding: 0px; } table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month { text-align: center; }

/* footnote plugin

• / div.body span.footnote { vertical-align: super; font-size: 70%; } div.footnote { font-size: small; } p.footnote { margin: 0.5em; padding: 0em; }

/* quoted source

• / p.source{ margin-right: 1.5em; text-align: right; font-size:90%; font-style: italic; }

/* amazon plugin

• / img.left { float: left; margin: 0.5em; }

img.right { float: right; margin: 0.5em; }

div.section, div.comment { clear: both; }

/* image plugin

• / img.photo { float: right; margin: 0.5em; }

/* calendar3 plugin

• / .calendar-popup { display: none; text-align: left; position: absolute; padding: 0 1ex 0 1ex; background-color: #fff; color: #000; border-style: solid; border-width: 1px; }

.calendar-sunday { color: #f00; }

.calendar-saturday { color: #00f; }

.calendar-weekday { color: #000; }

.calendar-normal { }

.calendar-day { }

.calendar-todo { border-style: solid; border-color: #f00; border-width: 1px; }

/* highlight plugin

• / .highlight { color: #000; background: #ffff66; }

/* calendar2 plugin

• / td.calendar-day img { width: 25px; height: 25px; border: 0; }

/* sidebar lists

• / /* disable for wifky div.sidebar h3 { font-size: medium; margin-top: 0.5em; margin-bottom: 0.1em; }

div.sidebar ul { margin-top: 0.1em; margin-bottom: 0.5em; margin-left: 1.5em; padding-left: 0em; } div.sidebar ol { margin-top: 0.1em; margin-bottom: 0.5em; margin-left: 2em; padding-left: 0em; } div.sidebar ul ul, div.sidebar ol ul { margin-left: 1em; }

ul.recent-list-item { list-style-type: none; }

• /

/* category_to_tag plugin

• / div.day div.tags { font-size: 80%; text-align: right; }

/* recent_list plugin (obsolute)

• / p.recentitem { font-size: 90%; margin-top: 0px; margin-bottom: 0px; }

div.recentsubtitles { font-size: 90%; margin-top: 0px; margin-bottom: 1em; margin-left: 1em; }

/* Title: Mixi Revision: $Revision: 1.1 $ Author: kosaka Access: kosaka@tnat.net License: GPL Comment: mixi

Copyright 2005 (C) by KOSAKA Takashi <kosaka@tnat.net> validated by W3C.

• /

body { font-family:Verdana,Geneva,Arial,Sans-serif; background:#fff; color:#333; margin-bottom:0; width:780px; }

hr.sep { display:none; }

/* ----- Link ----- */ a:link,a:visited { color:#258FB8; text-decoration: none; }

a:hover { color:#960; background-color:#FFF4E0; }

/* ----- Side Bar ----- */ div.main { margin-left: 160px; }

div.sidebar { position: absolute; top : 80px; left: 10px; width:151px; }

input.bt { color:#605048; background-color:#FFF4E0; border:solid 1px; border-color: #ddd #333 #333 #ddd; }

div.sidebar form{ border:solid #F8A448; border-width:0 1px 1px 1px; margin:0; padding:2px 3px 2px 10px; font-size:80%; }

div.sidebar ul{ margin-top:2px; } div.sidebar p{ color:#f8a448; border:solid #F8A448; border-width:0 1px 1px 1px; margin:0; padding:2px 3px 2px 20px; background:#fff url(wifky.pl?p=CSS_mixi;f=pt_or.gif) no-repeat left; font-size:80%; }

div.linkshare { border:solid #F8A448; border-width:0 1px 1px 1px; margin:0; text-align:center; padding-top:5px; }

/* ----- H1,H2,H3 ----- */ h1 { color:#5D5045; font-size:130%; background:#fff url(wifky.pl?p=CSS_mixi;f=dotline720.gif) repeat-x bottom; margin-bottom:0; padding-bottom:5px; }

h2 { background:#fff url(wifky.pl?p=CSS_mixi;f=title.gif) repeat-x top; border-left :solid #F8A448 8px; border-right :solid #F8A448 8px; font-size:80%; padding:10px 0 4px 7px; margin:0; }

h3 { border:solid #F8A448; border-width: 1px 0 1px 0; color:#605048; font-size:100%; margin:0 0 0.5em 0; background-color:#FFF4E0; padding:2px 0 2px 7px; font-weight:normal; }

h4 { background:#fff url(wifky.pl?p=CSS_mixi;f=h4.gif) no-repeat left; color:#fff; font-size:80%; margin-bottom:0; margin-top:10px; padding-left:5px; }

/* ----- weather ----- */

div.weather , div.body-enter{ font-size:80%; text-align:right; background:#fff url(wifky.pl?p=CSS_mixi;f=calendar.gif); border:solid #F8A448; border-width: 0 0 0 1px; padding:1px 5px 1px 0; margin:0 0 0 80px; }

span.nyear { font-size:80%; font-weight:normal; }

/* ----- AdminMenu ----- */

div.adminmenu { border:solid #6D9CB1; border-width: 2px 8px 2px 8px; font-size:80%; padding:0 5px 0 15px; margin:10px 0 0 0; background:#fff url(wifky.pl?p=CSS_mixi;f=menu.gif) repeat-x; text-align:right; }

div.adminmenu p{ margin:2px 0 2px 0; }

span.adminmenu { border:solid #5F9FB4; border-width: 0px 0px 0px 1px; padding:0 0 0 5px; }

span.adminmenu a:link,span.adminmenu a:visited{ color:#3D3D3D; }

span.date a:link,span.date a:visited{ color:#605048; }

span.title { color:#605048; }

div.day span.sanchor{ font-size:80%; color:#605048; }

/* ----- Diary Text ----- */ div.day { margin:0.5em 0 1em 0; }

div.body { border-top :solid #F8A448 1px; border-left :solid #F8A448 8px; border-right :solid #F8A448 8px; border-bottom:solid #F8A448 8px; font-size:100%; background-color:#FFD8B0; margin-bottom:4px; padding-left:10px; }

div.section { margin:0 0 0 80px; background-color:#FFF; border-left:solid #F8A448 1px; border-bottom:solid #FFF 1px; }

div.section p { line-height: 1.7em; margin:0 1.5em 0 1.5em; padding-bottom:1em; font-size:100%; }

div.section ul{ margin-top:0; margin-left:4em; line-height:1.5em; font-size:100%; }

/* ----- Comment ----- */ div.caption { background:#fff url(wifky.pl?p=CSS_mixi;f=menu2.gif) repeat-x top; font-size:80%; border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; margin:0; padding:10px 0 3px 10px; }

div.commentshort { background-color:#F2DDB7; border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; margin:0; }

div.commentshort p { margin: 0 0 0 90px; padding:3px 1em 3px 8px; border:solid #DFB479; border-width:1px 0 0 1px; line-height: 1.3em; background-color:#fff; font-size:80%; }

div.commentbody { border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; background-color:#F2DDB7; line-height: 1.5em; font-size:80%; padding-left:1em; margin:0; }

div.commentator { margin: 0 0 0 75px; padding:0 0 0 1em; border-left :solid #DFB479 1px; border-bottom:solid #DFB479 1px; font-size:80%; line-height:1.5em; background-color:#FFF4E0; }

form.comment { font-size:80%; margin:0; }

div.commentbody p{ margin: 0 0 0 75px; padding:0.5em 1em 1em 1em; border-left :solid #DFB479 1px; border-bottom:solid #DFB479 1px; line-height: 1.5em; background-color:#fff; }

/* ----- TrackBack ----- */

div.trackbackbody{ padding:0; }

div.trackback{ margin: 0; padding:0.5em 0 0 1em; border-left :solid #DFB479 1px; border-bottom:solid #DFB479 0px; font-size:80%; line-height:1.5em; background-color:#fff; }

div.trackbackbody p{ margin:0; padding:0 1em 1em 1em; line-height: 1.5em; background-color:#fff; }

/* ----- Form ----- */

div.form { border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; background:#fff url(wifky.pl?p=CSS_mixi;f=calendar.gif); margin:0; }

div.form form{ padding:1em; }

div.form div.caption{ background:#fff url(wifky.pl?p=CSS_mixi;f=menu3.gif); border-top:solid #DFB479 0px; border-left :solid #DFB479 0px; border-right:solid #DFB479 0px; padding:3px 0 3px 10px; }

div.refererlist div.caption{ background:#fff url(wifky.pl?p=CSS_mixi;f=menu3.gif); border-top :solid #DFB479 0px; padding:3px 0 3px 10px; }

/* ----- Referer ----- */ div.referer { border-top:solid #DFB479 1px; border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; border-bottom:solid #DFB479 8px; background:#fff url(wifky.pl?p=CSS_mixi;f=calendar.gif); font-size:80%; text-align:right; padding:3px 10px 3px 5px; margin:0; }

div.refererlist { font-size:80%; padding-bottom:1em; margin:0; }

div.refererlist ul{ border-left :solid #DFB479 8px; border-right:solid #DFB479 8px; border-bottom:solid #DFB479 8px; background-color:#fff; margin:0; padding:0.5em 0 1em 0; }

div.refererlist li{ margin-left:3em; }

/* ----- PRE,BLOCKQUOTE ----- */ div.section pre,div.section blockquote { line-height:1.7em; padding:5px; margin:1em 2.5em 1em 2.5em; background-color:#FFF4E0; font-size:80%; }

div.section blockquote p { margin:0.5em; }

/* ----- IMG ----- */ img { border-width:0; }

img.right { margin:0 0 5px 5px; float:right; }

img.bk1{ margin-right:10px; }

img.amazon { margin:15px 10px 5px 5px; float:right; }

img.category { vertical-align: text-bottom; }

div.section img { margin-left:5px; }

div.sidebar p img { margin:2px 0 2px 0; line-height:1em; }

/* ----- blogmap ----- */ span.blogmap { font-weight:normal; font-size:80%; margin-left:0.4em; }

/* ----- Footnote ----- */ div.footnote { border-top:solid #F8A448 1px; font-size:80%; margin:0; padding:1em 0 1em 100px; }

p.footnote { margin:0; }

span.footnote { font-size: 80%; margin : 0 2px 0 1px; vertical-align: super; }

/* ----- Footer ----- */ div.footer { text-align:right; margin-top:0; background:#fff url(wifky.pl?p=CSS_mixi;f=title2.gif); padding:5px; font-size:80%; }

/* ----- Wiki Style ----- */ em { font-style:normal; font-weight:bold; }

/* ----- Bk1 ----- */ span.bk1 { line-height:1.4em; text-indent:0; font-size:80%; }

div.calendar{ margin:0 0 1em 0; text-align:right; font-size:80%; }

.highlight { color:#000; background-color:#D6DEFE; font-size:80%; }

img.link { margin-bottom:1.1em; }

div.sidebar img { margin-bottom:0.5em; }

div.day table { border:0; margin:0.5em 0 0.5em 2em; font-size:80%; }

tr,td { border:1px; padding:3px 20px 3px 5px; }

span.bbsdate span.bbsname{ font-size:80%; }

/* ----- Calendar2 ----- */ div.calendar2 { border:solid #FEC977 5px; padding:3px 0 3px 0; margin-top:6px; text-align:center; }

table.calendar { text-align:left; font-size:80%; }

table.calendar tr{ margin:0; }

table.calendar td.calendar-day { margin:0; text-align:center; border: solid #F8A448; border-width:0 1px 1px 0; }

table.calendar td.calendar-sunday,table.calendar td.calendar-weekday,table.calendar td.calendar-saturday{ background-color:#FFF4E0; border: solid #F8A448; border-width:0 1px 1px 0; }

table.calendar td.calendar-prev-month,table.calendar td.calendar-current-month,table.calendar td.calendar-next-month{ background:#fff url(wifky.pl?p=CSS_mixi;f=calendar.gif); font-weight:bold; color:#605048; font-weight:normal; }

span.commentdate { font-size:80%; margin-right:8px; }

span.inputtime { color:#296dc6; font-weight:normal; font-size:80%; margin-bottom:0; margin-left:1em; }