/* tDiary 標準スタイル 当 CSS は、tDiary 用に ただただし氏が作られた、標準のテーマを hayama が base.css とマージ、wifky 用に若干の修正を加えたものです。 || サイドバー | 対応 || 設定変更 | 「sidebar in mainframe」ON || オリジナル | http://www.tdiary.org/theme/themebench.rhtml?theme=default 8< // */ /* shared style sheet for tDiary. Copyright (C) 2001-2005, TADA Tadashi You can redistribute it and/or modify it under GPL2. */ /* 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: tDiary2 default Revision: $Revision: 1.18 $ Author: TADA Tadashi Access: sho@spc.gr.jp License: GPL Comment: default theme for tDiary 1.5 or later. */ /* ページ全体の基本的な設定。背景色や文字色など */ body { background-color: #fff; color: #000; } /* リンク文字列に関する設定 */ a:link { text-decoration: none; } a:visited { background-color: transparent; color: #00a; text-decoration: none; } a:hover { text-decoration: underline; } /* ページトップにある操作ボタンの並ぶ行の設定 */ div.adminmenu { text-align: right; font-size: 90%; } /* ページトップにある操作ボタン自体の設定 */ span.adminmenu { background-color: #ddf; color: #000; border-style: solid; border-color: #eef #aaf #aaa #eee; border-width: 1px; padding: 2px; } /* 日記タイトルの設定 */ h1 { text-align: right; background-color: #fff; color: #88f; } /* カレンダーの設定 */ div.calendar { background-color: #fff; color: #000; border-style: solid; border-color: #ddf; border-width: 2px; padding: 2px; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 110%; font-size: 90%; } div.calendar div.year { } /* 1日の日記全体を囲む枠の設定 */ div.day { background-color: #eef; color: #000; border-style: solid; border-color: #aaf; border-width: 2px; padding-bottom: 0.5em; margin-bottom: 1em; } /* タイトル行全体の設定 */ h2 { margin: 0.1em 1em 0.1em 0.5em; } /* 日付の設定 */ h2 span.date { font-size: medium; margin-right: 0.5em; } /* タイトルの設定 */ h2 span.title { font-size: large; } /* タイトルを除いた1日の日記本文全体の設定 */ div.body { background-color: #fff; color: #000; border-style: solid; border-color: #aaf; border-width: 1px; padding: 4px; margin-left: 2em; margin-right: 1em; } /* サブタイトルを含むセクションの設定 */ div.section { margin-top: 0.7em; margin-left: 0em; margin-bottom: 0.7em; } /* サブタイトルの設定 */ h3 { font-size: medium; margin: 0em; font-weight: bold; } /* その他の見出し(必要なら) */ h4 { margin: 2em; font-weight: bold; margin-bottom: 0em; } /* イメージアンカーの設定 ただしDefaultテーマではイメージアンカーは使っていないのでコメントにしてある 指定のコツは以下の通り - span.sanchorはセクションアンカー、span.canchorはツッコミアンカー - background-imageにアンカー画像を指定 - paddingのtop(最初)とright(2番目)に画像の縦横サイズを指定 - colorに背景色と同じ色を指定(文字を見えなくするため) */ /* div.day span.sanchor { background-image: url(default_sanchor.png); background-position: bottom right; background-repeat: no-repeat; padding: 16px 16px 0px 0px; color: #fff; background-color: transparent; font-size: 1px; } div.day span.canchor { background-image: url(default_canchor.png); background-position: bottom right; background-repeat: no-repeat; padding: 16px 16px 0px 0px; color: #fff; background-color: transparent; font-size: 1px; } */ /* 日記の本文(段落)の設定 */ div.section p { margin: 0.5em 1em 0.7em 3em; line-height: 150%; } /* ツッコミ/フォーム/リンク元のキャプション設定 */ div.caption { font-size: 90%; border-style: solid; border-color: #aaf; border-width: 0px 0px 1px 0px; margin: 0.5em; } /* ツッコミ欄全体の設定 */ div.comment { background-color: #fff; color: #000; border-style: solid; border-color: #aaf; border-width: 1px; padding: 2px; padding-bottom: 1px; margin-top: 0.5em; margin-left: 2em; margin-right: 1em; } /* ツッコミ省略版本文 */ div.commentshort { font-size: 90%; margin-left: 0.5em; } span.commentator { font-weight: bold; } div.commentshort p { margin-top: 0.2em; margin-bottom: 0.2em; line-height: 120%; } /* ツッコミ本体 */ div.commentbody { font-size: 90%; margin: 0.5em; line-height: 120%; } /* ツッコミした人の情報 */ div.commentator { border-style: solid; border-color: #aaf; border-width: 0px 0px 1px 0px; line-height: 150%; } /* ツッコミ本文 */ div.commentbody p { margin: 0.5em; margin-left: 2em; } /* フォーム全体を囲む枠の設定 */ div.form { background-color: #fff; color: #000; border-style: solid; border-color: #aaf; border-width: 1px; padding: 2px; margin: 0.5em 1em 0.5em 2em; } /* フォームの設定 */ div.form form { margin: 0em 0em 0em 2em; } div.form form.comment { font-size: 90%; } div.field { display: inline; margin-right: 2em; } form.comment input { background-color: #eef; color: #000; margin-left: 1em; } div.textarea { display: block; vertical-align: top; } form.comment textarea { display: block; background-color: #eef; color: #000; margin-left: 3em; width: 30em; height: 5em; } div.button { display: block; margin-left: 3em; } /* リンク元リスト(Month/Latestモード)の設定 */ div.referer { text-align: right; font-size: 90%; background-color: #eef; color: #000000; padding: 2px; padding-bottom: 1px; margin: 0.5em 1em 0em 2em; } /* リンク元リスト(Dayモード)の設定 */ div.refererlist { background-color: #fff; color: #000; border-style: solid; border-color: #aaf; border-width: 1px; padding: 2px; padding-bottom: 1px; margin-top: 0.5em; margin-left: 2em; margin-right: 1em; } /* リンク元リスト一覧の設定 */ div.refererlist ul { font-size: 90%; margin: 0.5em 1em 0.5em 3em; line-height: 120%; } /* 罫線の設定 */ hr { border-style: solid; border-width: 2px 0px 0px 0px; border-color: #ddf; } /* 日々の日記のセパレータに使われる罫線の設定 */ hr.sep { display: none; } /* フッタの設定 */ div.footer { font-size: 90%; text-align: right; margin-top: 0px; } /* 更新フォーム */ form.update { padding-top: 0.5em; padding-bottom: 0.5em; } form.update input, form.update textarea, form.commentstat input { background-color: #eef; color: #000; } form.update span.field { display: inline; margin-left: 0em; margin-right: 0.5em; } form.update div.field.title { display: block; margin-top: 1em; } form.update div.field.title input { margin-left: 0.5em; } form.update div.textarea { display: block; margin-top: 1em; } form.update textarea { display: block; margin-left: 3em; margin-bottom: 1em; width: 35em; height: 15em; } form.update span.checkbox.hidediary { margin-left: 1em; } /* ツッコミ状態変更フォーム */ div.comment form { margin-top: 0em; } /* エラーメッセージ表示の設定 */ p.message { text-align: center; font-size: large; background-color: #d00; color: #fff; padding: 8px; } /* 整形済みテキスト(preタグ)の設定 */ div.body pre { background-color: #eef; color: #000; margin-left: 5em; margin-right: 1em; padding: 8px 8px 8px 8px; font-size:small; white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE 5.5+ */ } /* 引用(blockquoteタグ)の設定 */ div.body blockquote { border-style: solid; border-color: #ddf; border-width: 2px 2px 2px 2px; margin-left: 5em; margin-right: 3em; padding: 4px 4px 4px 4px; } div.body blockquote p { margin: 0.5em 0em 0.5em 0em; } /* 箇条書きの設定 */ div.body ul, div.body ol { margin-left: 5em; margin-right: 3em; padding-left: 0px; } div.body ul ul, div.body ol ol { margin-left: 1.7em; margin-right: 1em; margin-bottom: 0.5em; } /* 項目リストの設定 */ div.body dl { margin-left: 5em; } div.body dt { margin-bottom: 0.2em; font-weight: bold; } div.body dd { margin: 0em 3em 0.5em 1em; } /* テーブルの設定 */ div.body table { margin: 0.5em 1em 0.5em 5em; border-style: solid; border-width: 2px; border-color: #aaf; border-collapse: collapse; } div.body th, div.body td { padding: 5px; border-style: solid; border-width: 1px; border-color: #aaf; } /* いくつかのメジャーなプラグイン対応 */ /* calendar2 */ table.calendar { font-size: x-small; line-height: 110%; border-style: solid; border-color: #aaf; border-width: 1px; } table.calendar td { margin: 0px; text-align: right; padding: 0px; margin: 0px; } table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month { text-align: center; } /* recent_list */ 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; } /* footnote */ div.body span.footnote { vertical-align: super; font-size: 70%; } div.footnote { font-size: 90%; border-style: solid; border-color: #ddf; border-width: 1px 0px 0px 0px; padding: 0em; margin-left: 6em; } p.footnote { margin: 0.5em; padding: 0em; } /* amazon plugin */ img.left { border-width: 1px; border-color: #008; float: left; margin: 0.5em; } img.right { border-width: 1px; border-color: #008; float: right; margin: 0.5em; } div.section, div.comment { clear: both; } /* サイドバー関連 */ div.main { margin-left: 21%; } div.sidebar { background-color: #eef; color: #000; position: absolute; top: 0px; left: 0px; width: 20%; padding: 2px 2px 100% 2px; border-style: solid; border-color: #aaf; border-width: 0px 2px 2px 0px; padding-top: 0.5em; } div.sidebar p { line-height: 120%; text-align: center; border-style: solid; border-color: #aaf; border-width: 0px 0px 1px 0px; margin: 2px 4px 2px 4px; } /* >8 // */