@charset "UTF-8"; /* http://adan.noor.jp/am_mattou/menu 配布用3カラム、2重枠あり Blue 2011/07/19 初出 2011/07/23 entryのpadding修正 ★ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 当CSSは「自分でカスタマイズ」する方にだけご提供しています。 「他人のパスワードを聞き出して改造」に使っているのを見つけたら、ブラックリストに載せます。 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ★ ============ ☆ 我流wかんたんCSS ☆ ==============*/ /*▼1)ヘッダ(ロゴ画像作成型)*/ div#header{ background:url(http://adan.noor.jp/am_mattou/img/800x300-blue.gif) left top no-repeat;/*ヘッダ画像&色*/ height:300px;/*画像高さ*/ width:800px; } div#header a{ height:300px; /*画像高さ*/ } /*▼2)罫線色*/ div,h3,span,a{border-style:solid;/*細線種類*/ border-color:#7dc3ff;/*細線色*/ border-width:0; } /*▼3)枠部*/ #message, .entry{ background:#bfe0ff;/*二重線の間*/ } /*▼4)カラム内部の色*/ #wrap{ background:#ffffff;/*記事周辺の背景(ここに背景画像を入れるのもあり)*/ } #message .contents, .entry_head, .entry .title, .theme, .entry .contents, .foot, .each_comment, #recent_entries_list{ background:#ffffff;/*背景色*/ } /*▼5)ページ背景に画像を入れる*/ body{ background:url(http://adan.noor.jp/am_mattou/img/dia-24px.gif) #7dc3ff center top;/*ブログ両脇背景画像&色*/ } /*▼6)日付文字色&フォント*/ .date{ color:#bfe0ff;/*色*/ font-size:18px;/*文字サイズ*/ font-family:'Palatino Linotype',serif;/*フォント*/ font-weight:bold;/*太さ*/ } /*▼7)リンク色*/ a { text-decoration: none; } a:link { color: #7dc3ff; } a:visited { color: #7dc3ff; } a:hover { text-decoration: underline; color: #000; } a:active { text-decoration: underline; color: #000; } /*●横メニューはCSS末尾に●*/ /*============ ☆ 我流wかんたんCSSここまで ☆ ==============*/ /*◎初期化*/ body,div,ul,li,img,h1,h2,h3,h4,h5,h6,p,textarea,imput,form { margin: 0px; padding: 0px; font-family:"Trebuchet MS", "MS Pゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka", sans-serif; word-break: break-all; } img{border:none;} font{line-height:1.4em;} ul,li{list-style-type:none;} body{ text-align:center; /*旧IE用レイアウト*/ color:#222; /*文字色*/ line-height:1.2em; } body,h1,h2,h3,h4,h5,h6,td,dd,li{ font-size:12px; /*文字サイズ*/ } #frame{ width:800px; margin:0 auto; position:relative; } #subFrame{ width:800px; float:left; } div#userNaviArea { display:none; } div#header a{ width:100%; display:block; text-indent:-9999px; } div#header h2{ display:none; } #wrap{ width:754px; border-width:1px; padding:12px 22px; float: left; } #firstContentsArea{ float: left; width:563px; } #subFirstContentsArea{ } #main{ float: right; width: 372px; overflow:hidden; } /*◎メッセージボード*/ #message{ border-width:1px; padding:3px; margin:0 0 8px 0; } #message .contents{ padding:6px 22px; border-width:1px; text-align:left; } /*◎記事*/ .entry{ border-width:1px; padding:3px; margin:8px 0 8px 0; text-align:right; } .entry_head{ padding:0 12px 12px 12px; border-width:1px 1px 0 1px; } .entry .title{ text-align:left; border-width:0 1px; padding:0 12px 12px 12px; } .theme{ display:block!important; padding:0 22px 12px 22px; border-width:0 1px; } .entry .contents{ padding:6px 22px; width:318px; overflow:hidden; text-align:left; border-width:0 1px; } .contents{ line-height:1.7em; } .contents p{ margin:0.2em 0; } .contents img{ max-width:100%; } .foot{ border-width:0 1px 1px 1px; padding:6px 12px; } /*◎コメント*/ #comment_module{ padding:6px 20px; width: 328px; overflow:hidden; text-align:left; } .each_comment{ margin:6px 10px 14px 10px; border-width:1px; padding:12px; } .comment_body{ padding:3px 15px; line-height:1.5em; } /*◎記事一覧*/ #recent_entries_list{ margin:20px 0px 6px 0; padding:6px 3%; border-width:1px; } #recent_entries_list .title{ text-align:left; } .newentrytitle{ width:94%!important; clear:both!important; text-align:left; } .p.cotb{ float:right!important; } .updatetime { float: left!important; text-align:left; } /*◎メニューカラム*/ #sub_a{ float: left; z-index: 1; width:170px; text-align:left; } #sub_b{ float: right; z-index: 2; width:170px; text-align:left; } .menu_title{ padding-bottom:6px; } .mainMenu{ padding-bottom:20px; } .mainMenu li{ margin:0.3em 0; } div#footerArea{ clear:both; margin:0; padding:12px 8px 25px 0; border-top:1px solid #666666; text-align:right; } /*●横メニュー*/ #wrap{ margin-top:31px; clear:both; } #navi00{ position:absolute; left:0; /* relative設定の部位の、左から何pxか */ top:303px; /* relative設定の部位の、上から何pxか */ width:800px; font-size:18px; font-family:Arial,sans-serif; } /* 各メニューの設定 */ #navi00 a{ display:inline-block; /* 背景を指定できるように */ text-align:center; width:127px; /* 各メニューの「幅」 */ height:24px; /* 各メニューの「高さ」 */ line-height:24px; margin-left:3px; /* 各メニューの「隙間 」*/ border-width:1px;/* 各メニューの「囲み罫線 」*/ } /* 各メニューの設定(未訪問) */ #navi00 a:link, #navi00 a:visited{ color:#7dc3ff; background:#fff; /* 各メニューの「背景色」 */ text-decoration:none; } /* 各メニューの設定(マウスカーソル触れたとき) */ #navi00 a:hover{ color:#fff; background:#7dc3ff; /* 触れたときの「背景色」 */ text-decoration:none; } /*●コメントボタン*/ #comment_show h4, #comment_show p { display:none; } #comment_show{border:none!important; text-align:center!important; background:none!important;}