FC2blogの着せ替えブログ * 【candy-color_b】用ＣＳＳ「アジサイもしくはライラック」

【candy-color_b】用ＣＳＳ「アジサイもしくはライラック」

【candy-color_b】用スタイルシート（ＣＳＳ）です。
アジサイもしくはライラックのイメージで作りました。
こちらは、文字色と背景画像変更スタイルシートです。
【candy-color_b】用ＣＳＳ「アジサイもしくはライラック」
【ご利用方法】
ＦＣ２の共有テンプレートダウンロード画面から、作者名「K」を選び、作者名[kisekae]のブロックから【candy-color_b】を選び、ダウンロードします。
その後、テンプレートの編集画面へ移り、テンプレート【candy-color_b】を選びますと、ＨＴＭＬとスタイルシート（ＣＳＳ）の２つのエリアが出てきます。
そうしましたら、以下のテキストエリアの内容をすべてコピーし、テンプレート編集画面の【candy-color_b】のスタイルシート（ＣＳＳ）のエリアへ上書き保存します。
【candy-color_b】用ＣＳＳ「アジサイもしくはライラック」
@charset "EUC-JP";
/* ---------------------------------------------------------
FC2blog用テンプレート：【candy-color_b】用ＣＳＳ
FC2blogの着せ替えブログ配布ＣＳＳ：【アジサイもしくはライラック】
2006.06.05 作成

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

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

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

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

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

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

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

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

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

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

html {
scrollbar-arrow-color: #FFF;
scrollbar-face-color: #E8E3FA;
scrollbar-highlight-color: #E8E3FA;
scrollbar-3dlight-color: #FCFCFC;
scrollbar-track-color: #FCFCFC;
scrollbar-shadow-color: #E8E3FA;
scrollbar-darkshadow-color: #FCFCFC;
}

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

ディフォルトでは、「フラワーな壁紙」が設定されて
います。

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

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

body {
color: #666;
background-color: #F1F1E5;
margin: 0px;
padding: 0px;
/* ---- 壁紙設定 ▼ ---------------------------------------- */
/* ---- フラワーな壁紙 ---- */
background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_01ba.gif");
/* ---- タイルな壁紙 ---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_02ba.gif");*/
/* ---- チェックな壁紙 ---- */
/*background-image: url("http://blog-imgs-24.fc2.com/k/i/s/kisekae/bg_03ba.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: #FFF;
scrollbar-face-color: #E8E3FA;
scrollbar-highlight-color: #E8E3FA;
scrollbar-3dlight-color: #FCFCFC;
scrollbar-track-color: #FCFCFC;
scrollbar-shadow-color: #E8E3FA;
scrollbar-darkshadow-color: #FCFCFC;
}

a {
color: #666;
background-color: #F1F1E5;
font-weight: normal;
text-decoration: none;
}

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

a:active,
a:hover
{
color: #F9C;
background-color: #F1F1E5;
font-weight: normal;
text-decoration: none;
}

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

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

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

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

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

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

div#branding h1 {
margin: 0px;
padding: 0px;
color: #096;
background-color: #FCFCFC;
/*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: #096;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}

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

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

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

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

div#content {
float: left;
width: 388px;
margin: 0px;
padding: 0px;
}

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

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

div.entry a,
div#cm a,
div#tb a
{
color: #666;
background-color: #FCFCFC;
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: #D75981;
background-color: #FCFCFC;
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: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

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

div.entry div.e-base,
div#cm div#c-base,
div#tb div#t-base
{
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}

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

div.entry h2.e-title,
div#cm h4.c-title,
div#tb h4.t-title
{
color: #C69;
background-color: #FCFCFC;
margin: 0px;
padding: 10px 0px 5px 0px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

div.entry h2.e-title a,
div.entry h2.e-title a:link,
div.entry 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: #C69;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}

div.entry h2.e-title a:active,
div.entry h2.e-title a:hover,
div#tb h4.t-title a:active,
div#tb h4.t-title a:hover
{
color: #F9C;
background-color: #FCFCFC;
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: #C69;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}

h2.s-title,
h3.s-title
{
color: #C69;
background-color: #FCFCFC;
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: #CBB 1px solid;
}

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: #C69;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}

ol.date {
color: #C69;
background-color: #FCFCFC;
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: #CBB 1px solid;
}

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

.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%;
}

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

div.entry ul.e-state a,
div.entry ul.e-state a:link,
div.entry ul.e-state a:visited
{
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

div.entry ul.e-state a:active,
div.entry ul.e-state a:hover
{
color: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

div#cm ul.c-state,
div#tb ul.t-state
{
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
margin: 10px 0px 0px 0px;
padding: 0px 0px 6px 0px;
text-align: right;
border-bottom: #CBB 1px solid;
}

div#cm ul.c-state a,
div#cm ul.c-state a:link,
div#cm ul.c-state a:visited,
div#tb ul.t-state a,
div#tb ul.t-state a:link,
div#tb ul.t-state a:visited
{
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

div#cm ul.c-state a:active,
div#cm ul.c-state a:hover,
div#tb ul.t-state a:active,
div#tb ul.t-state a:hover
{
color: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

div.entry p.s-footer,
div#cm p.s-footer,
div#tb p.s-footer
{
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: right;
}

div.entry p.s-footer a,
div.entry p.s-footer a:link,
div.entry p.s-footer a:visited,
div#cm p.s-footer a,
div#cm p.s-footer a:link,
div#cm p.s-footer a:visited,
div#tb p.s-footer a,
div#tb p.s-footer a:link,
div#tb p.s-footer a:visited
{
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}
div.entry p.s-footer a:active,
div.entry p.s-footer a:hover,
div#cm p.s-footer a:active,
div#cm p.s-footer a:hover,
div#tb p.s-footer a:active,
div#tb p.s-footer a:hover
{
color: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

/* 引用部分装飾 */

