tagebuch-zweit: SeesaaブログCSSテンプレ「StarrySkies

Tue,August 02,2005

SeesaaブログCSSテンプレ「StarrySkies_Red」

※2005.09.02　Seesaaの仕様変更による画像データの取扱修正。画像はお持ち帰りにならなくてもOKになりました。が、直リンデータになりますので、宜しければお持ち帰りの上CSSの該当部分を修正してお使い頂ければ、と思います。
※2006.08.06 Seesaaの仕様変更によるCSS追加修正バージョンアップ。

というわけで「StarrySkies_Blue」のただの色違い、星空redVersionのほうです。密かに数値設定が違ったりするのだけれど、お願いだからつっこまないで。どっちのバランスがいいだろうかと悩んでいたら、つい。
こっちのほうが画像は明らかに手抜きなのだけれど(ただのグラデーションだから)、却ってこっちのほうがキレイです。ガッカリ。色が深いせいもあるかもしれませんが。

●StarrySkies_Red

左右サイドバー用

@charset "shift_jis";
/*■tagebuch-zweit■http://tagebuch-zweit.seesaa.net/
●StarrySkies_Red(左右サイドバータイプ)2006.08修正版
*/

/*▼画像を使用している部分ピックアップ　ここから↓▼*/
body {
background-image:url(http://tagebuch-zweit.seesaa.net/image/star02.jpg);/*■バックの画像を変更する場合は、ここの「star02.jpg」を「star04.jpg」にして下さい■*/
background-position:right top;/*■バックの画像を変更する場合は、ここの「right」を「left」にして下さい■*/
}

.blogbody {
background-image: url(http://tagebuch-zweit.seesaa.net/image/starline02.jpg);
}
/*▲画像を使用している部分ピックアップ　ここまで↑▲*/

/*全体・ボディ*/
body {
font-family: Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:#e4b735;
background-color:#000;
text-align:left;
background-repeat:repeat-y;
}

/*全体のリンクカラー設定*/
a:link{ color:#e4b735; text-decoration:underline;}
a:visited{ color:#cc6; text-decoration:none;}
a:active,a:hover{ color:#ee0; text-decoration:underline;}

/*全体*/
#container{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}

/*日記のタイトルで*/
#banner{
color:#e4b735;
padding:7px 0px;
margin: 0px 20px 5px 50px;
}

/*日記のタイトル(トップ)*/
h1 {
font-size: 180%;
font-weight: bold;
font-family: Times New Roman,Times,serif;
color: #cc6;
padding:5px 30px;
}

/*日記のタイトルリンクカラー指定*/
h1 a:link,h1 a:visited,h1 a:active,h1 a:hover{
color:#cc6;
text-decoration:none;
}

/*ブログの内容説明文*/
.description {
font-size:90%;
color:#e4b735;
line-height:150%;
}

/*記事毎のページのナビ部分*/
.navi{
color:#cc6;
font-size:90%;
text-align:center;
padding:10px 0px;
}
.navi  a {}

/*記事エントリ部分(全体)*/
#content{
color:#e4b735;
float:left;
width:65%;
margin:5px 20px 20px 23px;
}

/*記事エントリの部分2*/
.blog {
padding-top:10px;
}

/*各記事エントリ部分*/
.blogbody{
font-size:90%;
line-height:170%;
font-weight:normal;
line-height:120%;
color:#e4b735;
background-repeat:repeat-x;
background-position:right bottom;
background-color:#eee;
}

/*日付部分*/
.date{
clear:left;
font-size:90%;
text-align:right;
color:#cc6;
background-color:#222;
text-indent:12px;
padding:5px;
font-weight: normal;

}

/*日付部分*/
h2 {
border-left:double 70px #200;
border-right:double 70px #200;
margin: 0px;
padding: 0px;
}

/*エントリタイトル*/
.title{
font-weight:bold;
font-size:100%;
color:#eee;
padding:5px;
text-align:center;
}

/*エントリタイトル*/
h3{
background-color:#200;
border-left:double 70px #222;
border-right:double 70px #222;
margin: 0px;
padding: 0px;
}

/*エントリタイトル部分のリンク設定*/
.title a:link,.title a:visited,.title a:active,.title a:hover{
font-size:100%;
color:#eee;
text-decoration:none;
}

/*テキスト設定*/
.text{
color:#300;
padding:5px 15px 0px 15px;
margin-top:5px;
line-height:170%;
}

.text a:link{ color:#903; text-decoration:underline;}
.text a:visited{ color:#933; text-decoration:none;}
.text a:active,.text a:hover{ color:#c03; text-decoration:underline;}

.tag a:link{ color:#903; text-decoration:underline;}
.tag a:visited{ color:#933; text-decoration:none;}
.tag a:active,.tag a:hover{ color:#c03; text-decoration:underline;}

/*引用部分の設定*/
blockquote{
color:#303;
padding:15px;
margin-top:5px;
border-style:solid;
border-width:1px 5px;
border-color:#c99;
}

/*キーワードアフィリエイトのリンクカラー*/
a:link.affiliate-link,a:visited.affiliate-link,a:active.affiliate-link,a:hover.affiliate-link{
color:#300;
text-decoration:underline;
}

/*名前・投稿日時等の部分*/
.posted{ 
font-size:90%; 
color:#c99;
text-align:right;
margin:10px 0px 5px 0px;
padding:3px 3px 3px 5px;
}

.posted a:link{ color:#c99; text-decoration:underline;}
.posted a:visited{ color:#c99; text-decoration:none;}
.posted a:active,.posted a:hover{ color:#966; text-decoration:underline;}

/*サイドバー左・右*/
#links-left,#links{
font-weight:normal;
width:23%;
float:left;
padding:10px 15px 0px 20px;
}

#links input,#links-left input{
max-width: 250px;
}

#links .input-submit,#links-left .input-submit{
color: #eee;
background-color: #300;
border: 1px solid #c99;
}

/*カレンダー*/
#calendar {
padding-top:10px;
padding-bottom:15px;
}

/*カレンダー(テーブルタグでの指定部分)*/
#calendar table {
width:100%;
padding-top:5px;
}

/*カレンダー曜日部分(テーブルタグでの指定部分)*/
#calendar  th{
font-weight:normal;
color:#c99;
}
	
/*カレンダー日にち部分(テーブルタグでの指定部分)*/
#calendar  td{
}
/*カレンダー日にちリンク部分(テーブルタグでの指定部分)*/
#calendar  td a{
text-decoration:none;
background-color:#200;
display:block;
}

/*カレンダー年月部分・サイドバーの見出し部分*/
.calendarhead,.sidetitle{
color:#eee;
font-size:90%;
font-weight:bolder;
text-align:center;
padding:3px;
border: 2px outset #300;
}

/*カレンダー日にち部分*/
.calendarday{
font-size:90%;
font-weight:normal;
color:#666;
padding:1px;
}

.calendarday a{}

/*サイドバー(中身)*/
.side,.side-tag{
color:#e4b735;
font-size:90%;
line-height:1.5;
padding-top:10px;
padding-bottom:10px;
}

.side a:link,.side-tag a:link{ color:#e4b735; text-decoration:underline;}
.side a:visited,.side-tag a:visited{ color:#cc6; text-decoration:none;}
.side a:active,.side a:hover,.side-tag a:active,.side-tag a:hover{ color:#ee0; text-decoration:none;background-color: #200;}

/*seesaaブログトップへのリンク*/
.powered{
line-height:120%;
padding:2px;
margin-top:10px;
text-align:center;
}

/*rss設定*/
.syndicate{
font-size:80%;
text-align:center;
margin-top:20px;
margin-bottom:10px;
padding-top:10px;
border-top-width:1px;
}

.syndicate a{}

/*****************************/

/*コメント*/
#comments{
color:#966;
padding:5px;
margin:25px 0px 30px 0px;
font-size:90%;
background:#eee;
}

#comments form{
padding:20px;
}

/*「コメントする」*/
.comments-head{ 
color:#966;
font-weight:bold;
padding:5px;
}

/*コメント(内容)*/
.comments-body{
padding:10px;
}

/*コメント投稿者*/
.comments-post{
color:#c99;
font-size:85%;
padding:10px 10px 3px 10px;
border-bottom:1px dotted #c99;
}
.comments-post a:link{ color:#c99; text-decoration:underline;}
.comments-post a:visited{ color:#c99; text-decoration:none;}
.comments-post a:active,.comments-post a:hover{ color:#966; text-decoration:underline;}

#comments .input-submit{
color: #966;
background-color: #eee;
border: 1px solid #966;
}

/*トラックバック*/
#trackback{
color:#e4b735;
padding:5px;
margin-bottom:30px;
margin-top:25px;
padding-left:20px;
padding-right:15px;
font-size:90%;
background-color:#300;
}

#trackback a {}

/*トラックバックurl*/
.trackback-url{
color:#e4b735;
font-size:90%;
font-weight:normal;
line-height:140%;
padding:5px;
}

/*トラックバック(内容)/
.trackback-body{
color:#e4b735;
font-size:90%;
font-weight:normal;
line-height:140%;
padding:10px 0px;
}

/*トラックバックed*/
.trackback-post{
color:#e4b735;
font-size:90%;
font-weight:normal;
}

/*****************************/

/*フッター、一番下のスペース設定*/
#footer{
clear:both;
font-size:90%;
}

/*Seesaaバナー*/
.powered table {
text-align: center;
margin-left: auto;
margin-right: auto;
}

/*タグクラウド用
※記事用のノーマルタイプ以外は確認が出来ていませんので、ビデオ等でもお使
いの方は個々で確認・修正して下さい*/

/**記事内に表示される部分のタグクラウド用**/
.tag-word{
font-size: 80%;
text-align: right;
margin: 5px;
}

/**検索部分のタグクラウド用**/
.tag{
font-size: 100%;
color: #333;
padding: 7px;
line-height: 1.8;
border: 1px solid #ccc;
background-color: #fff;
position:relative;
}

#tag_cloud{
padding: 3px;
position:relative;
}

.tag-title,.tag-photos-title,.tag-audios-title,.tag-videos-title{
font-size: 110%;
font-weight: bold;
color: #200;
position:relative;
}

.tag-search{
font-size: 80%;
text-align: right;
position:relative;
}

.tag-search a:link{color: #555;
text-decoration: underline;}
.tag-search a:visited{color: #666;
text-decoration: none;}
.tag-search a:active,.tag-search a:hover{color: #000;
text-decoration: none;}

.tag-more{
font-size: 80%;
margin-top: 7px;
position:relative;
}

/***********************************/
.tag-photos{
float:left;
margin:10px;
position:relative;
width:150px;
height:200px;
}
.tag-audios{
margin:5px;
position:relative;
}
.tag-videos{
float:left;
margin:10px;
position:relative;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}

両サイドバー用

@charset "shift_jis";
/*■tagebuch-zweit■http://tagebuch-zweit.seesaa.net/
●StarrySkies_Red(両サイドバータイプ)2006.08修正版
*/