tdiary-theme 3.2.2-3 / usr / share / tdiary / theme / greentea3 / greentea3.css

@charset "utf-8";
/*
Title: GreenTea3
Revision: $Revision: 1.11 $
Author: NT
Access: nt@24i.net
License: GPL
Comment: 春らしい若葉色のテーマ、でも名前は緑茶

使用上の注意
  このスタイルシートを使うと Internet Explorer 5.5 以上では縦書きで
表示されます。日記を縦書きにするには、日記のヘッダに <div class="all">
フッタに </div> と入れる必要があります。
  ヘッダ内、フッタ内における記入位置はお好みでどうぞ。記入位置によって、
縦書きになる範囲が変化します。
  div.all 内の height の数値をいじるとスクロールする部分の高さが変化します。

ChangeLog
2002-10-18 NT <nt@24i.net>
	* remove some "color:".

2002-09-12 NT <nt@24i.net>
	* convert for 1.5 series.

2002-05-07 zoe <zoe@kasumi.sakura.ne.jp>
	* fix overflow problem (scroll -> none).

2002-05-07 NT <nt@24i.net>
	* fix overflow problem.

2002-04-05 TADA Tadashi <sho@spc.gr.jp>
	* add spec.

2002-03-27 TADA Tadashi <sho@spc.gr.jp>
	* fix textarea biyo--n problem.
*/


a:link, a:visited {
        color: darkolivegreen;
        text-decoration: none;
        border-style: none;
        border-width: 1px;
}

a:active {
        text-decoration: none;
        border-width: 2px;
}

a:hover, a:focus {
        color: darkslategray;
        background-color: #96B34E;
        border-style: none;
        border-width: 1px;
}

body {
        background-image: url(greentea3_back.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        color: black;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 1.7;
}

div.adminmenu {
        text-align: right;
        font-size: small;
}

p.message {
        text-align: center;
        font-size: large;
        color: black;
        padding: 8px;
}

span.adminmenu {
        background-color: white;
        border-style: outset;
        border-color: white;
        border-width: 1px;
        padding: 3px;
}

h1 {
        color: #2F4F4F;
        font-size: large;
        padding: 0px;
        text-align: right;

        background-color: #FFFFCC;
        border-top: 0em none;
        border-right: 6px solid yellow;
        border-bottom: 2px solid yellow;
        border-left: 0em none;

        padding-right: 0.5em;
        /*border-width: 0em 0em 0.1em 3em;
        border-style: none none solid solid;
        border-color: #9C9; */
}

div.calendar {
        text-align: right;
        border-style: solid;
        border-color: #96B34E;
        border-width: 0px 0px 0px 0px;
        padding: 2px;
        margin-bottom: 0.5em;
}

div.day {
	background-color: transparent;
        padding-bottom: 1ex;
        margin-bottom: 0.5em;
}

h2 {
        background-color: #FFFFCC;
        border-style: solid;
        border-color: #96B34E;
        border-width: 2px 0px 0px 3px;
        margin-top: 1em;
        margin-bottom: 0.1em;
        padding: 3px;
        padding-left: 0.3em;
}

h2 span.date {
        font-size: 1.5x;
} 
h2 span.title {
        color: black;
        margin-right: 1em;
}

div.body {
        background-color: white;
        border-style: dotted;
        border-color: #96B34E;
        border-width: 1px 1px 1px 1px;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 1px;
        margin-top: 1em;
        margin-left: 1em;
}

div.section p {
        margin-left: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.7em;
        line-height: 1.7;
}

h3 {
        border-style: solid;
        border-color: #96B34E;
        border-width: 0px 0px 1px 0px;
        margin: 0em;
        font-weight: bold;
}

pre {
        background-color: #CCFF99;
        color: black;
        font-size: 8pt;
        margin-left: 2em;
        margin-right: 1em;
        padding: 8px 8px 8px 8px;
}

div.comment {
        background-color: white;
        font-size: small;
        border-style: solid;
        border-color: gray;
        border-width: 1px;
        padding: 2px;
        padding-bottom: 1px;
        margin-top: 0.5em;
        margin-left: 4em;
}

div.comment div.caption {
        border-style: solid;
        border-color: gray;
        border-width: 0px 0px 1px 0px;
}


div.refererlist div.caption {
        border-style: solid;
        border-color: gray;
        border-width: 0px 0px 1px 0px;
}

div.referer {
        background-color: white;
        text-align: right;
        font-size: small;
        border-style: solid;
        border-color: gray;
        border-width: 1px;
        padding: 2px;
        padding-bottom: 1px;
        margin-left: 4em;
}

div.refererlist {
        background-color: white;
        font-size: small;
        border-style: solid;
        border-color: gray;
        border-width: 1px;
        padding: 2px;
        padding-bottom: 1px;
        margin-top: 0.5em;
        margin-left: 4em;
}

div.refererlist ul {
        margin-top: 0em;
}

hr {
        border-style: solid;
        border-width: 2px 0px 0px 0px;
        border-color: gray;
}

hr.sep {
        display: none;
/*        color: black;
*/
}

div.footer {
        font-size: small;
        text-align: right;
        margin-top: 0px;
}

div.form {
        border-style: dotted;
        border-color: gray;
        border-width: 1px;
        padding: 0.5em 1em 0.5em 1em;
        margin-bottom: 0.5em;
}

div.form form {
        width: 90%;
}

input.field {
        background-color: white;
}

textarea {
        background-color: white;
        margin-left: 1.5em;
}

div.body dl {
        margin-left: 2em;
}

div.body dt {
        margin-bottom: 0.2em;
        font-weight: bold;
}

div.body dd {
        margin-left: 1em;
        margin-bottom: 0.5em;
}

div.all {
	direction: ltr;
	writing-mode: tb-rl;
	height: 75%;
	width: 100%;
/*	overflow: scroll; */
	margin: 0em;
	clear: both;
	background-color: #fff;
        background-image: url(greentea3_back.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
}

/*
ツッコミ省略版本文
*/
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: 1.2em;
}

/*
ツッコミ本体
*/
div.commentbody {
        font-size: 90%;
        margin: 0.5em;
        line-height: 1.2em;
}

/*
ツッコミした人の情報
*/
div.commentator {
        border-style: solid;
        border-color: gray;
        border-width: 0px 0px 1px 0px;
        line-height: 1.5em;
}

/*
ツッコミ本文
*/
div.commentbody p {
        margin: 0.5em;
        margin-left: 2em;
}

/*
フォームの設定
*/
div.form form {
        margin: 0em 0em 0em 2em;
}

div.form div.caption {
        font-size: 90%;
        border-style: solid;
        border-color: gray;
        border-width: 0px 0px 1px 0px;
        margin: 0.5em;
}

div.form form.comment {
        font-size: 90%;
}

div.field {
        display: inline;
        margin-right: 2em;
}

form.comment input {
        background-color: white;
        margin-left: 1em;
}

div.textarea {
        display: block;
        vertical-align: top;
}

form.comment textarea {
        display: block;
        background-color: white;
        margin-left: 3em;
        width: 30em;
        height: 5em;
}

div.button {
        display: block;
        margin-left: 3em;
}

/*
更新フォーム
*/
div.update.day {
	background-color: transparent;
        border-style: dotted;
        border-color: #96B34E;
        border-width: 1px 1px 1px 1px;
	padding: 5px;
}

div.update.day div.form {
	border: none;
	background-color: transparent;
}

form.update {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
}

form.update input, form.update textarea, form.commentstat input {
        background-color: white;
}

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;
}