新テンプレート「Olive」： Style book

<<新テンプレート「Wakakusa」| Main | 新テンプレート「Summer breeze」>>

2005-07-12

新テンプレート「Olive」

ずいぶん時間があいちゃいましたが、「Ajisai」「Wakakusa」三姉妹の最後のバリエーション。
オリーブの実の写真が入ったテンプレートです。
サンプルはこちら。

設定方法は
http://temp-css.seesaa.net/article/3663981.html
をご覧ください。

以下のテキストフィールドからコピペでご利用ください。

■Olive　(右サイドバー専用)

body {
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; 
margin:0px;
padding:0px;
text-align:center;
background-color:#ECF2DC;
color:#636;
scrollbar-3dlight-color:olive;
scrollbar-darkshadow-color:olive;
scrollbar-arrow-color:purple;
scrollbar-base-color:#ECF2DC;
scrollbar-face-color:#ECF2DC;
scrollbar-highlight-color:#ECF2DC;
scrollbar-shadow-color:#ECF2DC;
scrollbar-track-color:#ECF2DC;
}
img{
border:0px;
}
#container{
text-align:center;
margin:0px auto 0px auto;
padding:0px;
width:749px;
background-color:#ECF2DC;
background-image:url(image/ol_head.jpg);
background-repeat:no-repeat;
background-position:top center;
}
a{
text-decoration:none;
color:olive;
}
a:hover,a:active{
color:#6B8E23;
}
#banner{
height:99px;
margin:0px;
padding:0px;
text-align:left;
line-height:125%;
}
h1 {
margin:0px;
padding:20px 5px 5px 5px;
font-size:200%;
font-weight:bold;
}
h1 a{color:purple;}
h1 a:hover,h1 a:active{color:red;}
h2{
font-size:100%;
margin:0px;
margin-bottom:10px;
text-align:center;
padding-top:10px;
padding-right:10px;
}
h3 {
font-size:90%;
margin:0px;
height:40px;
padding-left:35px;
line-height:280%;
background-image:url(image/ol_b_head.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
h3 a{
}
.description {
margin:0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:512px;
text-align:center;
margin-top:200px;
padding-top:10px;
background-color:#D3E1AC;
}
.blog {
margin:0px;
text-align:left;
}
.blogbody {
margin-bottom:10px;
margin-top:10px;
line-height:120%;
width:470px;
position:relative;left:20px;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 15px 0px 25px;
letter-spacing:0.02em;
border-left:#ECF2DC 1px solid;
border-right:#ECF2DC 1px solid;
}
.posted{ 
font-size: 65%;
text-align:right;
padding:5px 20px 0px 0px;
border-left:#ECF2DC 1px solid;
border-right:#ECF2DC 1px solid;
border-bottom:#ECF2DC 1px solid;
}
#links,#links-left {
font-weight:normal;
width:237px;
margin:0px;
text-align:left;
}
#links-left{
float:left;
padding-right:5px;
}
#links{
float:right;
}
#calendar {
width:220px;
margin:0px;
font-weight:normal;
text-align:center;
padding:5px 0px 5px 0px;
}
#calendar table {
margin:0px;
height:140px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:white;
background-color:#D3E1AC;
}
#calendar td{
text-align:center;
font-size:70%;
border-bottom:#D3E1AC 1px dotted;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
height:24px;
font-size:75%;
font-weight:bolder;
padding:5px 0px 0px 30px;
margin:0px;
text-align:left;
background-image:url(image/ol_s_head.gif);
background-repeat:no-repeat;
background-position:bottom left;
position:relative;left:8px;
}
.calendarhead{padding:6px 0px 0px 30px;}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin:0px 0px 5px 0px;
text-align:center;
padding:5px 0px 5px 0px;
}
.side ,#calendar table{
background-color:#ECF2DC;
border-collapse:collapse;
position:relative;left:8px;
width:220px;
border-left:#D3E1AC 1px solid;
border-right:#D3E1AC 1px solid;
border-bottom:#D3E1AC 1px solid;
}
.side a:hover{
font-size:120%;
margin:-2px 0px 0px -2px;
}
.input-submit, .side input, input,textarea{
border:olive 1px solid;
}
.input-submit{
background-color:#D3E1AC;
padding:2px;
}
#comments .input-submit{
width:100px;
margin:4px 8px 4px 0px;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
position:relative;left:8px;
font-size:70%;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:95%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:95%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
width:440px;
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:#ECF2DC 1px dotted;
}
#trackback hr{
height:0px;
border:#ECF2DC 1px dotted;
}
#footer{
clear:both;
height:60px;
text-align:center;
background-image:url(image/ol_foot.jpg);
background-repeat:no-repeat;
background-position:top center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

このテンプレートは、専用の画像が4点あります。
下のリンク先の画像をローカルに保存してから、seesaaブログ管理画面の
ツール　->　ファイルマネージャ
でご自分のブログに全てアップロードしてください。
このテンプレートに使用されている画像を、Seesaaブログの背景画像として利用する以外の目的で転用・転載しないでください。
加工・再配布も禁じます。

●日付部分の背景画像