CSS_tDiary標準
/* tDiary 標準スタイル
当 CSS は、tDiary 用に ただただし氏が作られた、標準のテーマを hayama が base.css とマージ、wifky 用に若干の修正を加えたものです。
| サイドバー | 対応 |
| 設定変更 | 「sidebar in mainframe」ON |
| オリジナル | http://www.tdiary.org/theme/themebench.rhtml?theme=default |
// */
/*
shared style sheet for tDiary.
Copyright (C) 2001-2005, TADA Tadashi <sho@spc.gr.jp>
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;
}
/*
|