FC2掲示板テンプレート「green」 ++マシマロック

FC2掲示板テンプレート green

	green
	サンプルページ

テンプレート仕様

マルチスレッドタイプ
幅可変式
文字色非対応

修正

2010/05/13 広告サイズ変更のため修正＆プレビュー画面に入力フォーム追加

別カラー

「green」のスタイルシートを差し替えてご使用ください。

blue
サンプルページ

/*--------------------------------------------------
テンプレート：blue

カスタマイズは利用規約の範囲内でお願いします

画像加工はサイズ変更のみ可（それ以外は禁止）
再配布・著作権削除・改変禁止（カスタマイズ後も）

アダルト・違法サイト使用禁止

詳しい規約はサイトで確認してください
http://masimarock.yokochou.com/
--------------------------------------------------*/

body{
color:#337788;
margin:0 0 15px 0;
text-align:center;
font-size:13px;
*font-size:small;
*font:x-small;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
background:#FDFDFD;}

input,textarea{
font-size:100%;}

table{
width:100%;
border:0px;
border-collapse:collapse;}

td,form,h1,h2,h3,ul,ol,dl,dt,dd{
margin:0;
padding:0;}

/* 全体 */
#container{
width:70%;
margin:0 auto;
text-align:left;}

/*--------------------------------------------------
	リンク
--------------------------------------------------*/
/* 全体 */
a{
color:#EAFFFF;
text-decoration:none;}

a:hover{
color:#00AABB;
background:#EAFFFF;
text-decoration:none;}

a img{
border:none;}

/* ヘッダー */
h1 a:hover,#navigation a:hover{
color:#FFFF66;
background:none;}

/* ページリンク */
.pagelink a{
color:#00AABB;
margin:0 2px;}

.pagelink a:hover{
color:#888;
background:none;}

/* フッター */
#footer_ad a,div.copyright a{
color:#888;}

#footer_ad a:hover,div.copyright a:hover{
color:#00AABB;
background:none;
text-decoration:none;}

/*--------------------------------------------------
	table
--------------------------------------------------*/
/* 親記事 */
table.main{
margin-bottom:20px;}

.main td{
background:#33C6DF;}

.main .td1{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/top_bl_l.gif) no-repeat;}

.main .td2{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/top_bl_r.gif) no-repeat;}

.main .td3{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/bottom_bl_l.gif) no-repeat;}

.main .td4{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/bottom_bl_r.gif) no-repeat;}

.main td img,table.res td img{
display:none;}

/* 返信 */
div.yohaku{
padding:15px 0 5px 80px;}

table.res td{
color:#11667C;
background:#00B6CF;}

.res .td1{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/re_top_bl_l.gif) no-repeat;}

.res .td2{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/re_top_bl_r.gif) no-repeat;}

.res .td3{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/re_bottom_bl_l.gif) no-repeat;}

.res .td4{
background:url(http://blog-imgs-32.fc2.com/m/a/s/masimarock/re_bottom_bl_r.gif) no-repeat;}

.td1,.td2,.td3,.td4{
width:10px;
height:10px;
background:none;}

td.entry-body{
padding:6px 5px;
line-height:1.6;}

td.entry-body img,.res td.entry-body img{
display:inline;}

/*--------------------------------------------------
	ヘッダー
--------------------------------------------------*/
/* 掲示板タイトル */
h1{font-size:131%;}

/* カウンター */
#counter{
color:#4499AA;
text-align:right;}

/* ナビゲーション */
#navigation{
color:#EAFFFF;
text-align:center;}

/*--------------------------------------------------
	投稿フォーム
--------------------------------------------------*/
#entry_form input,#entry_form textarea{
width:50%;
background:#FFF;
border:1px solid #66B6DD;}

#entry_form textarea{
width:90%;}

#entry_form .form-pass{
width:100px;}

input#image{
width:auto;}

/*Safari3 Google Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
input#image{
border:none;
color:#337788;
background:none;}}

dd.emoji ul{
display:inline;}

dd.emoji li{
display:inline;
margin:0 5px;}

.pre_button{
margin:10px 0;}

.pre_button input{
vertical-align:middle;}

.button{
color:#FFF;
border:1px solid #0088BB;
background:#0099BB;}


/*--------------------------------------------------
	スレッド
--------------------------------------------------*/
/* タイトル */
h2.title,h3.res-title{
font-size:108%;
line-height:1.4;
margin-bottom:10px;}

/* 日付等 */
.date{
color:#4499AA;
text-align:right;
margin:8px 0;}

.res .date{
color:#338899;}

/* newマーク */
span.new{
font-weight:bold;
color:#FFFF66;}

/* アイコン */
img.icon{
float:left;
margin:0 15px 15px 0;}

/* 絵文字 */
div.text img{
vertical-align:middle;
margin:3px;}

/* 投稿画像 */
img.userimage{
float:right;
margin:10px 0 0 15px;}

.button-body{
clear:both;
padding:18px 0 0 0;
text-align:right;}

/* 返信ボタン */
.button-body .res-button{
color:#FFF;
border:1px solid #006688;
background:#006699;}

.button-body form{
display:inline;}

/*--------------------------------------------------
	プレビュー
--------------------------------------------------*/
dl.preview{
margin-bottom:20px;}

dl.preview dt{
font-weight:bold;}

dl.preview dd{
color:#11667C;
padding:0 3px;
margin-bottom:10px;
background:#00B6CF;}

dl.preview dd img{
vertical-align:middle;
margin:3px;}

div.prev-inp img{
margin:10px 0;}

div.prev-inp .button{
display:block;
margin-top:15px;}

.form-cord{
background:#FFF;
border:0px;}

/* ページリンク */
div.pagelink{
text-align:center;}

.pagelink form{
display:inline;}

/* 検索フォーム */
#searchform{
text-align:left;
margin:0 auto;
width:50%;}

#searchform p{
margin:10px 0 0 0;}

.form-text{
background:#FFF;
border:1px solid #FFF;}

/* 使い方 */
#help h2{
font-size:108%;}

#help ul{
margin:10px 0 10px 30px;}

/* 著作権 */
div.copyright{
color:#555;
font-size:13px;
font-family:Verdana;
margin:15px 0 0 0;
font-weight:bold;
text-align:center;
margin:20px 0 25px 0;}

#footer_ad{text-align:center;}
#footer_ad center{display:inline;}

↑ページトップ

スキン・テンプレート配布マシマロック

FC2掲示板テンプレート green

テンプレート仕様

修正

別カラー

FC2掲示板

ランキング

スキン・テンプレート配布 マシマロック

FC2掲示板 テンプレート green

テンプレート仕様

修正

別カラー

FC2掲示板

ランキング

スキン・テンプレート配布マシマロック

FC2掲示板テンプレート green