ニーズがあるかどうかわかりませんが、これもテンプレートのカスタマイズです。
自分でかなり気に入っているものですが、季節的なものを優先すると、これってなかなか出番がないんですよね~(^^;)
ですので、気に入ってくださる方があればどうぞ、ってことで地味に配布させていただきます。
以下のCSSをすべて選択してコピーしてください。(上下の模様の間部分を全部)
デザイン→カスタムCSS一覧→テンプレートの追加(新しい白紙の画面が開きます)
タイトルをつける→コピーしたCSSをペースト
プレビューしてみてOKならば→スタイルシートを追加するをクリックして保存
「bird land」
@charset "EUC-JP";
/*2008-06-04*/
/* 以下より編集可能 */
/* bodyの設定 */
body{
margin:0px;
padding:0px;
color:#2e2930;
text-align:center;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/bird-land.jpg
);
background-position:top center;
background-attachment:fixed;
background-color:#dbe0f9;
}
/* リンクカラー設定 */
/* 標準のリンクカラー */
a:link{color:#ea5550; text-decoration:underline;}
a:visited{color:#5a4498; text-decoration:underline;}
a:hover{color:#941f57; text-decoration:underline;}
a:active{color:#00608d; text-decoration:underline;}
/* 見出し用タグの設定 */
h2,h3{
margin:0px;
padding:0px;
}
/* blog全体のサイズなどの設定 */
#container{
width:727px;
margin:0px auto;
padding-bottom:20px;
text-align:left;
color:#2e2930;
}
#container:after {
content: ""; display: block; clear: both;
}
/* ページ最上部のblogの説明部分より上の設定 */
#banner,#subbanner{
padding:0px 0px 30px 0px;
margin:0px 0px 30px 290px;
text-align:left;
height:250px;
}
/* ページ最上部のタイトルの設定 */
.blogtitle{
padding:100px 180px 0px 0px;
font-size:28px;
color:#eaf4fc;
text-align:right;
margin:0px 0px 10px 0px;
}
.blogtitle a:link{color:#eaf4fc;text-decoration:none;}
.blogtitle a:visited{color:#eaf4fc; text-decoration:none;}
.blogtitle a:hover{color:#eaf4fc;text-decoration:none;}
.blogtitle a:active{color:#eaf4fc;text-decoration:none;}
/* ページ最上部のblogの説明の設定 */
.description{
font-weight:bold;
font-size:12px;
color:#eaf4fc;
margin:0px 0px 0px 30px;
}
/* blog本体(含サイドバー)の設定 */
#content {
}
/* blog本体(日付~本文まで)の設定 */
.blog{
float:left;
width:499px;
}
/* 日付の設定 */
.date{
font-size:12px;
font-weight:normal;
color:#eaf4fc;
padding:0px 5px 0px 10px;
}
/* 本文の外枠設定 */
.blogbody{
}
/* blog本文のタイトル設定 */
.title{
font-size:14px;
font-weight:bold;
text-align:left;
color:#202f55;
padding:18px 50px 14px 55px;
margin:0px 0px 0px 0px;
background-color:#dbe0f9;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-bg_subject.jpg
);
background-repeat:no-repeat;
background-position:left top;
}
/* blog本文の設定 */
.main{
padding:15px 34px 0px 35px;
font-size:12px;
line-height:150%;
background:#dbe0f9;
}
/* 引用のタグ(
)の設定 */blockquote{
margin:15px 0px;
padding:15px;
font-size:12px;
background-color:#dbe0f9;
}
/* 整形済みテキストのタグ(
)の設定 */pre{
margin:15px 0px;
padding:15px;
font-size:12px;
background-color:#dbe0f9;
}
/* 投稿した画像の設定 */
.postimg{
margin:4px;
}
/* Posted By ~~の設定 */
.posted{
font-size:10px;
text-align:right;
padding:0px 20px 20px 5px;
margin:0px 0px 20px 0px;
background:#dbe0f9;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-bg_footer.jpg
);
background-repeat:no-repeat;
background-position:left bottom;
}
/* 「続きを読む」の設定(文字色は設定されません) */
.main-continues{
}
/* サイドバー */
/* サイドバー全体の設定 */
#links{
width:208px;
float:right;
}
/* カレンダー */
/* カレンダータイトル部の設定 */
.calendarhead{
padding:12px 10px 4px 10px;
font-size:12px;
text-align:center;
font-weight:bold;
color:#202f55;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-side_title.jpg
);
background-repeat:no-repeat;
background-position:top left;
}
/* カレンダーの外枠の設定 */
.calendartable{
padding-bottom:10px;
margin:0px 0px 10px 0px;
width:208px;
background-color:#dbe0f9;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-side_title_footer.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}
/* 曜日の外枠の設定 */
.calendarwd{
padding:5px 0px;
}
/* 曜日の文字部分の設定 */
.calendarweek{
font-size:12px;
color:#2e2930;
}
/* 日付部分の外枠の設定 */
.calenderdays{
width:199px;
color:#2e2930;
}
/* 日付の文字部分の外枠の設定 */
.calendard{
padding:4px;
}
/* 日付の文字の設定 */
.calendar{
font-size:12px;
}
/* Blogの投稿が有った日の文字部分の外枠の設定 */
.calendardbg{
padding:4px;
color:#6c2735;
}
.calendardbg a:link{color:#6c2735;text-decoration:underline;}
.calendardbg a:visited{color:#6c2735; text-decoration:underline;}
.calendardbg a:hover{color:#6c2735;text-decoration:underline;}
.calendardbg a:active{color:#6c2735;text-decoration:none;}
/* 各種プラグインのタイトル部の設定 */
.sidetitle{
padding:12px 10px 4px 10px;
font-size:12px;
text-align:center;
font-weight:bold;
color:#202f55;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-side_title.jpg
);
background-repeat:no-repeat;
background-position:top left;
}
.sidetitle a:link{color:#202f55;text-decoration:none;}
.sidetitle a:visited{color:#202f55;text-decoration:none;}
.sidetitle a:hover{color:#202f55;text-decoration:none;}
.sidetitle a:active{color:#202f55;text-decoration:none;}
/* 各種プラグインの本体外枠の設定 */
.side{
padding:0px 9px 10px 9px;
margin-bottom:10px;
font-size:10px;
line-height:180%;
background-color:#dbe0f9;
background-image:url(http://blog.dion.ne.jp/ssl_image/www.h2.dion.ne.jp/~albireo/LOVELOG_IMG/birdland-side_title_footer.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}
.side .sidebody{
color:#2e2930;
}
.sidebody{
padding:5px 0px 0px;
font-size:10px;
line-height:150%;
color:#dbe0f9;
}
/* 自己紹介プラグインの自分の写真の設定 */
.photo{
text-align:center;
}
/* 自己紹介プラグインの自分の名前の設定 */
.nickname{
font-size:10px;
}
/* 自己紹介プラグインのメッセージの設定 */
.message{
font-size:10px;
}
/* blog timesプラグインの設定 */
.blogtimes{
margin-bottom:20px;
margin-right:20px;
text-align:center;
}
/* Powerd by LOVELOG 画像の設定 */
.powered{
margin-top:20px;
margin-bottom:20px;
margin-right:20px;
text-align:center;
}
/* RSS (syndicate this site)画像の設定 */
.syndicate{
margin-top:10px;
margin-right:20px;
text-align:center;
}
/* お気に入りblogに追加の設定 */
.checkers{
margin-top:20px;
margin-right:20px;
font-size:10px;
}
/* コメント関連 */
/* 「この記事へのトラックバック」 */
/* 「この記事へのコメント」 */
.comments-head{
padding:10px 10px 10px 15px;
margin:0px 0px 0px 0px;
font-size:14px;
font-weight:bold;
background-color:#dbe0f9;
}
/* コメント投稿確認ページでのコメント文の設定 */
.comments-body{
padding:10px 20px 10px 20px;
font-size:12px;
line-height:150%;
background-color:#dbe0f9;
}
/* コメント投稿確認ページでのPosted by~~の設定 */
.comments-post {
padding:0px 20px 20px 21px;
font-size:10px;
text-align:right;
background-color:#dbe0f9;
}
/* コメント(本文のみ表示ページ)でPostedの下にあるメニュー */
.menu{
background-color:#dbe0f9;
}
/* コメント(本文のみ表示ページ)に表示されるトラックバックの設定 */
.trackback-body{
padding:10px 20px 10px 20px;
font-size:12px;
line-height:150%;
background-color:#dbe0f9;
}
/* トラックバックのPosted by~~の設定 */
.trackback-post{
padding:0px 20px 20px 20px;
font-size:10px;
text-align:right;
background-color:#dbe0f9;
}
/* コメント(本文のみ表示ページ)に表示されるトラックバックのリンク先のURL */
.trackback-url{
padding:10px 20px 10px 20px;
font-size:12px;
font-weight:bold;
background-color:#dbe0f9;
}
/* コメント投稿フォーム */
/* formテーブルの設定 */
.form{
width:100%;
padding-top:10px;
background-color:#dbe0f9;
}
.form td {
padding-left:10px;
}
/* フォームのテキスト部分 */
label {
font-size:12px;
}
/* 名前入力のフォーム部分 */
#author{
width:200px;
font-size:12px;
}
/* メールアドレス入力のフォーム部分 */
#email{
width:200px;
font-size:12px;
}
/* URLのフォーム部分 */
#url{
width:200px;
font-size:12px;
}
/* コメント本文のフォーム部分 */
#text{
width:400px;
font-size:12px;
}
.pagetop{
padding:20px 0px;
font-size:10px;
text-align:right;
width:100%;
}
.pagetop a:link{color:#fff; text-decoration:underline;}
.pagetop a:visited{color:#fff; text-decoration:underline;}
.pagetop a:hover{color:#fff; text-decoration:underline;}
.pagetop a:active{color:#fff; text-decoration:underline;}
.checkers a:link{color:#fff; text-decoration:underline;}
.checkers a:visited{color:#fff; text-decoration:underline;}
.checkers a:hover{color:#fff; text-decoration:underline;}
.checkers a:active{color:#fff; text-decoration:underline;}
.error{
padding:5px;
font-size:12px;
background-color:#dbe0f9;
}
/* フッターの設定 */
#footer{
clear:both;
}
.pageend{
margin:0px;
padding:0px;
}
/**** navi start ****/
#navi-top{
padding:10px 0px 10px 0px;
font-size:12px;
text-align:center;
width:100%;
color:#fff;
}
#navi-top .navi-name{
}
#navi-top .navi-num{
margin-top:5px;
}
#navi-top a:link{color:#fff; text-decoration:underline;}
#navi-top a:visited{color:#fff; text-decoration:underline;}
#navi-top a:hover{color:#fff; text-decoration:underline;}
#navi-top a:active{color:#fff; text-decoration:underline;}
#navi-bottom{
padding:10px 0px 10px 0px;
font-size:12px;
text-align:center;
width:100%;
color:#fff;
}
#navi-bottom .navi-name{
margin-top:5px;
}
#navi-bottom .navi-num{
}
#navi-bottom a:link{color:#fff; text-decoration:underline;}
#navi-bottom a:visited{color:#fff; text-decoration:underline;}
#navi-bottom a:hover{color:#fff; text-decoration:underline;}
#navi-bottom a:active{color:#fff; text-decoration:underline;}
/**** navi end ****/