/* -------------------------------------------------- ameblo CSS Skin Settings Skin for: peach_ad FileName: /p_skin/peach_ad/css/common.css Version: $Revision: 1.3 $ -------------------------------------------------- */ /* ---------- common : 全体に対するスタイル --- */ body#mainIndex{ margin:0; padding:0; text-align:center; } #frame{ text-align:left; } #sub_a,#sub_b,#main{ overflow:hidden; padding-top:15px; } a:link{text-decoration:none;color:#ec5ab6;} a:visited{text-decoration:none;color:#c90080;} a:hover{text-decoration:underline;color:#c90080;} input,textarea{font-size:12px;} img{ border:0; } p{ margin:0; padding:0; } .menu_frame ul, .menu_frame li, .menu_frame dl, .menu_frame dt, .menu_frame dd, #comment_module ul, #comment_module li, #trackback ul, #trackback li, #reader_list ul, #reader_list li, #favorite_list ul, #favorite_list li, #bookmark_list ul, #bookmark_list li, #recent_entries_list ul, #recent_entries_list li{ list-style-type:none; margin:0; padding:0; } /* ---------- header : ブログタイトル部分 ----- */ #header{ height:350px; background-color:#FF6766; } #header h1, #header h2{ padding:0; margin:0; text-align:right; } #header h1{ padding-top:15px; margin-left:10px; text-decoration:none; } #header h2{ margin-left:10px; } /* ---------- font : 文字サイズ・装飾---------- */ body{ color:#666666; font-size:12px; } #ameblo, #comment_module p.list, .entry .theme, .entry .foot, .list{ font-size:10px; } #header h1, #header h1 a{ color:#FFFFFF; font-size:25px; font-weight:bold; line-height:1.15; } #header h2{ color:#FFFFFF; font-size:11px; font-weight:normal; line-height:1.15; } .menu_title{ color:#b29952; font-size:12px; font-weight:bold; } .mainMenu{ font-size:11px; line-height:1.3; } #profile, #reader{ color:#b29952; } #calendar table{ font-size:11px; line-height:1.3; color:#b29952; } #ranking *{ font-size:12px; line-height:1.4; } #ranking .rank_ttl{ font-weight:bold; color:#6b29952; } #ameblo, #ranking .rank{ color:#b29952; } #ameblo p{ line-height:1.25; } #rss{ font-size:12px; } #joinbookList h3, h3.title{ font-size:12px; font-weight:bold; color:#FF6766; } .label{ font-weight:bold; } .entry .contents, #message .contents{ font-size:12px; line-height:1.5; } .entry .theme{ color:#666666; } .entry .title{ font-size:16px; font-weight:bold; color:#362a0a; } #comment_module, #trackback{ line-height:1.5; } #comment_module .error{ color:#FF0000; margin-top:20px; padding-bottom:10px; } /* ---------- background-color : 背景色 ------- */ body{ background-color:#000000; background-image:url(http://img0.photo0.ameba.jp/h/hypno-mana/org/0835Rad09whN91gNE21g7E.jpg); background-repeat:repeat-x; background-attachment: fixed; } #frame{ background-color:#FFFFFF; } #sub_a{ background-color:#FFFFFF; } #sub_b{ background-color:#FFFFFF; } /* ---------- menu_element : 各サイドバー共通 - */ .mainMenu{ margin-bottom:15px; } .menu_title{ margin:0 2px 7px; padding:3px 0 3px 20px; border-bottom:1px solid #b29952; background-image:url(http://img0.photo0.ameba.jp/h/hypno-mana/org/0855yoI292Ef91y2I21fth.gif); background-repeat:no-repeat; text-indent:3px; } /* ----- profile : サイドバー プロフィール ---- */ .menu_title, .mainMenu ul, .mainMenu dl, .mainMenu p, .list, .link_blog, #archives select, #theme_list select, #search form{ margin-left:6px; margin-right:6px; } p.list, p.link_blog{ padding-top:5px; } /* ----- profile : サイドバー プロフィール ---- */ #profile p{ display:block; } /* ----- readers : サイドバー 読者 ------------ */ #reader dl{ margin-bottom:7px; } #reader ul{ margin-top:5px; } #reader p{ display:inline; } /* ----- calendar : サイドバー カレンダー ----- */ #calendar{} #calendar .menu_title{} #calendar table{ width:168px; text-align:center; } #calendar caption{ padding:5px 0; } #calendar caption a{ padding:0 5px; } #calendar .sun{ color:#FF0000; } #calendar .sat{ color:#0000CC; } #calendar td, #calendar th{ text-align:center; padding:0; } #calendar td a{ color:#CC0000; text-decoration:underline; } /* ----- search : サイドバー 検索 ------------- */ #search form{ margin-top:7px; margin-bottom:7px; } #search .searchbox{ width:100px; } #search .searchbtn{ width:40px; } /* ----- rss : サイドバー RSS ----------------- */ #ranking .rank_ttl{ display:block; } #ranking .rank{ display:block; padding-top:3px; padding-bottom:3px; } #ranking a{ background-image:url(http://stat100.ameba.jp/p_skin/peach_ad/img/icon.gif); background-repeat:no-repeat; background-position:left center; padding-left:9px; } #ranking img{ margin-left:5px; } #ranking .rank_all, #ranking .rank_genre{ margin-bottom:8px; } /* ----- rss : サイドバー RSS ----------------- */ #rss{ margin-top:-3px; margin-right:auto; margin-left:auto; border:none; background-image:none; text-align:center; } /* ----- plugin : サイドバー プラグイン枠 ----- */ .plugin{ margin-bottom:15px; text-align:center; } /* ----- ameblo : サイドバー アメーバ広告 ----- */ #ameblo{ border:1px solid #666666; text-align:center; padding-top:7px; padding-bottom:7px; } #ameblo p{ text-align:left; padding-right:7px; padding-bottom:7px; padding-left:7px; } #ameblo li{ display:block; margin-bottom:5px; } /* ----- advertising : サイドバー 広告枠 ------ */ #advertising{} #adJavaScript .HBgColor{background-color:#FFFFFF;} #adJavaScript .HTitleColor{color:#0000ff;} #adJavaScript .HTextColor{color:#000000;} #adJavaScript .HUrlColor{color:#0000ff;} /* ----- advertising2 : 記事内 広告枠 --------- */ #advertising2 .menu_frame{} #advertising2{ text-align:center; background-image:none; padding-top:20px; } #advertising2 .menu_title{ background-image:none; height:12px; text-indent:0px; color:#FFFFFF; } #adJavaScript2 .HBgColor{background-color:#FFFFFF;} #adJavaScript2 .HTitleColor{color:#0000ff;} #adJavaScript2 .HTextColor{color:#000000;} #adJavaScript2 .HUrlColor{color:#0000ff;} /* ---------- main : メイン部分 --------------- */ #main{ padding-bottom:10px; } #joinbookList h3, h3.title{ margin-bottom:10px; margin-top:5px; border:none; } /* ---------- message : メッセージ枠 ---------- */ #message{ width:99%; margin-bottom:15px; border-top:1px dashed #b29952; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#b29952; } #message .contents{ margin-top:10px; margin-bottom:10px; } /* ---------- entry : 各記事枠 ---------------- */ .entry{ width:405px; padding:5px; margin-bottom:20px; border:1px solid #b29952; } .entry .date{ padding:5px 0 2px 5px; border-bottom:1px solid #b29952; display:block; color:#b29952; text-align:right; } .entry .name{ margin-top:5px; display:block; } .entry .theme{ margin-bottom:10px; padding:5px 0; display:block; text-align:right; border-bottom:1px solid #b29952; } .entry .title{ padding-top:15px; padding-bottom:5px; padding-left:80px; background-image:url(http://img0.photo0.ameba.jp/h/hypno-mana/org/0845uta39wao81wqt21SdE.jpg); background-repeat:no-repeat; height:30px; } .entry .contents{ margin-top:15px; margin-bottom:15px; } .entry .foot{ text-align:right; padding:5px 20px 5px 0; border-top:1px dashed #b29952; } /* ---------- page : ページリンク ------------- */ .page{ margin-right:auto; margin-left:auto; text-align:center; margin-top:7px; margin-bottom:10px; } #footer_ad{ margin-right:auto; margin-left:auto; text-align:center; margin-top:20px; margin-bottom:10px; } #footerArea { background:#FFFFFF none repeat scroll 0%; border-top:1px solid #b29952; margin:0pt; padding:12px 8px 25px 0pt; text-align:right; } /* ---------- footer_ad : フッター広告 -------- */ #trackback{ border-top:1px solid #b29952; margin-top:25px; margin-bottom:10px; padding-top:5px; } #trackback p.tr_URL{ margin-bottom:10px; } #trackback ul{ margin-bottom:10px; } /* ---------- comment_module : 各記事コメント欄 - */ #comment_module h3.title{ margin-bottom:0; } #comment_module p.list{ margin:0 0 10px 0; padding:0; } #comment_module{ border-top:1px solid #b29952; padding-top:5px; } #comment_module .each_comment{ margin-bottom:10px; } #comment_module .comment_footer{ margin-top:5px; padding-top:5px; border-top:1px dashed #b29952; } #comment_module .error{ margin-top:20px; padding-bottom:10px; } #comment_module label{ display:block; float:left; width:70px; text-align:right; } #f_name,#f_url,#f_title,#f_com{ display:inline; width:250px; margin-bottom:3px; margin-left:6px; } #comment_module form ul{ width:340px; margin-left:auto; margin-right:auto; } #comment_module form li{ display:block; width:340px; margin-bottom:5px; } #comment_module li.lastItem{ display:block; width:330px; margin-bottom:5px; text-align:right; } #comment_module .button{ margin-left:5px; font-size:11px; width:80px; } /* ---- reader_list : 読者一覧 ---------------- */ /* ---- bookmark_list : ブックマーク一覧 ------ */ /* ---- favorite_list : お気に入りブログ一覧 -- */ /* ---- recent_entries_list : 最新記事一覧 ---- */ /* ---- joinbookList : みんなのテーマ一覧 ----- */ #reader_list ul, #favorite_list ul, #bookmark_list ul, #recent_entries_list ul{ width:100%; } #joinbookList li, #bookmark_list li, #reader_list li, #favorite_list li, #recent_entries_list li{ padding-bottom:2px; margin-bottom:8px; border-bottom:1px dotted #dddddd; } #reader_list .reader_blog{ display:block; margin-top:2px; } #favorite_list .favorite_blog{ display:block; margin-top:2px; } #recent_entries_list ul{ margin-top:12px; } #userNaviArea a#userNickName{ padding:0pt 10px ! important; } #userNaviArea{ display:none; visiblity:hidden; } /* -------------------------------------------------- ameblo CSS Skin Layout Settings 3コラム記事中:横幅固定 FileName: /p_skin/cmn/css/type_c.css Date: $Date: 2007/03/23 01:25:35 $ Version: $Revision: 1.1 $ -------------------------------------------------- */ #frame:after, #wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #frame, #wrap{display:inline-table;} /* Hides from IE-mac \*/ * html #frame, * html #wrap{height:1%;} #frame, #wrap{display:block;} /* End hide from IE-mac */ #frame{ width:810px; margin-left:auto; margin-right:auto; } #subFrame{ width:800px; margin:0 auto; } #wrap{ width:100%; } #main{ width:420px; float:left; padding-left:10px; } #sub_main{ width:100%; overflow:hidden; } #sub_a{ width:170px; float:left; z-index:1; } #sub_b{ width:170px; float:right; z-index:2; } /* -- // ameblo CSS Skin Layout Settings END --*/ #header { background-image: url(http://stat.ameba.jp/user_images/20091221/22/hypno-mana/10/e0/j/o0800035010348665799.jpg); background-repeat:no-repeat; }