fc2tyle_separateのカラーバリエーション

下の３色のいずれかをスタイルシート部分にそのまま貼り付けて下さい。

配色：緑ベース

/* 全体の設定 */

body, h1, h2, h3, h4, form { margin: 0; padding: 0 }

body {
    background : #ffffff ; 
    margin : 0px ; padding : 0px ; 
    font-size : 100%; 
    font-family:"ＭＳ Ｐ明朝",Osaka,serif; 
    line-height : 150%;
    color : #000; 
}

/* 全体のリンク色 */

a:link{
    color: #000;
    border-bottom: 1px solid #0000ff;
    text-decoration: none;
} 
a:visited {
    color: #000;
    border-bottom: 1px dashed #660099;
    text-decoration: none;
} 
a:active{
    color: #000;
    border-bottom: 1px dashed #660099;
    text-decoration: none;
} 
a:hover{
    color: #000;
    border-top: 1px dashed #ff0000;
    border-bottom: 1px dashed #ff0000;
    text-decoration: none;
}

/* 絵文字画像 */
.emoji{
    margin: auto 0px; 
    vertical-align: middle; 
    float: none;
}

/* 全体の画像 */
img {
    border: none;
    margin: 0 5px 5px 0;
}
img a:link{
    border: none;
}
img a:visited {
    border: none;
}
img a:hover {
    border: none;
}

/* 全体囲み */
#all { 
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: #ffffff;
}

/* ブログタイトル */
h1 {
    font-size: 140%;
    margin: 5px 0 0 0;
    padding: 10px 0px 10px 30px;
    text-align: left;
    background: #ffffff;
    color:#0000ff;
}
/* ブログタイトルのリンク色 */
h1 a:link, h1 a:visited {
    color:#666699;
    text-decoration: none;
    border: none;
}
h1 a:hover, h1 a:active {
    color:#000000;
    text-decoration: none;
    border: none;
}

/* ブログ紹介文 */
.intro {
    font-size: 80%;
    text-align: right;
    color:#000000;
    padding: 0px 10px 0 30px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #999999;
    background: #99cc99;
}

/* left部分囲み */
#left {
    width: 71%;
    float: left;
    overflow: hidden;
    margin: 0px 0px 0px 5px;
    background: #ffffff;
}
.separate  {
    width:49.5%;
    margin:0px;
    padding:0px;
    float:left;
}

/* 記事の見出し(タイトル) */
h2 {
    font-size: 80%;
    color :#000;
    padding: 0px;
    border: 1px solid #999999;
    background: #99cc99;
}

/* 記事の本文 */
.kizi_body {
    background-color: #ffffff;
    color: #000;
    font-size: 90%;
    line-height: 165%;
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
    border:none;
    border: 1px solid #999999;
}
.kizi_body img {
    border: none;
    margin: 0 5px 5px 0;
}

/* 記事のフッター*/
.kizi_tale {
    font-size: 70%;
    line-height: 130%;
    text-align: right;
    margin: 15px 10px 5px;
}

/* 記事最下部のリンク色 */
.kizi_tale a:link{
    color: #000;
    border-bottom: 1px solid #0000ff;
    text-decoration: none;
} 
.kizi_tale a:visited {
    color: #000;
    border-bottom: 1px dashed #660099;
    text-decoration: none;
} 
.kizi_tale a:active{
    color: #000;
    border-bottom: 1px dashed #660099;
    text-decoration: none;
} 
.kizi_tale a:hover{
    color: #000;
    border-top: 1px dashed #ff0000;
    border-bottom: 1px dashed #ff0000;
    text-decoration: none;
}

/* コメント投稿部分を囲う部分 */
.content {
    margin: 0 0 10px 0;
    padding: 15px 15px 0 15px;
    line-height: 1.4;
    border: 1px solid #999999;
}

.comtbtitle {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #999999;
    font-size: 100%;
}
.comtitle {
    background-color: #99cc99;
    color: #000;
}
.comsub,.tbsub {
    margin: 0px;
    font-size: 80%;
    text-align:right;
}

