無料ブログをかんたん作成
無料ブログ作成ならJUGEM(ジュゲム)
ホーム
ブログ作成
ブログを書く
ブログを見る
無料ブログ作成
JUGEM PLUS お申し込み
サービス紹介
JUGEM(無料ブログ)
JUGEM PLUS(有料プラン)
ブログ機能一覧表
デザイン
公式ブログデザイン
PC版
スマートフォン版
ユーザー作成
ユーザー作成
JUGEM を楽しむ
投稿する・みんなとつながる
ブログテーマ
ブログのお題
その他のコンテンツ
芸能人・有名人のブログ
スペシャルインタビュー
JUGEM を楽しむ 一覧
サポート
管理者ページ・マニュアル
FAQ
お知らせ
新着情報
メンテナンス情報
障害情報
おすすめブログ紹介
このページでは JavaScript を使用しています。JavaScript を有効にしてください。
ホーム
>
ブログデザイン一覧
>
ユーザー作成テンプレート「utf」
>
テンプレートHTML・CSSについて
公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について
弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。
テンプレート名 :
cmsp-レース
テンプレートイメージ表示ページへ戻る
HTML・CSSをコピーして使う
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>{site_title}</title> <link rel="stylesheet" href="{site_css}" type="text/css" /> <link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" /> <link rel="alternate" type="application/atom+xml" href="{site_atom}" /> <link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" /> <script type="text/javascript" src="https://imaging.jugem.jp/template/js/cookie.js"></script> </head> <body onload="javascript:initval();"> {gmo_header_src} <a id="top" name="top"></a> <div id="lace_l"> <div id="lace_r"> <div id="content"> <!-- ヘッダー --> <div id="header"> <div class="title"> <!-- BEGIN title --> <h1>{blog_name}</h1> <div class="description">{blog_description}</div> <!-- END title --> </div> <dl id="search"> <dd> <form method="get" action="./"> <input id="search" name="search" size="20" class="keyword" /><input type="submit" value="search" /> </form> </dd> </dl> <br class="clear" /> </div> <!--// ヘッダー --> <!-- サイドバー --> <div id="sidebar"> <!-- デコレーション枠内 --> <dl class="deco"> <dd class="deco_top"></dd> <!-- BEGIN jugem_ad --> <dt class="arch">PR</dt> <dd class="sponsored_link"> {ad} </dd> <!-- END jugem_ad --> <!-- BEGIN calendar --> <dd class="calendar"> {calendar} </dd> <!-- END calendar --> <!-- BEGIN archives --> <dt class="arch">Archives</dt> <dd> {archives_list} </dd> <!-- END archives --> <!-- BEGIN category --> <dt class="cat">Category</dt> <dd class="cat"> {category_list} </dd> <!-- END category --> <!-- BEGIN latest_entry --> <dt class="ent">New Entries</dt> <dd> {latest_entry_list} </dd> <!-- END latest_entry --> <!-- BEGIN amazon --> <dt class="reco">Recommend</dt> <dd> {amazon_item} </dd> <!-- END amazon --> <dd class="deco_btm"></dd> </dl> <!--// デコレーション枠内 --> <!-- メニューリスト --> <dl class="links"> <!-- BEGIN freespace1 --> <dt>{freespace_title1}</dt> <dd> {freespace_contents1} </dd> <!-- END freespace1 --> <!-- BEGIN freespace2 --> <dt>{freespace_title2}</dt> <dd> {freespace_contents2} </dd> <!-- END freespace2 --> <!-- BEGIN freespace3 --> <dt>{freespace_title3}</dt> <dd> {freespace_contents3} </dd> <!-- END freespace3 --> <!-- BEGIN freespace4 --> <dt>{freespace_title4}</dt> <dd> {freespace_contents4} </dd> <!-- END freespace4 --> <!-- BEGIN freespace5 --> <dt>{freespace_title5}</dt> <dd> {freespace_contents5} </dd> <!-- END freespace5 --> <!-- BEGIN recent_comment --> <dt>Recent Comment</dt> <dd> {recent_comment_list} </dd> <!-- END recent_comment --> <!-- BEGIN recent_trackback --> <dt>Recent Trackback</dt> <dd> {recent_trackback_list} </dd> <!-- END recent_trackback --> <!-- BEGIN link --> <dt>Links</dt> <dd> {link_list} </dd> <!-- END link --> <!-- moblie --> <dt>Mobile</dt> <dd> {site_qrcode} </dd> <!--// moblie --> <!-- BEGIN profile --> <dt>Profile</dt> <dd> {user_list} </dd> <!-- END profile --> <!-- others --> <dd> <ul><li><a href="./manage/">管理者ページ</a></li></ul> <div class="feed"> <a href="{site_rss}"><img src="https://imaging.jugem.jp/template/cmsp-lace/img/feed_rss.gif"></a><a href="{site_atom}"><img src="https://imaging.jugem.jp/template/cmsp-lace/img/feed_atom.gif"></a> </div> </dd> <!--// others --> </dl> <!--// メニューリスト --> </div> <!--// サイドバー --> <!-- メインエリア --> <div id="main"> <!-- BEGIN sequel --> <div class="entry_link">{prev_entry} | <a href="./">main</a> | {next_entry}</div> <!-- END sequel --> <!-- BEGIN entry --> <dl class="entry"> <dt> <div class="entry_date">{entry_date}</div> </dt> <dd class="entry_head"> <div class="entry_title"> <h2>{entry_title}</h2> </div> </dd> <dd class="entry_body"> <div><div class="entry_love">{love}</div> {entry_description} </div> <a name="sequel"></a> <div class="entry_more"> {entry_sequel} </div> </dd> <dd class="entry_btm"> <div class="entry_state">posted by: {user_name} | {category_name} | {entry_time} | {comment_num} | {trackback_num} |</div> </dd> </dl> {trackback_auto_discovery} <!-- END entry --> <!-- BEGIN comment_area --> <a name="comments"></a> <dl id="comment"> <dt>コメント</dt> <dd class="arrow"><div class="arrow_l"><div class="arrow_r"> </div></div></dd> <!-- BEGIN comment --> <dd class="tb_box"> <div class="tb_state">{comment_time}<br />Posted by: {comment_name}</div> <div>{comment_description}</div> </dd> <!-- END comment --> <dd class="com_form"> <form name="comment_area" action="./?mode=comment" method="post"> <input type="hidden" name="entry_id" value="{entry_id}" /> <label for="name">name:</label><br /> <input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="form" /><br /> <label for="email">email:</label><br /> <input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="form" /><br /> <label for="url">url:</label><br /> <input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="form" /><br /> <label for="description">comments:</label><br /> <textarea name="description" id="description" tabindex="4" rows="7" class="form"></textarea> <br /> <br /> <input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" /> <input type="checkbox" name="set_cookie" value="1" id="set_cookie"> <label for="set_cookie">Cookieに登録</label> </form> </dd> </dl> <!-- END comment_area --> <!-- BEGIN trackback_area --> <a name="trackback"></a> <dl id="trackback"> <dt>トラックバック</dt> <dd class="arrow"><div class="arrow_l"><div class="arrow_r"> </div></div></dd> <dd class="tb_url">{trackback_url}</dd> <dd class="arrow"><div class="arrow_l"><div class="arrow_r"> </div></div></dd> <!-- BEGIN trackback --> <dd class="tb_box"> <div class="tb_state">{trackback_time}<br />Posted by: {trackback_blog_name}</div> <div> <strong>{trackback_title}</strong><br /> {trackback_excerpt} </div> </dd> <!-- END trackback --> </dl> <!-- END trackback_area --> <!-- BEGIN profile_area --> <dl id="profile" class="entry"> <dt> <div class="entry_date">profile</div> </dt> <dd class="entry_head"> <div class="entry_title"> <h2>{profile_name}</h2> </div> </dd> <dd class="entry_btm"> <div>{profile_description}</div> </dd> </dl> <!-- END profile_area --> <!-- BEGIN page --> <dl> <dd class="arrow"><div class="arrow_l"><div class="arrow_r"> </div></div></dd> <dd class="page_link"> <div class="prev"><a href="{prev_page_url}">Prev<<</a></div> <div class="next"><a href="{next_page_url}">>>Next</a></div> <div class="num">全 [{page_num}] ページ中 [{page_now}] ページを表示しています。</div> <br class="clear" /> </dd> <dd class="arrow"><div class="arrow_l"><div class="arrow_r"> </div></div></dd> </dl> <!-- END page --> </div> <!--// メインエリア --> <!-- フッター --> <div id="footer"> <address>{copyright}</address> {powered} </div> <!--// フッター --> </div> </div> </div> </body> </html>
CSS
/* **************************************************************** ※はじめに※ ブログテンプレート「レース」は、『ブルー系』『ピンク系』の 2色があります。初期状態では『ブルー系』カラーです。 「ピンク系」を 使用する場合は、色別のcss設定が反映されるように編集を行って ください。 ■--編集例---------------------------------------------- 【 画像の色指定を『ピンク系』に変更する場合 】 -------------------------------------------------- 文頭に『/*』の記述の無い行が現在使用されている色指定となります。 ・編集前(『ピンク系』が使用されている初期状態) background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/bg.gif); /* ブルー系 */ /* background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/bg.gif); /* ピンク系 */ ・編集後(色指定を『ブルー系』に変更後) /* background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/bg.gif); /* ブルー系 */ background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/bg.gif); /* ピンク系 */ 【 罫線等の色指定を『ピンク系』に変更する場合 】 --------------------------------------------------- ※ブルー系・ピンク系の色指定は複数クラスを一括指定しています。 以下の、『★色の一括設定』の該当色の設定を使用します。 (ピンク系はコメントアウトされています。 使用する場合は、ブルー系をコメントアウトし、 ピンク系の文頭『/*』と、文末『*/』を削除してください。 ※例文中のコメントについて、 便宜上『 * 』を『*』に変換しています。 * ********************************************************** */ /* ------------------------------------- * 共通設定 * ------------------------------------- */ * { margin: 0px; padding:0px; } body { color:#333; font: 12px/1.5 "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; } img { border:none; } li { list-style:none; } br.clear { clear:both; font:0/0 sans-serif; } /* ------------------------------------- * リンクカラーの設定 * ------------------------------------- */ a:link, a:visited, a:active {color: #006380; text-decoration: underline;} a:hover {color: #FF3366; text-decoration: none;} /* ------------------------------------- * レイアウトの色の設定(使わないほうの色はコメントアウト(『/*』、『*/』)してください) * ------------------------------------- */ /* ブルー系 */ body { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/bg.gif);} #lace_l { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/lace_l.gif) repeat-y;} #lace_r { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/lace_r.gif) repeat-y right top;} #content { background:#FFFFE7 url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/border_1.gif) repeat-x left top;} #header { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/border_2.gif) repeat-x left bottom;} #header dl#search { background:#B5D4DD url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/search_top.gif) no-repeat left top;} #header dl#search dd { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/search_btm.gif) no-repeat left bottom;} /* ピンク系 */ /* body { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/bg.gif);} #lace_l { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/lace_l.gif) repeat-y;} #lace_r { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/lace_r.gif) repeat-y right top;} #content { background:#FFFFE7 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/border_1.gif) repeat-x left top;} #header { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/border_2.gif) repeat-x left bottom;} #header dl#search {background:#FFA7A7 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/search_top.gif) no-repeat left top;} #header dl#search dd { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/search_btm.gif) no-repeat left bottom;} */ /* ------------------------------------- * ページレイアウト * ------------------------------------- */ /* レース模様(左側) */ #lace_l { width:800px; /* 全体の幅 */ margin:0px auto; } /* レース模様(右側) */ #lace_r { width:100%; } #content { margin:0px 40px; padding-bottom:30px; } #header { width:100%; padding:10px 0px; margin-bottom:10px; } #sidebar { width:230px; /* サイドバーの幅 */ float:left; } #main { width:490px; /* メインエリアの幅 */ float:right; } #footer { clear:both; width:100%; text-align:right; margin-top:50px; } #footer address { font-size:10px; font-style:normal; } /* ************************************************ * ヘッダー * ************************************************ */ /* サイドタイトルの文字サイズ・色 */ h1 { font-size:22px;} #header h1 a {color: #CA005F; text-decoration: none;} /* ブログの説明文 */ .description { font-size:10px;} /* ------------------------------------- * 検索エリア * ------------------------------------- */ #header dl#search { width:225px; float:right; margin-top:20px; padding-top:5px; } #header dl#search dd { text-align:center; padding-bottom:5px; } #header dl#search input { vertical-align:middle; } #header dl#search input.keyword { width:110px; margin-right:5px; } /* ************************************************ * サイドバー * ************************************************ */ /* ------------------------------------- * サイドバーの色の設定 * ------------------------------------- */ dl.deco dt { width:198px; height:26px; margin:0px 5px; text-indent:-10000px; } /* ブルー系 */ dl.deco { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/deco_bg.gif) repeat-y center;} dd.deco_top { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/deco_top.gif) no-repeat;} dd.deco_btm { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/deco_btm.gif) no-repeat;} dl.deco dt.arch { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/side_arch_ad.gif) no-repeat center; height:23px;} dl.deco dt.arch { width:198px; height:26px; margin:0px 5px 10px; color: #529199; font-weight: bolder; font-size: 14px; text-align: center; text-indent: 0px; } dl.deco dt.cat { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/side_cat.gif) no-repeat 10px 0px;} dl.deco dt.ent { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/side_ent.gif) no-repeat 10px 0px;} dl.deco dt.reco { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/side_reco.gif) no-repeat 10px 0px;} dl.deco li { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/disc.gif) no-repeat 0px 8px;} .calendar { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/date.gif) no-repeat center top;} dl.links dt { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/side_border.gif) no-repeat center bottom; color:#006380;} dl.links dd li { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/disc.gif) no-repeat 0px 12px; border-bottom:1px dotted #78B3C4;} /* ピンク系 */ /* dl.deco { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/deco_bg.gif) repeat-y center;} dd.deco_top { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/deco_top.gif) no-repeat;} dd.deco_btm { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/deco_btm.gif) no-repeat;} dl.deco dt.arch { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/side_arch_ad.gif) no-repeat center; height:23px;} dl.deco dt.arch { width:198px; height:26px; margin:0px 5px 10px; color: #FF8892; font-weight: bolder; font-size: 14px; text-align: center; text-indent: 0px; } dl.deco dt.cat { background:#FF4164 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/side_cat.gif) no-repeat 10px 0px;} dl.deco dt.ent { background:#FF4164 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/side_ent.gif) no-repeat 10px 0px;} dl.deco dt.reco { background:#FF4164 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/side_reco.gif) no-repeat 10px 0px;} dl.deco li { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/disc.gif) no-repeat 0px 8px;} .calendar { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/date.gif) no-repeat center top;} dl.links dt { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/side_border.gif) no-repeat center bottom; color:#FF0B58;} dl.links dd li { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/disc.gif) no-repeat 0px 12px; border-bottom:1px dotted #FF6682;} */ /* ------------------------------------- * デコレーション枠内 * ------------------------------------- */ dl.deco { width:208px; margin-bottom:20px; } dd.deco_top { width:208px; height:75px; } dd.deco_btm { width:208px; height:43px; } dl.deco dd.sponsored_link { padding: 10px 16px 15px 16px; } dl.deco ul { margin:15px 15px 20px 15px; } dl.deco li { margin-bottom:3px; padding-left:15px; } /* カテゴリーリストの○画像 */ dl.deco dd.cat li { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/li.gif) no-repeat 0px 5px; } dl.deco div.amazon { font-size:10px; margin:15px 15px 20px 15px; } /* ------------------------------------- * カレンダー * ------------------------------------- */ .calendar { font-family :"Verdana"; font-size:10px; padding-top:20px; padding-bottom:15px; text-align:center; } .calendar table { width:165px; margin:0 auto; } .cell { width:23px; height:20px; font-weight:bolder; color: #000; } .cell a:link, .cell a:visited, .cell a:active { display: block; width:23px; height:20px; text-decoration: none; background: #FF6293; color: #EAF7D6; } .cell a:hover { background:#74AEBF; color: #FFF; } .calendar_month { padding:3px 0px; } /* ------------------------------------- * メニューリスト * ------------------------------------- */ dl.links { width:210px; } dl.links dt { padding-bottom:10px; text-align:center; font-size:14px; font-family:"Courier New", Courier, mono; font-weight:bolder; } dl.links dd { width:190px; margin:5px 10px 20px 10px; } dl.links dd li { padding:5px 0px 5px 10px; } /* ------------------------------------- * feed * ------------------------------------- */ .feed { text-align:center; margin-top:20px; } .feed img { width:57px; height:15px; margin:0 5px; } /* ************************************************ * メインエリア * ************************************************ */ /* ------------------------------------- * エントリーエリアの画像・ボーダーの色設定 * ------------------------------------- */ /* ブルー系 */ dl.entry dt { background:#74AEBF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_rt.gif) no-repeat right top; border-bottom:4px #9BCBD9 solid; } dl.entry dt div.entry_date { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_lt.gif) no-repeat left top;} dd.entry_head { background:#FFF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_lacetop.gif) repeat-x left top;} dd.entry_head div.entry_title { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_icon.gif) no-repeat left top;} dd.entry_head div.entry_title h2 { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_border.gif) repeat-x left bottom;} dd.entry_head, dd.entry_body, dd.entry_btm { border-left:1px solid #78B3C4; border-right:1px solid #78B3C4;} dd.entry_btm { background:#FFF url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/entry_lacebtm.gif) repeat-x left bottom;} .entry_state { border-top:1px dotted #78B3C4;} #profile dd.entry_head div { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/profile_icon.gif) no-repeat left top;} /* ピンク系 */ /* dl.entry dt { background:#FF6682 url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_rt.gif) no-repeat right top; border-bottom:4px #FFA7A7 solid; } dl.entry dt div.entry_date { background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_lt.gif) no-repeat left top;} dd.entry_head { background:#FFF url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_lacetop.gif) repeat-x left top;} dd.entry_head div.entry_title { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_icon.gif) no-repeat left top;} dd.entry_head div.entry_title h2 { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_border.gif) repeat-x left bottom;} dd.entry_head, dd.entry_body, dd.entry_btm { border-left:1px solid #FF6682; border-right:1px solid #FF6682;} dd.entry_btm { background:#FFF url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/entry_lacebtm.gif) repeat-x left bottom;} .entry_state { border-top:1px dotted #FF6682;} #profile dd.entry_head div { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/profile_icon.gif) no-repeat left top;} */ /* ------------------------------------- * エントリー * ------------------------------------- */ dl.entry { width:100%; margin-bottom:20px; } dl.entry dt { height:27px; } dl.entry dt div.entry_date { height:20px; padding-top:5px; padding-left:40px; color:#FFF; font-weight:bolder; } dd.entry_head { padding:15px 10px 5px 5px; } dd.entry_head div.entry_title { height:40px; padding-left:40px; color:#006380; font-weight:bolder; } dd.entry_head div.entry_title h2 { font-size:12px; padding-bottom:10px; margin-top:5px; } dd.entry_body { background:#FFF; padding:5px 20px 10px 20px; } .entry_more { padding-top:5px; } dd.entry_btm { padding:0px 20px 20px 20px; } .entry_state { padding:5px 0; font-size:10px; } blockquote { margin:10px 0px; background:#FFF; border:1px dotted #999; padding:10px; } .pict { background:#FFF; padding:4px; border-top:1px #D1D1D1 solid; border-right:1px #989898 solid; border-bottom:1px #989898 solid; border-left:1px #D1D1D1 solid; } .entry_link { text-align:center; margin-bottom:15px; color:#999; } /* ------------------------------------- * コメント・トラックバック * ------------------------------------- */ /* コメント・トラックバックエリアの画像・ボーダー ブルー系 */ dl#comment dt { color:#3D859A; background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/com_title.gif) no-repeat 20px 0px;} dl#trackback dt { color:#3D859A; background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/tb_title.gif) no-repeat 20px 3px;} .tb_url { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/tb_url.gif) no-repeat 18px 0px;} dd.tb_box { border:1px solid #78B3C4;} .tb_state { border-bottom:1px dotted #78B3C4;} /* コメント・トラックバックエリアの画像・ボーダー ピンク系 */ /* dl#comment dt { color:#FF0B58; background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/com_title.gif) no-repeat 20px 0px;} dl#trackback dt { color:#FF0B58; background:transparent url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/tb_title.gif) no-repeat 20px 3px;} .tb_url { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/tb_url.gif) no-repeat 18px 0px;} dd.tb_box { border:1px solid #FF6682;} .tb_state { border-bottom:1px dotted #FF6682;} */ dl#comment,dl#trackback { margin-top:40px; } dl#comment dt { font-weight:bolder; padding-left:60px; } dl#trackback dt { font-weight:bolder; padding-left:60px; } .tb_url { padding-left:60px; margin:5px 0px; } .com_form { margin:10px 20px; color:#999; } .com_form .form { width:250px; } dd.tb_box { margin:10px 20px; } .tb_state { font-size:10px; } .tb_box div { padding:5px 10px; } /* ------------------------------------- * プロフィール * ------------------------------------- */ #profile dd.entry_head div { height:40px; padding-left:40px; } /* ------------------------------------- * ページリンク * ------------------------------------- */ /* ページリンクの画像 ブルー系 */ .page_link .prev { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/pagelink_l.gif) no-repeat left;} .page_link .next { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/pagelink_r.gif) no-repeat right;} /* ページリンクの画像 ピンク系 */ /* .page_link .prev { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/pagelink_l.gif) no-repeat left;} .page_link .next { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/pagelink_r.gif) no-repeat right;} */ dd.page_link { width:90%; margin:0px auto; font-size:10px; } .page_link .prev { width:55px; float:left; padding-left:25px; } .page_link .next { width:55px; float:right; padding-right:25px; text-align:right; } .page_link .num { margin:0px 80px; text-align:center; } /* ------------------------------------- * 境界線 * ------------------------------------- */ dd.arrow { width:100%; height:17px; } /* 境界線の画像 ブルー系 */ dd.arrow { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/arrow_c.gif) repeat-x left;} dd.arrow .arrow_l { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/arrow_l.gif) no-repeat left;} dd.arrow .arrow_r { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/blue/arrow_r.gif) no-repeat right;} /* 境界線の画像 ピンク系 */ /* dd.arrow { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/arrow_c.gif) repeat-x left;} dd.arrow .arrow_l { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/arrow_l.gif) no-repeat left;} dd.arrow .arrow_r { background:url(https://imaging.jugem.jp/template/cmsp-lace/img/pink/arrow_r.gif) no-repeat right;} */
高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成!
今すぐ
無料ブログ
をはじめよう! ≫
ブログ作成
利用規約
|
プライバシーポリシー
|
推奨環境
|
会社概要
|
サイトマップ
Copyright © 2003-2021 株式会社メディアーノ All Rights Reserved.
ページの先頭へ↑