@charset "UTF-8"; /* 配布用“素材屋”レイアウト 黄色 http://adan.noor.jp/am_mattou/menu/ ============ ☆ 我流wかんたんCSS ☆ ============== */ /*▼1) ページ背景(敷き詰め画像)*/ body{ background:url(http://adan.noor.jp/am_mattou/img/dia-24px.gif) #ffff00;/*--背景画像--*/ min-width:994px; height:580px; } /*▼2) メイン画像と位置決め*/ #frame{ height:500px;/*--窓高さ(経験値)--*/ width:100%; min-width:993px; position:relative; padding-top:30px; } #header{ display:none; } #header h2{ text-indent:-9999px; } div{border-color:#ffff00; border-style:dotted; border-width:0; } a{border-color:#ffff00; border-style:solid; border-width:0; } /*▼3) [メニュー+記事]小窓位置とサイズ*/ #subFrame{/*--広告をよけて中央置き--*/ padding-right:100px; } #firstContentsArea{ position:relative; width:700px;/*--メイン画像幅=図中●--*/ height:500px;/*--高さ=図中▼--*/ margin:0px auto; overflow:hidden; background:url(http://adan.noor.jp/am_mattou/img/700x500-yellow.gif) left bottom no-repeat; /*--メイン画像URL--*/ } #subFirstContentsArea{ width:470px;/*--メニュー窓幅+中余白+記事窓幅=図中◎--*/ padding-left:212px;/*--メニュー窓左余白=図中○--*/ float:left; overflow:hidden; } #main{ float:right; margin-top:131px;/*--記事窓上余白=図中◆--*/ width:400px;/*--記事窓幅=図中※-*/ height:350px;/*--記事窓高さ=図中×--*/ overflow:auto; } #sub_main{ padding:7px; width:365px;/*--記事窓幅(スクロールバー除く)=図中※-20--*/ overflow:hidden; } /*▽左メニュー*/ #sub_a{ z-index: 1; margin-top:131px;/*--メニュー窓とヘッダの隙間=図中◇--*/ width:70px;/*--メニュー窓幅=図中△--*/ height:350px;/*--メニュー窓幅高さ=図中×--*/ overflow:auto; float:left; } /*▽グルっぽ、広告、アメーバナビ*/ #sub_b{ position:absolute; top:0px; right:0; z-index: 2; width:190px; overflow:auto; height:100%; } /*▼5)文字色,フォント*/ body{ color: #000; /*-- 黒 --*/ font-family:'Trebuchet MS',sans-serif; } /*▼6)リンク色*/ a{ text-decoration:none; } a:link { color:#444;/*-- 濃いグレイ --*/ } a:visited { color:#444;/*-- 濃いグレイ --*/ } a:hover{ text-decoration: underline; } a:acitive { text-decoration: underline; } /*■文字サイズ等*/ /*▼7)-1 全体*/ body, h1, h2, h3, h4, h5, h6, td, li{ font-size:12px; line-height:1.4em; } /*▼7)-2 記事タイトル*/ .title{ text-align:left; padding:6px 0 6px 0; } /*▼7)-3 記事*/ .subContents{ line-height:1.6em; padding:6px; } .subContents img{ max-width:235px; } /*▼7)-4 メッセージボード*/ #message{ line-height:1.6em; } /*▼7)-5 コメント*/ .each_comment{ line-height:1.4em; } /*■8) リスト*/ li{ list-style-type: none; } #sub_a ul,#message ul{ margin-left:1.3em; } #sub_a li{ list-style-type: disc; color:#777777; } #message li{ list-style-type: disc; color:#777777; line-height:1.6em; } /*■9) スクロールバー色(IEのみ)*/ body,html{ scrollbar-face-color:#ffffff; scrollbar-highlight-color: #ffff00; scrollbar-shadow-color: #ffff00; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffff00; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } /*---------------------------------- ▲ かんたんCSS編集はここまで ▲ ----------------------------------*/ /*▽初期化*/ body, div, h1, h2, h3, h4, h5, h6, ul, li, p { padding:0;margin:0; word-break: break-all; } img{border:none} font{line-height:1.4em;} html,body{overflow:auto;} /*▽記事カラム*/ .entry{ border-width:5px 0 0 0; text-align:right; margin-bottom:12px; } .subContents, .comment_body, #recent_entries_list ul{ text-align:left; margin-left:3%; width:97%!important; } .each_comment{ margin:0px 0 0px 10px; } .each_comment p.label{ font-weight:bold; padding-top:30px; } /*■記事下部広告一段にする場合 #footer_ad ul{ width:15em!important; } */ /*■記事一覧*/ .newentrytitle{ width:100%!important; clear:both!important; } .p.cotb{ float:right!important; } .updatetime { clearleft!important; float: none!important; } /*●コメントボタン*/ #comment_show h4, #comment_show p { display:none; } #comment_show{border:none!important; text-align:center!important; background:none!important;} /*■コメント - デザインカスタマイズ - メインカラム*/ #comment_module{ border-width:3px 0 0 0; line-height:1.5; } /*コメント見出し*/ #comment_module h3.title{ background:none; } .eachcomment{ border-width:3px 0 0 0; padding-bottom:20px; } /*コメントフッター*/ #comment_module .comment_footer{ border-width: 0 0 1px 0; } /*各コメントタイトル*/ #comment_module .label{ font-weight:bold; } .comment_footer{ text-align:right; } ul#amebaBar { border-bottom: none!important; background: transparent!important; background:url(http://adan.noor.jp/am_mattou/img/white-alpha80.png)!important; } .page{text-align:center;} #userNaviArea{ display:none; } /*▽縦/横menu*/ /*▽とりあえず縦メニュー*/ #navi00 a{ display:inline-block; z-index: 100; width:65px;/* 幅 */ font-size:12px;/* 文字の大きさ */ text-align:center; background:#fff; margin:1px; text-align:center; font:'Times New Roman',serif; } #navi00 a:link{ border-width:1px;/* 枠 */ background:#fff; color:#777; } #navi00 a:visited{ border-width:1px;/* 枠 */ background:#fff; color:#777; } #navi00 a:hover{ border-width:1px;/* 枠 */ background:#ffff00; color:#fff; text-decoration:none; } /*▽[横メニューにするにはこの行を削ります]。(メイン画像の左から277px、上から108px) #navi00{ position: absolute; left:277px; top:108px; width:417px; } (横メニュー全体の幅が417px)[横メニューにするにはこの行を削ります]*/