/* レスフォーム設定 */
dl.comform {
    width: 100%;
    margin: 0;
    padding: 0;
}
.comform dt {
    letter-spacing: 0.1em;
}
.comform dd {
    font-size: 90%;
    margin: 0;
    padding: 0 0 0.5em 0;
}
.comform textarea {
    width: 80%;
}
#himitsu {
    width: auto;
}
/* トラックバックリストの設定 */
#trackbacklist {
    font-size: 85%;
    margin: 2.7em 1.7em 0 0;
    padding: 1.7em 0 2.7em 3.7em;
    border-top: 1px solid #7070B2;
}
.tbtitle {
    background-color: #99cc99;
}
/* トラックバックリスト内のリスト */
#trackbacklist li ul {
    margin-top: 0.7em;
    margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
    margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
    margin-bottom: 0.2em;
}

/* trackback uri 表示部分の設定 */
#trackbackbody {
    margin: 0 0 10px 0;
    padding: 10px 15px;
}
#trackbackbody dt {
    margin: 0 0 0 0.7em;
}
#trackbackbody dd {
    font-size: 100%;
}
#trackbackbody dd a {
    text-decoration: underline;
}
#navi { 
    text-align: right;
}
h4#commenthead, h4#trackbackhead {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 6px 0 6px 25px;
    background: #C6C6F2;
    border-width: 0;
}

/* メニュー表示部分 */
#rmenu {
    margin: 0px 5px 0px 0px;
    width: 25%;
    float: right;
    overflow: hidden;
    background: #ffffff;
}

#rmenu h3 {
    font-size: 80%;
    font-weight: bold;
    color: #000;
    border: 1px solid #999999;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding: 2px 0px 2px 0px;
    background: #99cc99;
}

/* メニュー内 */
.rmenubox { 
    font-size: 90%;
    border: 1px solid #999999;
}

/* メニュー内のリスト */
.rmenubox ul {
    font-size: 90%;
    line-height: 160%;
    list-style-type: none;
    padding: 0px 0px 0px 0px; 
    margin: 0px;
}
.rmenubox ul li {
    background: #fff;
    padding: 2px 2px 0 4px;
    list-style-type: none;
}

/* 検索 */
.rmenubox form {
    padding: 3px 0 1em 1.5em; 
    margin: 0;
}
.search {
    font-size: 80%;
    margin: 0 0 1.7em 0;
    padding: 0.7em 0;
    text-align: center;
}
.search input {
    font-size: 100%;
}

#footer{
    clear: both;
    font-size: 80%;
    margin-top: 100px;
    border-top: 1px solid #999999;
    background-color: #dcdcdc;
    width: 100%;
    text-align: right;
}
.ad1 .ad2 {
    font-size: 80%;
}

