「Transparently」の CSS スタイルシートを以下のスタイルシートで上書きしてください。
Serene Bach 用
@charset "{site_encoding}";
/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
:title "Transparently スタイル #003";
:description "各パーツの画像と色設定及び外部スタイルシートの呼び出しを行います。";
:created "2008-04-25";
:release [:revision "1.01"; :created "2008-04-28"];
:author [:name "Rin Ishizawa"; :homepage <http://riszw.com/>; :mbox "info@riszw.com"];
:license <http://creativecommons.org/licenses/by-nc-sa/3.0/>;
:note "
import: 外部スタイルシートを呼び出します。
color: 各パーツの色と文字色を設定します。
image: 各パーツの画像を設定します。
other: その他微調整可能な項目です。
" .
*/
/* *******************************************************************
*
* import (この部分は編集しないでください)
*
*/ @import url("{site_parts}ri_st007.css");
/*
******************************************************************* */
/* *******************************************************************
*
* color
*
******************************************************************* */
/*
背景色と文字色を設定するときは、淡い背景色のときは濃い文字色・濃い背景色のときは
淡い文字色にするなどして、読みづらくならないようにお気をつけください。
*/
/* ページ全体の背景色と文字色を指定します。 */
body,
#header {
color: #666666;
background-color: #273f64;
}
/* ブログ説明文の文字色を指定します。 */
p.description { color: #eeeeee; }
/*
ナビゲーションの背景色を指定します。選択肢は次の 2 つです。
1) クリーム色 #fdfcf2
2) 淡いグレー #eeeeee
*/
#navigation {
background-color: #eeeeee;
}
/*
ナビゲーションのタイトル ( Entries など) の背景色と文字色を指定します。
*/
#navigation dt {
color: #666666; /* 通常時の文字色 */
background-color: #dddddd; /* 通常時の背景色 */
}
/* リンク文字色を指定します。 */
a { color: #d05623; } /* 通常のリンク文字色 */
a:hover { color: #a20f0f; } /* マウスカーソルが乗ったときの文字色 */
/* ブログタイトル文字列のリンク文字色を指定します。 */
h1 a { color: #eeeeee; } /* 通常のリンク文字色 */
h1 a:hover { color: #ffffff; } /* マウスカーソルが乗ったときの文字色 */
/* 記事タイトル文字列のリンク文字色を指定します。 */
h2 a { color: #666666; } /* 通常のリンク文字色 */
h2 a:hover { color: #666666; } /* マウスカーソルが乗ったときの文字色 */
/* フッタの文字色とリンク文字色を指定します。 */
#footer { color: #eeeeee; } /* 通常の文字色 */
#footer a { color: #ffffff; } /* 通常のリンク文字色 */
#footer a:hover { color: #eeeeee; } /* マウスカーソルが乗ったときの文字色 */
/* ( IE 6 対策・先頭の _ は消さないでください・#footer に指定した color と同じ色を指定してください) */
p.description { _color: #eeeeee; }
/* 記事タイトル上部の罫線の色を指定します。 */
div.section {
border-top: 3px solid #273f64; /* 上の罫線 */
}
h2 {
margin-top: 1px; /* 上下の罫線の余白 */
border-top: 2px solid #dddddd; /* 下の罫線 */
}
/* ブログタイトルの背景色を指定します。( IE 6 対策・先頭の _ は消さないでください) */
h1 {
_background-color: #233756;
}
/* *******************************************************************
*
* image
*
******************************************************************* */
/*
上で選択したナビゲーションの背景色に応じた画像を指定します。
1) クリーム色
2) 淡いグレー
3) 上部ナビゲーションなし (背景色は淡いグレー)
footer は↑ボタンがそれぞれ 2 種類ありますので body の background-color に対して
↑ボタンが見やすい方いずれか 1 つを指定してください。
使いたい部分のコメントをつけ外ししてお使いください。
*/
/* 1) クリーム色 ( #footer は白背景ボタン _cw.png と黒背景ボタン _cg.png があります) */
/*
body { background-image: url({site_parts}ri_st007_bg_body_c.png); }
#header { background-image: url({site_parts}ri_st007_bg_header_c.png); }
#content { background-image: url({site_parts}ri_st007_bg_content_c.png); }
#navigation dt { background-image: url({site_parts}ri_st007_bg_naviTitle_c.png); }
#footer { background-image: url({site_parts}ri_st007_bg_footer_cw.png); }
*/
/* 2) 淡いグレー ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
/*
body { background-image: url({site_parts}ri_st007_bg_body_g.png); }
#header { background-image: url({site_parts}ri_st007_bg_header_g.png); }
#content { background-image: url({site_parts}ri_st007_bg_content_g.png); }
#navigation dt { background-image: url({site_parts}ri_st007_bg_naviTitle_g.png); }
#footer { background-image: url({site_parts}ri_st007_bg_footer_gw.png); }
*/
/* 3) クリーム色・上部グラデーションなし ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
/*
body { background-image: none; }
#header { background-image: url({site_parts}ri_st007_bg_header_c_ng.png); }
#content { background-image: url({site_parts}ri_st007_bg_content_c.png); }
#navigation dt { background-image: url({site_parts}ri_st007_bg_naviTitle_c.png); }
#footer { background-image: url({site_parts}ri_st007_bg_footer_cg.png); }
*/
/* 4) 淡いグレー・上部グラデーションなし ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
body { background-image: none; }
#header { background-image: url({site_parts}ri_st007_bg_header_g_ng.png); }
#content { background-image: url({site_parts}ri_st007_bg_content_g.png); }
#navigation dt { background-image: url({site_parts}ri_st007_bg_naviTitle_g.png); }
#footer { background-image: url({site_parts}ri_st007_bg_footer_gw.png); }
/* *******************************************************************
*
* other
*
******************************************************************* */
h1 a {
/* タイトル文字列の上部余白を指定します。 */
padding-top: 24px;
/* タイトル文字列の左寄せ・中央寄せ・右寄せを指定します。 */
text-align: center;
}
div.text {
/* 本文の行間を指定します。単位は不要です。 */
line-height: 1.4;
/* 本文の文字サイズを指定します。13px = 100%, 14px = 108%, 15px = 116% */
font-size: 108%;
}
/* *******************************************************************
*
* ( IE 6 対策・この部分は編集しないでください)
*
*/ body { _background-image: none; }
#header { _background-image: url({site_parts}ri_st007_bg_header.gif); }
#content { _background-image: url({site_parts}ri_st007_bg_content.gif); }
#navigation { _background-color: #eeeeee; }
#navigation dt { _background-image: url({site_parts}ri_st007_bg_naviTitle.gif); }
#footer { _background-image: url({site_parts}ri_st007_bg_footer.gif); }
/*
******************************************************************* */
sb 用
/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
:title "Transparently スタイル #003";
:description "各パーツの画像と色設定及び外部スタイルシートの呼び出しを行います。";
:created "2008-04-25";
:release [:revision "1.01"; :created "2008-04-28"];
:author [:name "Rin Ishizawa"; :homepage <http://riszw.com/>; :mbox "info@riszw.com"];
:license <http://creativecommons.org/licenses/by-nc-sa/3.0/>;
:note "
import: 外部スタイルシートを呼び出します。
color: 各パーツの色と文字色を設定します。
image: 各パーツの画像を設定します。
other: その他微調整可能な項目です。
" .
*/
/* *******************************************************************
*
* import (この部分は編集しないでください)
*
*/ @import url("./__template/ri_st007.css");
/*
******************************************************************* */
/* *******************************************************************
*
* color
*
******************************************************************* */
/*
背景色と文字色を設定するときは、淡い背景色のときは濃い文字色・濃い背景色のときは
淡い文字色にするなどして、読みづらくならないようにお気をつけください。
*/
/* ページ全体の背景色と文字色を指定します。 */
body,
#header {
color: #666666;
background-color: #273f64;
}
/* ブログ説明文の文字色を指定します。 */
p.description { color: #eeeeee; }
/*
ナビゲーションの背景色を指定します。選択肢は次の 2 つです。
1) クリーム色 #fdfcf2
2) 淡いグレー #eeeeee
*/
#navigation {
background-color: #eeeeee;
}
/*
ナビゲーションのタイトル ( Entries など) の背景色と文字色を指定します。
*/
#navigation dt {
color: #666666; /* 通常時の文字色 */
background-color: #dddddd; /* 通常時の背景色 */
}
/* リンク文字色を指定します。 */
a { color: #d05623; } /* 通常のリンク文字色 */
a:hover { color: #a20f0f; } /* マウスカーソルが乗ったときの文字色 */
/* ブログタイトル文字列のリンク文字色を指定します。 */
h1 a { color: #eeeeee; } /* 通常のリンク文字色 */
h1 a:hover { color: #ffffff; } /* マウスカーソルが乗ったときの文字色 */
/* 記事タイトル文字列のリンク文字色を指定します。 */
h2 a { color: #666666; } /* 通常のリンク文字色 */
h2 a:hover { color: #666666; } /* マウスカーソルが乗ったときの文字色 */
/* フッタの文字色とリンク文字色を指定します。 */
#footer { color: #eeeeee; } /* 通常の文字色 */
#footer a { color: #ffffff; } /* 通常のリンク文字色 */
#footer a:hover { color: #eeeeee; } /* マウスカーソルが乗ったときの文字色 */
/* ( IE 6 対策・先頭の _ は消さないでください・#footer に指定した color と同じ色を指定してください) */
p.description { _color: #eeeeee; }
/* 記事タイトル上部の罫線の色を指定します。 */
div.section {
border-top: 3px solid #273f64; /* 上の罫線 */
}
h2 {
margin-top: 1px; /* 上下の罫線の余白 */
border-top: 2px solid #dddddd; /* 下の罫線 */
}
/* ブログタイトルの背景色を指定します。( IE 6 対策・先頭の _ は消さないでください) */
h1 {
_background-color: #233756;
}
/* *******************************************************************
*
* image
*
******************************************************************* */
/*
上で選択したナビゲーションの背景色に応じた画像を指定します。
1) クリーム色
2) 淡いグレー
3) 上部ナビゲーションなし (背景色は淡いグレー)
footer は↑ボタンがそれぞれ 2 種類ありますので body の background-color に対して
↑ボタンが見やすい方いずれか 1 つを指定してください。
使いたい部分のコメントをつけ外ししてお使いください。
*/
/* 1) クリーム色 ( #footer は白背景ボタン _cw.png と黒背景ボタン _cg.png があります) */
/*
body { background-image: url(./__template/ri_st007_bg_body_c.png); }
#header { background-image: url(./__template/ri_st007_bg_header_c.png); }
#content { background-image: url(./__template/ri_st007_bg_content_c.png); }
#navigation dt { background-image: url(./__template/ri_st007_bg_naviTitle_c.png); }
#footer { background-image: url(./__template/ri_st007_bg_footer_cw.png); }
*/
/* 2) 淡いグレー ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
/*
body { background-image: url(./__template/ri_st007_bg_body_g.png); }
#header { background-image: url(./__template/ri_st007_bg_header_g.png); }
#content { background-image: url(./__template/ri_st007_bg_content_g.png); }
#navigation dt { background-image: url(./__template/ri_st007_bg_naviTitle_g.png); }
#footer { background-image: url(./__template/ri_st007_bg_footer_gw.png); }
*/
/* 3) クリーム色・上部グラデーションなし ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
/*
body { background-image: none; }
#header { background-image: url(./__template/ri_st007_bg_header_c_ng.png); }
#content { background-image: url(./__template/ri_st007_bg_content_c.png); }
#navigation dt { background-image: url(./__template/ri_st007_bg_naviTitle_c.png); }
#footer { background-image: url(./__template/ri_st007_bg_footer_cg.png); }
*/
/* 4) 淡いグレー・上部グラデーションなし ( #footer は白背景ボタン _gw.png と黒背景ボタン _gg.png があります) */
body { background-image: none; }
#header { background-image: url(./__template/ri_st007_bg_header_g_ng.png); }
#content { background-image: url(./__template/ri_st007_bg_content_g.png); }
#navigation dt { background-image: url(./__template/ri_st007_bg_naviTitle_g.png); }
#footer { background-image: url(./__template/ri_st007_bg_footer_gw.png); }
/* *******************************************************************
*
* other
*
******************************************************************* */
h1 a {
/* タイトル文字列の上部余白を指定します。 */
padding-top: 24px;
/* タイトル文字列の左寄せ・中央寄せ・右寄せを指定します。 */
text-align: center;
}
div.text {
/* 本文の行間を指定します。単位は不要です。 */
line-height: 1.4;
/* 本文の文字サイズを指定します。13px = 100%, 14px = 108%, 15px = 116% */
font-size: 108%;
}
/* *******************************************************************
*
* ( IE 6 対策・この部分は編集しないでください)
*
*/ body { _background-image: none; }
#header { _background-image: url(./__template/ri_st007_bg_header.gif); }
#content { _background-image: url(./__template/ri_st007_bg_content.gif); }
#navigation { _background-color: #eeeeee; }
#navigation dt { _background-image: url(./__template/ri_st007_bg_naviTitle.gif); }
#footer { _background-image: url(./__template/ri_st007_bg_footer.gif); }
/*
******************************************************************* */