/* ------------------------------------ * Title: Flower01 * Version: 1.00 * Last Update: 2005/06/06 * Author: Leondoll * Access: http://leondoll.seesaa.net/ * http://leondoll.sakura.ne.jp/easygoing/ * -------------------------------------*/ /*全体の初期設定*/ body { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; background-color: #FFFFFF; background: url(http://leondoll.seesaa.net/03/06.gif) repeat; color: #999999; } h1, h2, h3 { margin: 0px; padding: 0px; font-weight: normal; } /*リンク文字の装飾・色設定*/ a { text-decoration: none; } a:link { color: #666666; } a:visited { color: #666666; } a:hover { color: #C8384C;/*リンク文字マウスオーバーで色が変わります*/ } a:active { color: #C8384C; } /*背景画像bgを指定 blogの本体部分センタリング指定・幅750px*/ #container{ margin: 0px auto 0px auto; width: 750px; padding: 0px; text-align: left; line-height: 140%; border: 1px solid #b8b1ad; background-color: #fcf7f5; } /*ヘッダー画像gf_750x100を指定*/ #banner{ font-family: Verdana, Arial, sans-serif; text-align: left; height: 200px; background: #eed2de url(http://leondoll.seesaa.net/03/flower03.jpg) no-repeat; } /*ブログ名の文字サイズ・位置決め*/ #banner h1 { font-size: 20px; color: #ffffff; font-weight: bold; padding: 10px 5px 0px 10px; } /*ブログ名の色指定*/ #banner h1 a { color: #ffffff; text-decoration: none; font-weight: bolder; } /*ブログ説明文の文字サイズ・色・位置指定*/ .description { font-weight: bolder; font-size: 14px; color: #ffffff; padding-left: 20px;      } /*記事部分全体の幅指定 540px*/ #content { float:left; width:538px; text-align:center; } /*記事ページナビゲーションの文字色・サイズ指定*/ .navi { color:#999999; font-size:12px; margin-bottom:5px; } /*記事上部の背景画像blog_top指定 日にち単位での記事のかたまり*/ .blog { margin: 20px 28px 10px 30px; text-align: left; } /*記事のかたまり*/ .blogbody { border-style: solid; border-width: 1px; border-color: #e5ddd8 #b8b1ad #b8b1ad #e5ddd8; background-color: #FAEEFF; } /*日付・タイトル文字の共通部分指定*/ h2, h3 { font-size:12px; color:#999999; font-family:Verdana, Arial, sans-serif; } /*日付の表示位置指定*/ .date { margin: 5px 0px 0px 0px; text-align: right; } /*タイトルの表示位置指定*/ .title{ text-align: left; margin: 10px 0px 0px 20px; } /*タイトルの文字色・リンク装飾の指定*/ .title a:link, .title a:visited, .title a:hover, .title a:active { color: #999999; text-decoration: none; font-weight: bold; } /*記事中央部分の背景画像blog_bg指定 記事部分の文字サイズ・色・余白指定*/ .text{ font-size: 12px; margin: 5px 20px 5px 20px; } /*記事下部分の背景画像blog_bottom指定 記事部分の文字サイズ・色・余白指定*/ .posted{ font-size: 10px; text-align: right; margin: 5px 20px 5px 0px; } /*左サイドの幅210px指定*/ #links-left { } /*右サイドの幅210px指定*/ #links { font-weight: normal; width: 210px; float: left; text-align: center; margin: 0px; padding: 0px; } /*サイド項目のタイトル背景画像sidetitle_01を指定 タイトルの文字サイズ・色:表示位置を指定*/ .sidetitle { font-size: 12px; font-weight: bolder; padding: 0em 0em 0em 0.5em; margin: 20px 30px 0px 0px; text-align: left; border-bottom: 1px dashed #C8384C; } /*サイド項目の文字サイズ・色:表示位置を指定*/ .side { font-size: 12px; font-weight: normal; padding: 0em 0em 0em 1em; text-align: left; margin: 5px 30px 10px 0px; line-height: 130%; } /*カレンダー表示箇所の余白指定*/ #calendar { margin: 5px 30px 10px 0px; } /*カレンダー幅指定*/ #calendar table { width: 180px; } /*カレンダー年月の文字・表示位置指定*/ .calendarhead { color: #8E8E8E; font-size: 12px; font-weight: bold; text-align: center; border-bottom: 1px dashed #C8384C; } /*カレンダー曜日部分の指定*/ #calendar th{ text-align: center; padding: 5px 1px 3px 1px; } /*カレンダー日付部分の指定*/ .calendarday { font-size: 10px; padding: 1px; text-align: center; color: #999999; font-weight: normal; line-height: normal; } /*カレンダー日付リンク部分の指定*/ #calendar .calendarday a{ font-size:10px; color:#C8384C; text-decoration: none; font-weight: normal; } /*検索用入力項目の表示指定*/ .side input { border:1px solid #EAEAEA; background-color:#FFF; color:#999999; font-size: 12px; } /*RDF Site Summaryの表示スタイル*/ .syndicate { font-size:10px; text-align: left; margin: 0px 0px 10px 10px; } /*コメント部分全体のマージン指定*/ #comments { text-align: left; margin: 10px 28px 0px 30px; } /*コメント部分「この記事へのコメント」「コメントを書く」の文字サイズ・余白指定*/ .comments-head{ margin:0px; padding-top:10px; color: #999999; font-size:12px; font-weight:bold; } /*コメント表示・入力部分 枠線、文字サイズ・色・余白を指定*/ .comments-body { font-size: 12px; color: #999999; padding: 5px 5px 5px 10px; border: 1px dotted #999999; } /*コメントのテキスト部分 記事部分のテキスト属性をクリア*/ #comments .text { font-size: 12px; color: #999999; background-image: none; padding: 0px; } /*コメントpost欄の文字サイズ・色・余白を指定*/ .comments-post{ font-size: 10px; color: #999999; padding:15px 10px 2px 20px; text-align: right; } /*コメントフォーム・入力項目の設定*/ #comments form{ } #comments textarea{ border:1px solid #EAEAEA; background-color:#FFFFFF; color:#999999; } #comments input{ border:1px solid #EAEAEA; background-color:#FFFFFF; color:#999999; } /*トラックバックの文字・枠線・余白等指定*/ #trackback { font-size: 12px; color: #999; padding: 5px 5px 5px 10px; text-align: left; border: 1px dotted #999; margin: 10px 28px 10px 30px; } /*フッター部分の設定*/ #footer{ clear:left; padding:0px; text-align:right; } /*Seesaa画像の表示位置指定*/ .powered { padding: 3px 20px 0px 0px; text-align: right; font-size: 10px; } /*copyright属性*/ .copyright{ font-size: 10px; width: 100%; text-align: center; } /*ダイエット項目の設定*/ #diet-container{ border:1px solid #999999; padding:5px; margin-bottom:5px; } .diet-title{ padding:2px 10px 2px 5px; font-size:12px; width:90px; margin-top:5px; } .diet-content{ padding-left:10px; font-size:12px; } #diet-foods{ padding-left:10px; font-size:12px; } .food-title{ width:20%; clear:left; float:left; } .food-content{ width:75%; padding-top:10px; }