HOME| ABOUT WORKS BOOKMARKS LOG MAIL| IllustratorsCollection

[]
/">...
« PREV | HOME | NEXT »
| | SKIN/CHELLCY
/* ==================================================================================== 作成日: 2009.10.23 最終更新日: 2009.10.23 テンプレート名: CHELL カスタマイズ用 #04 Template by CHELLCY (http://chellcy.blog.shinobi.jp/) カスタマイズ用のテンプレートです。 トップ画像の差し替え部分は◆(1箇所) 記事とプラグイン4のタイトル部分の画像は◇(2箇所)で探索してくだされば簡単に見つけられるとおもいます。 ==================================================================================== */ /* ------------------------------------------------------------------------------------ ☆は追加したもの ★はHTMLにも加筆してオリジナルで追加した要素です ------------------------------------------------------------------------------------ */ /* ==================================================================================== リセット ☆ ==================================================================================== */ html {overflow-y: scroll;} table {border-collapse: collapse; border-spacing: 0;} fieldset,img {border: 0;} br {letter-spacing: 0;} li {list-style-type: none;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 {font-size: 100%;} /* ==================================================================================== 全ブロックの共通設定 ==================================================================================== */ /* BODY全体に関する設定 --------------------------------------------------------------------------------- */ body { font-size:10px; line-height: 170%; font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",Osaka,"Osaka‐等幅",Sans-Serif; letter-spacing: 0.7pt; color: #555555; text-align: left; background:#ffffff; } /* スクロールバーの設定※IEのみ ☆ --------------------------------------------------------------------------------- */ html { margin:0px; padding: 0; } /* tdの全ての設定 --------------------------------------------------------------------------------- */ td {text-align: left;} /* table全ての設定 --------------------------------------------------------------------------------- */ table { color: #555555; font-size: 10px; border-collapse: collapse; } /* 他エレメントの設定 ☆ --------------------------------------------------------------------------------- */ p {margin: 1em 0;} pre {overflow: auto; width: 100%;} input,textarea {font-size: 12px;letter-spacing: 0.7pt;} /* ------------------------------------------------------------------------------------ リンクの設定 ------------------------------------------------------------------------------------ */ /* 通常のリンクの設定 --------------------------------------------------------------------------------- */ a:link {color: #555555; text-decoration: none;} /* 過去に見たことがあるページのリンクの設定 --------------------------------------------------------------------------------- */ a:visited {color: #555555; text-decoration: none;} /* カーソルが合っている状態のリンクの設定 --------------------------------------------------------------------------------- */ a:hover {color: #CCCCCC;} /* アクティブ状態のリンクの設定 --------------------------------------------------------------------------------- */ a:active {color: #CCCCCC;} /* ==================================================================================== 全体のカラム設定 ==================================================================================== */ /* メインブロックの設定　メニュー --------------------------------------------------------------------------------- */ #mainBlock { width: 650px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 50px; } /* 一番上のブロック（タイトルが書かれる場所）の設定 ◆ トップ画像 --------------------------------------------------------------------------------- */ #TopBlock { height:24px; margin-left: 0px; background: url(http://file.dec.ya-gasuri.com/daiji-1.jpg ) no-repeat left; } /* プラグイン表示箇所全体の設定 --------------------------------------------------------------------------------- */ .PluginBlock { width: 650px; margin:30px 0px 0px 0px; text-align: left; } /* 記事繰り返し処理全ての部分の設定 --------------------------------------------------------------------------------- */ #EntryBlock { width: 650px; margin:30px 0px 0px 0px; text-align: left; } /* 一番下のブロック（著作権表示が書かれる場所）の設定 --------------------------------------------------------------------------------- */ #FooterBlock { color: #555555; margin: 20px 0; text-align: center; clear: both; } /* ==================================================================================== 表示位置のオプションクラス ==================================================================================== */ /* テキスト左寄 --------------------------------------------------------------------------------- */ .left {text-align: left;} /* テキスト中央寄せ --------------------------------------------------------------------------------- */ .center {text-align: center;} /* テキスト右寄 --------------------------------------------------------------------------------- */ .right {text-align: right;} /* ==================================================================================== トップブロック用デザイン ==================================================================================== */ /* ページタイトル文字部分の設定 --------------------------------------------------------------------------------- */ #TopTitle { width: 650px; margin-left: auto; margin-right: auto; padding-top:0px; text-align: right; display: none; } /* ページタイトル文字色の設定 --------------------------------------------------------------------------------- */ .TopTitleFont { font-size: 17px; color: #000000; font-weight: none; } /* ページタイトルの下に来るブログの説明文 --------------------------------------------------------------------------------- */ #TopExplanation { width: 660px; margin-left: auto; margin-right: auto; text-align: right; color: #aaaaaa; display: none; } /* ==================================================================================== カテゴリーメニュー ★ ==================================================================================== */ div#categoryMenu { margin:10px 10px 0px 0px; text-align:none; } /* ==================================================================================== プラグインブロック用デザイン ==================================================================================== */ /* プラグイン表示箇所の背景や余白設定 --------------------------------------------------------------------------------- */ .PluginInnerBlock { padding:30px 0px 40px 0px; } #sub_pluginBlockE .PluginInnerBlock { padding:0; } /* プラグインのタイトル（名称）部分の設定 ◇ プラグイン4のタイトル --------------------------------------------------------------------------------- */ .PluginTitle { color: #000000; font-weight: normal; text-transform: capitalize; margin-bottom: 10px; } #sub_pluginBlockD .PluginTitle { background: url() no-repeat center; padding: 0px 0; width: 650px; } /* プラグインの説明部分の設定 --------------------------------------------------------------------------------- */ .PluginExplanation { } /* プラグインが表示される場所の設定 --------------------------------------------------------------------------------- */ .PluginContents { } /* ==================================================================================== 記事ブロック用デザイン ==================================================================================== */ /* 記事表示部分の背景や余白等の設定 --------------------------------------------------------------------------------- */ .EntryInnerBlock { text-align: left; margin-bottom: 200px; } /* 各記事タイトル部分の設定 ◇ 記事のタイトル --------------------------------------------------------------------------------- */ .EntryTitle { margin: 0 0 0px; padding: 0px 0; background: url() no-repeat center; width: 660px; } /* 各記事タイトル部分の文字色設定 --------------------------------------------------------------------------------- */ .EntryTitleFont { color: #555555; margin: 0px 0px; font-weight:normal; } /* 各記事やコメント、トラックバックなどの総合のブロック部分 --------------------------------------------------------------------------------- */ .EntryTextBox { margin: 20px 0; } /* 記事本文が記載される部分 --------------------------------------------------------------------------------- */ .EntryText { } /* 記事本文のimgの装飾 ☆ --------------------------------------------------------------------------------- */ .EntryText img { border-color: #F4F4F4 #EEEEEE #EEEEEE #F4F4F4; border-style: solid; border-width: 0px; margin: 0px; padding: 0px; } /* 追記文書が記載される部分 --------------------------------------------------------------------------------- */ .EntryPsText { text-align: right; margin: 10px 0; } /* カテゴリーと日付へのリンク ★ --------------------------------------------------------------------------------- */ .EntryHeader { text-align:right; } /* 記事へのリンク（コメントやトラックバック等）の背景 --------------------------------------------------------------------------------- */ .EntryFooter { text-align:right; } /* 記事の投稿者名が記載されている部分 --------------------------------------------------------------------------------- */ .EntryUserName { } /* 記事を投稿した日が記載されている部分 --------------------------------------------------------------------------------- */ .EntryWriteDate { margin-left: 0px; font-weight:normal; } /* 記事のカテゴリ名が記載されている部分 --------------------------------------------------------------------------------- */ .EntryCategory { margin-left: 0px; font-weight:normal; } /* 記事へのコメントリンクが記載されている部分 --------------------------------------------------------------------------------- */ .EntryComment { margin-left: 0px; } /* 記事へのトラックバックリンクが記載されている部分 --------------------------------------------------------------------------------- */ .EntryTrackback { margin-left: 0px; } /* 次の記事やHOMEへのリンクが表示される背景部分 --------------------------------------------------------------------------------- */ .PageLinkBlock { text-align: center; margin: 0 0 30px; } /* ==================================================================================== 各コメント表示部分の設定 ==================================================================================== */ /* コメント全体の設定 --------------------------------------------------------------------------------- */ .CommentBlock { padding-top: 30px; margin-bottom: 50px; background: url(http://bfile.shinobi.jp/5739/1st_cm.gif) no-repeat top left; } /* この記事にコメントする　と書かれてる部分の設定 --------------------------------------------------------------------------------- */ .CommentMenuTitle {visibility: hidden;} /* コメントのタイトル、コメント、コメント情報の全ての背景部分 --------------------------------------------------------------------------------- */ .CommentTextBox { margin: 30px 0; } /* コメントのタイトル部分 --------------------------------------------------------------------------------- */ .CommentTitle { text-align: left; font-weight: normal; padding: 0 0 0.25em; background: url(http://bfile.shinobi.jp/5739/mini_line_00.gif) repeat-x right bottom; } /* コメント部分 --------------------------------------------------------------------------------- */ .CommentText { padding: 10px; } /* 投稿者や投稿時間などが表示されている部分 --------------------------------------------------------------------------------- */ .CommentFooter { text-align: right; padding:0px; } /* 投稿者名の部分 --------------------------------------------------------------------------------- */ .CommentUserName { margin-left: 5px; } /* 投稿者のホームページへのリンク部分 --------------------------------------------------------------------------------- */ .CommentURL { margin-left: 5px; } /* 投稿された時間が記載されている部分 --------------------------------------------------------------------------------- */ .CommentWriteDate { margin-left: 5px; } /* コメント編集へのリンク部分 --------------------------------------------------------------------------------- */ .CommentEdit { margin-left: 5px; } /* コメントを投稿するフォーム全体の設定 --------------------------------------------------------------------------------- */ .CommentFormBlock { margin-bottom: 20px; } /* コメントフォーム用テーブル --------------------------------------------------------------------------------- */ .CommentFormTable { margin: auto; } /* コメントフォームTHタグ設定 --------------------------------------------------------------------------------- */ .CommentFormTh { padding: 0 5px; } /* コメントフォームTDタグ設定 --------------------------------------------------------------------------------- */ .CommentFormTd { text-align: left; } /* 携帯機種画像の整列 ☆ --------------------------------------------------------------------------------- */ .CommentFormTd img { vertical-align: middle; padding: 1px; *vertical-align: -1px;　/* IE用ハック */ } /* コメントフォーム送信ボタンのTDタグ設定 --------------------------------------------------------------------------------- */ .CommentFormSubmit { text-align: left; padding: 8px 5px 5px 0; } /* コメントフォーム送信ボタンの装飾 ☆ --------------------------------------------------------------------------------- */ .CommentFormSubmit input { width: 90px; height: 22px; margin:0 68px; background: transparent url() no-repeat bottom; border: 0; } /* inputタグやtextareaの設定 --------------------------------------------------------------------------------- */ .CommentForms { } /* コメントフォームの装飾 ☆ --------------------------------------------------------------------------------- */ input.CommentForms { width: 300px; height: 16px; margin: 5px 0; padding: 3px; background: transparent url() repeat-x top left; border-color: #EEEEEE; border-style: solid; border-width: 1px; } .CommentFormTd select { margin: 5px 0; } textarea.CommentForms { width: 380px; height: 100px; overflow: auto; margin: 0 0 15px; padding: 3px; background: transparent; border-color: #EEEEEE; border-style: solid; border-width: 0 1px 1px; scrollbar-arrow-color: #333333; scrollbar-face-color: pink; scrollbar-highlight-color: pink; scrollbar-shadow-color: pink; scrollbar-3dlight-color: pink; scrollbar-darkshadow-color: pink; scrollbar-track-color: pink; filter: chroma(color=pink); } /* コメントフォームの画像装飾 ★ --------------------------------------------------------------------------------- */ .foamCMinput { } .foamCMtext { background: url(http://bfile.shinobi.jp/5739/1st_form_txtarea.gif) repeat-x top left; } /* ==================================================================================== トラックバック表示部分の設定 ==================================================================================== */ /* トラックバック全体の設定 --------------------------------------------------------------------------------- */ .TrackbackBlock { padding: 30px 0 50px; margin-bottom: 50px; background: url(http://bfile.shinobi.jp/5739/1st_tb.gif) no-repeat top left; } /* トラックバックメニューのタイトル部分 --------------------------------------------------------------------------------- */ .TrackbackMenuTitle {visibility: hidden;} /* トラックバックのタイトル、記事、リンク部分の総合設定 --------------------------------------------------------------------------------- */ .TrackbackTextBox { margin: 30px 0px; } /* トラックバックタイトルの部分 --------------------------------------------------------------------------------- */ .TrackbackTitle { text-align: left; font-weight: normal; padding: 0 0 0.25em; background: url(http://bfile.shinobi.jp/5739/mini_line_00.gif) repeat-x right bottom; } /* トラックバックの記事部分 --------------------------------------------------------------------------------- */ .TrackbackText { padding: 10px; } /* 投稿されたブログ名やリンクなどを表示する部分の設定 --------------------------------------------------------------------------------- */ .TrackbackFooter { text-align: right; padding: 5px; } /* トラックバック元のブログ名部分 --------------------------------------------------------------------------------- */ .TrackbackUserName { margin-left: 5px; } /* トラックバック元へのリンク部分 --------------------------------------------------------------------------------- */ .TrackbackFromURL { margin-left: 5px; } /* トラックバックされた日付部分 --------------------------------------------------------------------------------- */ .TrackbackWriteDate { margin-left: 5px; } /* この記事のトラックバック　と書かれた部分の設定 --------------------------------------------------------------------------------- */ .TrackbackURLTitle { text-align: left; background: transparent; } /* トラックバックする為のURLが記載されているフォーム部分の設定 --------------------------------------------------------------------------------- */ #TrackbackURL { } /* トラックバックURLの装飾 ☆ --------------------------------------------------------------------------------- */ input#TrackbackURL { width: 480px; height: 16px; background: url(http://bfile.shinobi.jp/5739/1st_form_txt.gif) repeat-x top left; margin: 5px; padding: 3px; border-color: #EEEEEE; border-style: solid; border-width: 1px; } /* ==================================================================================== 各プラグイン共通項目用設定 ==================================================================================== */ /* 各プラグイン処理内の基本デザイン --------------------------------------------------------------------------------- */ .plugin_data { text-align: left; padding: 0 0 0.25em; background: url(http://bfile.shinobi.jp/5739/mini_line_00.gif) repeat-x right bottom; } /* 各プラグイン処理内基本デザインの下に記載する日付など --------------------------------------------------------------------------------- */ .plugin_data_date { text-align: right; } /* ==================================================================================== カレンダープラグイン用デザイン ==================================================================================== */ /* カレンダー日付移動用テーブル（前月、次月へのリンクなど） --------------------------------------------------------------------------------- */ .CalendarMoveTable { width: 100%; } /* カレンダー日付移動用テーブル、タグ部分のデザイン --------------------------------------------------------------------------------- */ .CalendarMoveTr { } /* カレンダー日付移動用テーブル内、左側td部分のデザイン --------------------------------------------------------------------------------- */ .CalendarPrevTd { text-align: right; padding: 5px; } /* カレンダー日付移動用テーブル内、中央td部分のデザイン --------------------------------------------------------------------------------- */ .CalendarNowTd { width: 55px; padding: 5px; } /* カレンダー日付移動用テーブル内、右側td部分のデザイン --------------------------------------------------------------------------------- */ .CalendarNextTd { text-align: left; padding: 5px; } /* カレンダー表示用テーブル --------------------------------------------------------------------------------- */ .CalendarTable { width: 100%; } /* ------------------------------------------------------------------------------------ カレンダーテーブル -> 曜日表示部分デザイン ------------------------------------------------------------------------------------ */ /* 曜日表示部分（タグ部分）のデザイン --------------------------------------------------------------------------------- */ .CalendarWdayTr { } /* 曜日表示部分、日曜日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarWdaySun { padding: 2px; } /* 曜日表示部分、平日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarWday { padding: 2px; } /* 曜日表示部分、土曜日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarWdaySat { padding: 2px; } /* ------------------------------------------------------------------------------------ カレンダーテーブル -> 日付表示部分デザイン ------------------------------------------------------------------------------------ */ /* 日付表示部分（タグ部分）のデザイン --------------------------------------------------------------------------------- */ .CalendarTr { } /* 日付表示部分、日曜日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarTdSun { padding: 2px; color: #999999; } /* 日付表示部分、土曜日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarTdSat { padding: 2px; color: #999999; } /* 日付表示部分、平日曜日のタグ部分デザイン --------------------------------------------------------------------------------- */ .CalendarTd { padding: 2px; color: #999999; } /* 記事が存在する場所の設定 --------------------------------------------------------------------------------- */ .CalendarTdLink { } /* 記事が存在する日付の文字色の設定 --------------------------------------------------------------------------------- */ .CalendarTdLinkFont { color: #000000; } /* ==================================================================================== コメント -> 管理者返信部分デザイン ==================================================================================== */ .CommentResBlock { margin-top: 30px; margin-left: 85px; } .CommentResBox { } .CommentResTitle { font-weight: normal; } .CommentResText { padding: 10px 10px 0 0; } .CommentResFooter { text-align: right; margin: 15px 0; } /* ==================================================================================== 探索フォームの装飾 ☆ ==================================================================================== */ .blogsearch { } input.box { background: transparent; width: 65%; padding: 0px; background: url(http://bfile.shinobi.jp/5739/1st_form_txt.gif) repeat-x top left; border-color: #EEEEEE; border-style: solid; border-width: 1px; } input.btn { background: transparent url(http://bfile.shinobi.jp/5739/form_search_btn.gif) scroll　fixed left top; width: 40px; height: 22px; border: 0; } /* ==================================================================================== プラグインブロック ★ ==================================================================================== */ /* プラグイン1 --------------------------------------------------------------------------------- */ div#sub_pluginBlockA { } /* プラグイン2 --------------------------------------------------------------------------------- */ div#sub_pluginBlockB { width :49%; float :left; } /* プラグイン3 --------------------------------------------------------------------------------- */ div#sub_pluginBlockC { width :49%; float :right; } /* プラグイン4 --------------------------------------------------------------------------------- */ div#sub_pluginBlockD { clear:both; } /* プラグイン5 エントリーの上 --------------------------------------------------------------------------------- */ div#sub_pluginBlockE { } /* ==================================================================================== メニュー表示の切り替え ★ ==================================================================================== */ .getbox { display:none; }