@charset "UTF-8"; /* 配布用3カラム 記事&メニュースクロールmonotone http://adan.noor.jp/am_mattou/menu 2011/07/23 初出 罫線とリンク色=#999999 #999999を検索(ctrL+f)して、好みの色に変更してご使用ください。 ★ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 当CSSは「自分でカスタマイズ」する方にだけご提供しています。 「他人のパスワードを聞き出して改造」に使っているのを見つけたら、ブラックリストに載せます。 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ★ ============ ☆ 我流wかんたんCSS ☆ ==============*/ /*▼1)ヘッダ(ロゴ画像作成型)*/ div#header{ background:url(http://adan.noor.jp/am_mattou/img/800x270.gif) left top no-repeat;/*ヘッダ画像&色*/ height:270px;/*画像高さ*/ width:800px; } div#header a{ height:270px; /*画像高さ*/ } /*▼2)罫線色*/ div,h3,span,a{border-style:solid;/*細線種類*/ border-color:#999999;/*細線色*/ border-width:0; } /*▼3)カラム内部の色*/ #main, #sub_a, #sub_b{ background:#fff;/*背景色*/ } /*▼4)ページ背景に画像を入れる*/ body{ background:url(http://adan.noor.jp/am_mattou/img/dia-24px.gif) #999999 center top;/*ブログ両脇背景画像&色*/ } /*▼5)日付文字色&フォント*/ .date{ color:#999999;/*色*/ font-size:18px;/*文字サイズ*/ font-family:'Palatino Linotype',serif;/*フォント*/ font-weight:bold;/*太さ*/ } /*▼6)リンク色*/ a { text-decoration: none; } a:link { color: #999999; } a:visited { color: #999999; } a:hover { text-decoration: underline; color: #f00; } a:active { text-decoration: underline; color: #c00; } /*●横メニューは、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:800px; float: left; margin-top:3px; } #firstContentsArea{ float: left; width:598px; } #main{ float: right; margin-top:29px; width: 395px; height:300px; border-width:1px; overflow:auto; } /*◎メッセージボード*/ #message .contents{ padding:6px 22px; text-align:left; } /*◎記事*/ .entry{ padding:3px; margin:6px 0 20px 0; text-align:right; } .entry .title{ text-align:left; padding:6px 0; } .theme{ display:block!important; } .entry .contents{ padding:6px 22px; text-align:left; } .subContents{ width:326px; overflow:hidden; line-height:1.7em; } .subContents p{ margin:0.2em 0; } .subContents img{ max-width:100%; } .foot{ 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; } /*コメントボタン*/ #comment_show h4, #comment_show p { display:none; } #comment_show{border:none!important; text-align:center!important; background:none!important;} /*◎記事一覧*/ #recent_entries_list{ margin:20px 0px 6px 0; padding:6px 22px; } #recent_entries_list .title{ text-align:left; } .newentrytitle{ width:326px!important; clear:both!important; text-align:left; } .p.cotb{ width:120px!important; float:right!important; clear:none!important; } .updatetime { width:200px!important; float: left!important; text-align:left; clear:none!important; } /*◎メニューカラム*/ #sub_a{ float: left; z-index: 1; width:190px; height:329px; border-width:1px; overflow:auto; text-align:center; padding:0 0 0 5px; } #sub_b{ float: right; z-index: 2; width:190px; height:329px; border-width:1px; overflow:auto; text-align:center; padding:0 0 0 5px; } .mainMenu{ text-align:left; width:170px; margin:0 auto; padding-bottom:20px; } .menu_title{ text-align:left; width:170px; margin:15px auto 10px auto; } .mainMenu li{ margin:0.3em 0; } #calendar th, #calendar td{ width:25px; text-align:right; } .page{text-align:center;} /*▽amebaBar*/ /*AmebaBar*/ ul#amebaBar { border-bottom: none!important; background: transparent!important; background:url(http://adan.noor.jp/am_mattou/img/white-alpha80.png)!important; } /*フッター*/ div#footerArea{ clear:both; margin:0; padding:3px 0px 8px 3px!important; border-top:none!important; text-align:right; background-color: transparent !important; border-top: none!important; height:30px!important; overflow:hidden!important; } div#footerArea #register { top: 9px!important; color:inherit!important; } /*●横メニュー*/ #navi00{ position:absolute; left:198px; /* relative設定の部位の、左から何pxか */ top:273px; /* relative設定の部位の、上から何pxか */ width:404px; font-size:12px; font-family:Arial,sans-serif; } /* 各メニューの設定 */ #navi00 a{ display:inline-block; /* 背景を指定できるように */ text-align:center; width:64px; /* 各メニューの「幅」 */ height:24px; /* 各メニューの「高さ」 */ line-height:24px; margin-left:1px; /* 各メニューの「隙間 」*/ border-width:1px;/* 各メニューの「囲み罫線 」*/ } /* 各メニューの設定(未訪問) */ #navi00 a:link, #navi00 a:visited{ background:#fff; /* 各メニューの「背景色」 */ color:#999999; text-decoration:none; } /* 各メニューの設定(マウスカーソル触れたとき) */ #navi00 a:hover{ background:#999999; /* 各メニューの「背景色」 */ color:#fff; text-decoration:none; }