FC2blogの着せ替えブログ * 【retro-chic_green】用ＣＳＳ「yellow」

【retro-chic_green】用ＣＳＳ「yellow」

【retro-chic_green】用スタイルシート（ＣＳＳ）です。

暖かいイメージのレトロなグリーンテンプレートが、ちょっとだけクールなイメージになります。たぶん。

こちらは、文字色のみの変更スタイルシートです。
各タイトルのオレンジ色部分を、やわらかなレモンイエローに変更し、それに合わせて全体の文字色を変更しています。

【retro-chic_green】用ＣＳＳ「yellow」

【ご利用方法】

ＦＣ２の共有テンプレートダウンロード画面から、作者名「k」を選び、作者名[kisekae]のブロックから【retro-chic_green】を選び、ダウンロードします。
その後、テンプレートの編集画面へ移り、テンプレート【retro-chic_green】を選びますと、ＨＴＭＬとスタイルシート（ＣＳＳ）の２つのエリアが出てきます。
そうしましたら、以下のテキストエリアの内容をすべてコピーし、テンプレート編集画面の【retro-chic_green】のスタイルシート（ＣＳＳ）のエリアへ上書き保存します。

【retro-chic_green】用ＣＳＳ「yellow」

@charset "EUC-JP";
/* ---------------------------------------------------------
FC2blog用テンプレート：【retro-chic_green】用ＣＳＳ
FC2blogの着せ替えブログ配布ＣＳＳ：【Yellow】
2006.05.27 作成

こちらは【retro-chic_green】着せ替え用スタイルシートです。
必ず、【retro-chic_green】とペアでご利用ください。
※再配布厳禁※

★プラグインのみの対応テンプレートです。
（プラグイン無しでご利用されてもかまいませんが、この件について
のカスタマイズのサポートはご容赦願います。）

★こちらのテンプレートには、背景画像が５種類登録されています。
お好みの１枚を、設定してご利用ください。

★背景画像入換えカスタマイズ不可
（背景画像を外してのご利用は可。）

★画像加工カスタマイズ不可

★テンプレート内画像は、単独でのご利用不可。
必ずこちらのテンプレート内でのみ、ご利用ください。

★プライベートモードでのご利用不可、ブログ上でブログ
管理者とのコンタクトが取れないブログもご利用不可。

★その他のご利用条件につきましては以下のページで確認してください。
http://kisekae.blog3.fc2.com/blog-entry-2.html

ご利用の際には、必ず当ブログのINFORMATIONを
ご覧下さいますようお願いいたします。

Copyright 2004-2005 FC2blogの着せ替えブログ. All rights reserved.
Skin Designed By HANAMITSUKI At FC2blogの着せ替えブログ.
http://kisekae.blog3.fc2.com/

カスタマイズしたら、以下のように、記入しておくと良いです。
Skin Customized By あなたのＨＮ At サイトタイトル.
-----------------------------------------------------------*/

html {
scrollbar-arrow-color: #360;
scrollbar-face-color: #0E480E;
scrollbar-highlight-color: #360;
scrollbar-3dlight-color: #0E480E;
scrollbar-track-color: #0E480E;
scrollbar-shadow-color: #360;
scrollbar-darkshadow-color:#0E480E;
}

/* ---------------------------------------------------------
こちらのテンプレートには、背景画像が５種類登録されています。
お好みの１枚を、設定してご利用ください。

ディフォルトでは、「ポップな壁紙（２色格子）」が設定されて
います。

（「／＊」と「＊／」を外す事で設定する事が出来ます。）

なお、こちらのテンプレートは、予め登録されている５種類の壁紙
以外でのご利用は、お断りいたします。
（背景画像を外してのご利用は可。）
------------------------------------------------------------ */

body {
color: #FFC;
background-color: #040;
margin: 0px;
padding: 0px;
/* ---- 壁紙設定 ▼ ---------------------------------------- */
/* ---- ポップな壁紙（２色斜め格子）---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_03g.gif");*/
/* ---- ポップな壁紙（２色格子）---- */
background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_04g.gif");
/* ---- ポップな壁紙（格子）---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_05g.gif");*/
/* ---- レトロな壁紙（リーフ）---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_01g.gif");*/
/* ---- チェックの壁紙 ---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_02g.gif");*/
/* ---- 壁紙設定 ▲ ---------------------------------------- */
background-repeat: repeat;
background-position: top;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-weight: normal;
text-decoration: none;
/*font-size: 0.84em;*/
font-size: small;
text-align: center;
line-height: 160%;
scrollbar-arrow-color: #360;
scrollbar-face-color: #0E480E;
scrollbar-highlight-color: #360;
scrollbar-3dlight-color: #0E480E;
scrollbar-track-color: #0E480E;
scrollbar-shadow-color: #360;
scrollbar-darkshadow-color:#0E480E;
}