/*プラグインスタイル*/
.plug_description {
    font-size: 80%;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* カレンダーの設定 */
.calender {
    border-top:1px #999999 solid;
    font-size: 8pt;
    width: 95%;
    padding:0px; margin:0px;
    text-align : center;
    border-spacing:0px;
}

.calender caption {
    font-size: 9pt;
    width: 95%;
    background-color:#ffffff;
    padding: 0px 0px;
}
.calender caption a:link{color:#666699;}
.calender caption a:visited{color:#666699;}
.calender caption a:active{color:#666699;}
.calender caption a:hover{color:#000000;}

.calender th {
    font-size:9pt;
    font-weight: normal;
    padding:0px;
    border: 1px solid #666699;
}
.calender td {
    font-size:8pt;
    text-align: center;
    padding: 0px;
}
.calender td a {
    display: block;
    border: none;
    background-color:#dcdcdc;
    color:#000;
}
.calender td a:hover {
    display: block;
    border: none;
    background-color:#ffffff;
    color:#000;
}
th#sun {color: #CD5C5C;}
th#sat {color: #5F9EA0;}

/* 引用文 */
blockquote {
    background-color: #dddddd;
    border: 1px solid #000;
}

配色：黄色ベース

/* 全体の設定 */

body, h1, h2, h3, h4, form { margin: 0; padding: 0 }

body {
    background : #ffffff ; 
    margin : 0px ; padding : 0px ; 
    font-size : 100%; 
    font-family:"ＭＳ Ｐ明朝",Osaka,serif; 
    line-height : 150%;
    color : #000; 
}

/* 全体のリンク色 */

/* 絵文字画像 */
.emoji{
    margin: auto 0px; 
    vertical-align: middle; 
    float: none;
}

/* 全体の画像 */
img {
    border: none;
    margin: 0 5px 5px 0;
}
img a:link{
    border: none;
}
img a:visited {
    border: none;
}
img a:hover {
    border: none;
}

/* 全体囲み */
#all { 
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: #ffffff;
}

/* ブログ紹介文 */
.intro {
    font-size: 80%;
    text-align: right;
    color:#000000;
    padding: 0px 10px 0 30px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #999999;
    background: #ffffcc;
}

/* 記事の見出し(タイトル) */
h2 {
    font-size: 80%;
    color :#000;
    padding: 0px;
    border: 1px solid #999999;
    background: #ffffcc;
}

/* 記事のフッター*/
.kizi_tale {
    font-size: 70%;
    line-height: 130%;
    text-align: right;
    margin: 15px 10px 5px;
}

/* コメント投稿部分を囲う部分 */
.content {
    margin: 0 0 10px 0;
    padding: 15px 15px 0 15px;
    line-height: 1.4;
    border: 1px solid #999999;
}

.comtbtitle {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #999999;
    font-size: 100%;
}
.comtitle {
    background-color: #ffffcc;
    color: #000;
}
.comsub,.tbsub {
    margin: 0px;
    font-size: 80%;
    text-align:right;
}

/* レスフォーム設定 */
dl.comform {
    width: 100%;
    margin: 0;
    padding: 0;
}
.comform dt {
    letter-spacing: 0.1em;
}
.comform dd {
    font-size: 90%;
    margin: 0;
    padding: 0 0 0.5em 0;
}
.comform textarea {
    width: 80%;
}
#himitsu {
    width: auto;
}
/* トラックバックリストの設定 */
#trackbacklist {
    font-size: 85%;
    margin: 2.7em 1.7em 0 0;
    padding: 1.7em 0 2.7em 3.7em;
    border-top: 1px solid #7070B2;
}
.tbtitle {
    background-color: #ffffcc;
}
/* トラックバックリスト内のリスト */
#trackbacklist li ul {
    margin-top: 0.7em;
    margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
    margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
    margin-bottom: 0.2em;
}

/* メニュー表示部分 */
#rmenu {
    margin: 0px 5px 0px 0px;
    width: 25%;
    float: right;
    overflow: hidden;
    background: #ffffff;
}

/* メニュー内 */
.rmenubox { 
    font-size: 90%;
    border: 1px solid #999999;
}

#footer{
    clear: both;
    font-size: 80%;
    margin-top: 100px;
    border-top: 1px solid #999999;
    background-color: #ffffcc;
    width: 100%;
    text-align: right;
}
.ad1 .ad2 {
    font-size: 80%;
}

/*プラグインスタイル*/
.plug_description {
    font-size: 80%;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* カレンダーの設定 */
.calender {
    border-top:1px #999999 solid;
    font-size: 8pt;
    width: 95%;
    padding:0px; margin:0px;
    text-align : center;
    border-spacing:0px;
}

/* 引用文 */
blockquote {
    background-color: #dddddd;
    border: 1px solid #000;
}

配色：ピンクベース

/* 全体の設定 */

body, h1, h2, h3, h4, form { margin: 0; padding: 0 }

body {
    background : #ffffff ; 
    margin : 0px ; padding : 0px ; 
    font-size : 100%; 
    font-family:"ＭＳ Ｐ明朝",Osaka,serif; 
    line-height : 150%;
    color : #000; 
}

/* 全体のリンク色 */

/* 絵文字画像 */
.emoji{
    margin: auto 0px; 
    vertical-align: middle; 
    float: none;
}

/* 全体の画像 */
img {
    border: none;
    margin: 0 5px 5px 0;
}
img a:link{
    border: none;
}
img a:visited {
    border: none;
}
img a:hover {
    border: none;
}

/* 全体囲み */
#all { 
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: #ffffff;
}