blockquote {
border : 1px dotted #99C;
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: #666;
background-color: #FCFCFC;
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: #666;
background-color: #FFF;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
border-left:1px solid #CC8492;
border-right:1px solid #CC8492;
border-top:1px solid #CC8492;
border-bottom:1px solid #CC8492;
scrollbar-arrow-color: #CC8492;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #CC8492;
scrollbar-3dlight-color: #FFF;
scrollbar-track-color: #FFF;
scrollbar-shadow-color: #CC8492;
scrollbar-darkshadow-color:#FFF;
}

.button {
color: #C69;
background-color: #FFF;
border-left:1px solid #CC8492;
border-right:1px solid #CC8492;
border-top:1px solid #CC8492;
border-bottom:1px solid #CC8492;
}

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

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

div#e-navi,
div#p-navi
{
width: 388px;
color: #666;
background-color: #FCFCFC;
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: #666;
background-color: #FCFCFC;
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: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

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

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

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

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

div#wrapper {
color: #666;
background-color: #FCFCFC;
float: right;
width: 370px;
margin: 0px 0px 3px 0px;
padding: 0px;
}

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

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

.m-title {
color: #669;
background-color: #FCFCFC;
/*background-color: #F6F3FF;*/
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: #666;
background-color: #FCFCFC;
margin: 0px 0px 4px 0px;
padding: 10px 8px 10px 8px;
}

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

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

div.s-text a:active,
div.s-text a:hover
{
color: #F9C;
background-color: #FCFCFC;
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 {
margin: 0px 0px 4px 0px;
padding: 0px;
border-bottom: #CCF 1px dotted;
}

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

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

.plugin-calender table {
color: #666;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}

.plugin-calender table a:link,
.plugin-calender table a:visited
{
color: #66F;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

.plugin-calender table a:active,
.plugin-calender table a:hover
{
color: #F9C;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

div.s-text form {
color: #666;
background-color: #FCFCFC;
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: #666;
background-color: #FFF;
font-family: "Osaka","平成角ゴシック","MS UI Gothic","ＭＳ Ｐゴシック",Verdana,sans-serif,Geneva;
font-size: 12px;
border-left:1px solid #99C;
border-right:1px solid #99C;
border-top:1px solid #99C;
border-bottom:1px solid #99C;
scrollbar-arrow-color: #99C;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #99C;
scrollbar-3dlight-color: #FFF;
scrollbar-track-color: #FFF;
scrollbar-shadow-color: #99C;
scrollbar-darkshadow-color:#FFF;
}

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

p#sign {
text-align: center;
line-height: 160%;
}

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

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

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

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

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

div#footer a:active,
div#footer a:hover
{
color: #F9C;
background-color: #FCFCFC;
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: #C69;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}
span.em-b a,
span.em-b a:link,
span.em-b a:visited
{
color: #C69;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}
span.em-b a:active,
span.em-b a:hover
{
color: #F9C;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none;
}

.hdn {display: none;}

.hdn2 {
color: #FCFCFC;
background-color: #FCFCFC;
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: #FCFCFC;
background-color: #FCFCFC;
font-weight: normal;
text-decoration: none;
}

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

/* 文字関係スタイル ▲ ------------------ */
上記は【candy-color_b】用スタイルシート（ＣＳＳ）です。
必ず、【candy-color_b】とペアでご利用ください。
※再配布厳禁※
FC2 Blog Ranking