a {
color: #FFC;
background-color: #040;
font-weight: normal;
text-decoration: none;
}

a:link,
a:visited
{
color: #996;
background-color: #040;
font-weight: normal;
text-decoration: none;
}

a:active,
a:hover
{
color: #9F6;
background-color: #040;
font-weight: normal;
text-decoration: none;
}

/* ---------------------------------------------------------
カラム間の隙間が、目にうるさく感じられる方は、以下の
「＃container」内のbackground-color設定行の「／＊」と「＊／」
を外して、背景色を設定すると良いかもしれません。
------------------------------------------------------------ */
div#container {
/*background-color: #0E480E;*/
width:768px;
margin: 10px auto 0px auto;
padding: 0px;
text-align:left;
}

/* branding ▼ ----------------------- */

div#branding {
color: #FFC;
background-color: #030;
width: 768px;
margin: 0px 0px 4px 0px;
padding: 16px 0px 16px 0px;
text-align: center;
}

div#branding a {
color: #FFC;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#branding a:link,
div#branding a:visited
{
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#branding a:active,
div#branding a:hover
{
color: #9F6;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#branding h1 {
margin: 0px;
padding: 0px;
color: #FF9;
background-color: #030;
/*font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;*/
font-family: "Comic Sans MS",Verdana,sans-serif,Geneva,"Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック";
font-size: 20px;
font-weight: bold;
text-decoration: none;
}

div#branding h1 a,
div#branding h1 a:link,
div#branding h1 a:visited,
div#branding h1 a:active,
div#branding h1 a:hover
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

p#description {
font-size: 14px;
font-weight: bold;
margin: 0px 10px 0px 10px;
padding: 20px 0px 0px 0px;
}

/* branding ▲ ----------------------- */

div#wrapper {
float: left;
width: 574px;
margin: 0px;
padding: 0px;
}

/* content ▼ ------------------------ */

/* ---------------------------------------------------------
記事内に入れる事が出来る画像は、最大で350pxです。
------------------------------------------------------------ */

div#content {
float: right;
width: 380px;
margin: 0px;
padding: 0px;
}

/* 文字色、背景色 ▽ ---------- */

div.entry,
div#cm,
div#tb
{
width: 380px;
color: #FFC;
background-color: #030;
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
/*overflow: hidden;*/
}