/* ブログ紹介文 */
.intro {
    font-size: 80%;
    text-align: right;
    color:#000000;
    padding: 0px 10px 0 30px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #999999;
    background: #ffccff;
}

/* 記事の見出し(タイトル) */
h2 {
    font-size: 80%;
    color :#000;
    padding: 0px;
    border: 1px solid #999999;
    background: #ffccff;
}

/* 記事のフッター*/
.kizi_tale {
    font-size: 70%;
    line-height: 130%;
    text-align: right;
    margin: 15px 10px 5px;
}

/* コメント投稿部分を囲う部分 */
.content {
    margin: 0 0 10px 0;
    padding: 15px 15px 0 15px;
    line-height: 1.4;
    border: 1px solid #999999;
}

.comtbtitle {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #999999;
    font-size: 100%;
}
.comtitle {
    background-color: #ffccff;
    color: #000;
}
.comsub,.tbsub {
    margin: 0px;
    font-size: 80%;
    text-align:right;
}

/* レスフォーム設定 */
dl.comform {
    width: 100%;
    margin: 0;
    padding: 0;
}
.comform dt {
    letter-spacing: 0.1em;
}
.comform dd {
    font-size: 90%;
    margin: 0;
    padding: 0 0 0.5em 0;
}
.comform textarea {
    width: 80%;
}
#himitsu {
    width: auto;
}
/* トラックバックリストの設定 */
#trackbacklist {
    font-size: 85%;
    margin: 2.7em 1.7em 0 0;
    padding: 1.7em 0 2.7em 3.7em;
    border-top: 1px solid #7070B2;
}
.tbtitle {
    background-color: #ffccff;
}
/* トラックバックリスト内のリスト */
#trackbacklist li ul {
    margin-top: 0.7em;
    margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
    margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
    margin-bottom: 0.2em;
}

/* メニュー表示部分 */
#rmenu {
    margin: 0px 5px 0px 0px;
    width: 25%;
    float: right;
    overflow: hidden;
    background: #ffffff;
}

/* メニュー内 */
.rmenubox { 
    font-size: 90%;
    border: 1px solid #999999;
}

#footer{
    clear: both;
    font-size: 80%;
    margin-top: 100px;
    border-top: 1px solid #999999;
    background-color: #ffccff;
    width: 100%;
    text-align: right;
}
.ad1 .ad2 {
    font-size: 80%;
}

/*プラグインスタイル*/
.plug_description {
    font-size: 80%;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* カレンダーの設定 */
.calender {
    border-top:1px #999999 solid;
    font-size: 8pt;
    width: 95%;
    padding:0px; margin:0px;
    text-align : center;
    border-spacing:0px;
}

.calender th {
    font-size:9pt;
    font-weight: normal;
    padding:0px;
    border: 1px solid #666699;
}
.calender td {
    font-size:8pt;
    text-align: center;
    padding: 0px;
}
.calender td a {
    display: block;
    border: none;
    background-color:#ffccff;
    color:#000;
}
.calender td a:hover {
    display: block;
    border: none;
    background-color:#ffffff;
    color:#000;
}
th#sun {color: #CD5C5C;}
th#sat {color: #5F9EA0;}

/* 引用文 */
blockquote {
    background-color: #dddddd;
    border: 1px solid #000;
}

edit

前後の記事

新リストにアイコンをつけたい
古 FC2ブログ用語辞典トップ

スポンサーサイト

前後の記事

最近の記事

fc2tyle_separateのカラーバリエーション

前後の記事

最近の記事

Search

ＦＣ２blogビギナーズガイド

コラム

作成したツール

月別アーカイブ

Links