div.entry a,
div#cm a,
div#tb a
{
color: #FFC;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div.entry a:link,
div.entry a:visited,
div#cm a:link,
div#cm a:visited,
div#tb a:link,
div#tb a:visited
{
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div.entry a:active,
div.entry a:hover,
div#cm a:active,
div#cm a:hover,
div#tb a:active,
div#tb a:hover
{
color: #9F6;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

/* 文字色、背景色 △ ---------- */

div.e-base,
div#c-base,
div#t-base
{
margin: 0px 14px 0px 14px;
padding: 0px 0px 0px 0px;
}

/* 見出し ▽ ---------- */

h2.e-title,
h4.c-title,
h4.t-title
{
color: #FF9;
background-color: #030;
margin: 0px;
padding: 10px 0px 5px 0px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

h2.e-title a,
h2.e-title a:link,
h2.e-title a:visited,
div#tb h4.t-title a,
div#tb h4.t-title a:link,
div#tb h4.t-title a:visited
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

h2.e-title a:active,
h2.e-title a:hover,
div#tb h4.t-title a:active,
div#tb h4.t-title a:hover
{
color: #9F6;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

div#cm h4.c-title a,
div#cm h4.c-title a:link,
div#cm h4.c-title a:visited,
div#cm h4.c-title a:active,
div#cm h4.c-title a:hover
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

h2.s-title,
h3.s-title
{
color: #FF9;
background-color: #030;
margin: 0px;
padding: 10px 0px 10px 0px;
font-family: "Comic Sans MS",Verdana,Geneva,sans-serif,"Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック";
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
border-bottom: #360 2px dotted;
}

div#cm h3.s-title a,
div#cm h3.s-title a:link,
div#cm h3.s-title a:visited,
div#cm h3.s-title a:active,
div#cm h3.s-title a:hover,
div#tb h3.s-title a,
div#tb h3.s-title a:link,
div#tb h3.s-title a:visited,
div#tb h3.s-title a:active,
div#tb h3.s-title a:hover
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

ol.date {
color: #FF9;
background-color: #030;
margin: 0px;
padding: 3px 0px 0px 0px;
font-family: "Comic Sans MS",Verdana,Geneva,sans-serif,"Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック";
font-size: 12px;
font-weight: normal;
text-decoration:none;
text-align: right;
border-bottom: #360 2px dotted;
}

/* 見出し △ ---------- */

.e-body,
.c-body,
.t-body
{
margin: 0px;
padding: 10px 0px 10px 0px;
line-height: 160%;
}

.e-more
{
margin: 0px;
padding: 0px;
line-height: 160%;
}

ul.e-state
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
text-align: right;
}

ul.c-state,
ul.t-state
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 6px 0px;
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
text-align: right;
border-bottom: #360 2px dotted;
}

p.s-footer {
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: right;
}

/* 引用部分装飾 */

blockquote {
border : 1px dotted #360;
margin: 5px 0px 5px 10px;
padding: 0px 10px 5px 10px;
}

/* 投稿画像の枠や線 */

.e-body img,
.e-more img {
margin: 6px 0px 6px 0px;
padding: 2px;
} 

/* 絵文字 */

img.emoji
{
background-color: transparent;
margin: 0px 2px 0px 2px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
border: 0px;
}

#ping
{
margin: 30px 0px 10px 0px;
padding:0px;
}

.t-list dt {
margin: 0px;
padding: 0px;
}

.t-list dd {
margin: 0px 0px 0px 20px;
padding: 0px 0px 20px 0px;
}

/* コメント投稿フォーム関係 ▽ ------------ */

form,dl,dt,dd {
color: #FFC;
background-color: #030;
margin: 0px;
padding: 0px;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

input,textarea {
color: #FFC;
background-color: #0E480E;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
border-left:1px solid #360;
border-right:1px solid #360;
border-top:1px solid #360;
border-bottom:1px solid #360;
scrollbar-arrow-color: #360;
scrollbar-face-color: #0E480E;
scrollbar-highlight-color: #360;
scrollbar-3dlight-color: #0E480E;
scrollbar-track-color: #0E480E;
scrollbar-shadow-color: #360;
scrollbar-darkshadow-color:#0E480E;
}

.button {
color: #FF9;
background-color: #0E480E;
border-left:1px solid #360;
border-right:1px solid #360;
border-top:1px solid #360;
border-bottom:1px solid #360;
}

label {
color: #FF9;
background-color: #030;
font-family: "Comic Sans MS",Verdana,Geneva,sans-serif,"Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック";
font-size: 12px;
}

/* コメント投稿フォーム関係 △ ------------ */

div#e-navi,
div#p-navi
{
width: 380px;
color: #FF9;
background-color: #030;
margin: 0px 0px 3px 0px;
padding: 5px 0px 5px 0px;
text-align: center;
}

div#e-navi a,
div#e-navi a:link,
div#e-navi a:visited,
div#p-navi a,
div#p-navi a:link,
div#p-navi a:visited
{
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#e-navi a:active,
div#e-navi a:hover,
div#p-navi a:active,
div#p-navi a:hover
{
color: #9F6;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

ul.navi {
margin: 0px;
padding: 0px;
list-style: none;
}

/* content ▲ ----------------------- */

/* side ▼ ----------------------- */

/* ---------------------------------------------------------
サイドバー内に入れる事が出来る画像は、165pxが目安です。
------------------------------------------------------------ */

div#side-l {
float: left;
width: 184px;
margin: 0px;
padding: 0px;
font-family: Verdana,sans-serif,Geneva,"Osaka－等幅","平成角ゴシック","ＭＳ ゴシック",monospace;
font-size: 10px;
line-height: 140%;
/*overflow: hidden;*/
}

div#side-r {
float: right;
width: 184px;
margin: 0px;
padding: 0px;
font-family: Verdana,sans-serif,Geneva,"Osaka－等幅","平成角ゴシック","ＭＳ ゴシック",monospace;
font-size: 10px;
line-height: 140%;
/*overflow: hidden;*/
}

/* メニュータイトル */

.m-title {
color: #FF9;
background-color: #030;
margin: 0px 0px 2px 0px;
padding: 6px 8px 5px 8px;
font-family: "Comic Sans MS",Verdana,Geneva,sans-serif,"Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック";
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

/* 文字色、背景 ▽ ---------- */

div.s-text {
color: #FFC;
background-color: #030;
margin: 0px 0px 4px 0px;
padding: 10px 8px 10px 8px;
}

div.s-text a {
color: #FFC;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div.s-text a:link,
div.s-text a:visited
{
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div.s-text a:active,
div.s-text a:hover
{
color: #9F6;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

/* 文字色、背景 △ ---------- */

.p-d1 {
margin: 0px 0px 4px 0px;
padding: 0px;
}

.p-d2 {
margin: 0px;
padding: 0px;
}

.s-text ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.s-text li {
background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/hishi10gu.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 10px;
}

.plugin-myimage {
margin: 6px 0px 6px 0px;
padding: 0px;
}

div.plugin-calender {
margin: 0px 0px 0px 20px;
padding: 0px;
}

.plugin-calender table {
font-size: 10px;
}

div.s-text form {
color: #FFC;
background-color: #030;
margin: 0px;
padding: 0px;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

div.s-text input,
div.s-text textarea
{
color: #FFC;
background-color: #0E480E;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
border-left:1px solid #360;
border-right:1px solid #360;
border-top:1px solid #360;
border-bottom:1px solid #360;
scrollbar-arrow-color: #360;
scrollbar-face-color: #0E480E;
scrollbar-highlight-color: #360;
scrollbar-3dlight-color: #0E480E;
scrollbar-track-color: #0E480E;
scrollbar-shadow-color: #360;
scrollbar-darkshadow-color:#0E480E;
}

/* FC2広告部分 */
p#fc2ad {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 160%;
text-align: center;
border: 1px solid #360;
}

p#sign {
color: #FF9;
background-color: #030;
font-weight: normal;
text-decoration: none;
text-align: center;
line-height: 160%;
}

/* side ▲ ----------------------- */

/* footer ▼ ------------------ */

div#footer {
clear: both;
width: 768px;
color: #FFC;
background-color: #030;
margin: 0px 0px 6px 0px;
padding: 8px 0px 10px 0px;
line-height: 120%;
text-align: center;
}

div#footer a {
color: #FFC;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#footer a:link,
div#footer a:visited
{
color: #996;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

div#footer a:active,
div#footer a:hover
{
color: #9F6;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

/* copyright */

#copyright {
margin: 0px;
padding: 0px;
font-family: "Comic Sans MS",Verdana,sans-serif,Geneva,"Osaka","平成角ゴシック","ＭＳ Ｐゴシック";
font-size: 12px;
}

/* footer ▲ ----------------------- */

/* 文字関係スタイル ▼ ------------------ */

span.em-b
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}
span.em-b a,
span.em-b a:link,
span.em-b a:visited
{
color: #FF9;
background-color: #030;
font-weight: bold;
text-decoration: none;
}
span.em-b a:active,
span.em-b a:hover
{
color: #9F6;
background-color: #030;
font-weight: bold;
text-decoration: none;
}

.l-mark {
color: #CF3;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

.hdn {display: none;}

.hdn2 {
color: #030;
background-color: #030;
font-weight: normal;
text-decoration: none;
}
div.entry a.hdn2,
div.entry a.hdn2:link,
div.entry a.hdn2:visited,
div.entry a.hdn2:active,
div.entry a.hdn2:hover
{
color: #030;
background-color: #030;
font-weight: normal;
text-decoration: none;
}

ul.st,ol.st{list-style: none;}
ul.st li,ol.st li{display: inline;}

/* 文字関係スタイル ▲ ------------------ */

上記は【retro-chic_green】用スタイルシート（ＣＳＳ）です。
必ず、【retro-chic_green】とペアでご利用ください。
※再配布厳禁※

FC2 Blog Ranking