/* BLOG FRIENDS #2渋めのCSS */ /*カスタムブルーで設定してください*/ /* 基本背景色:#)FBFCA(ブルーグレー) (本来は#82C6E2) 基本フォント色:#4E4E50(濃いグレー) ロゴ部背景:#BF4B50(ダークレッド) (本来は#EA4E31?) ハイライト色:#006DB8(ブルー) タイトルフォントサイズ:26ピクセル サブタイトルフォントサイズ:12ピクセル メニュータイトルフォントサイズ:13ピクセル メニュー内部フォントサイズ:12ピクセル 記事タイトルフォントサイズ:16ピクセル 記事本文・コメント・トラックバック部フォントサイズ:相対90% */ /* --- 2.フォントサイズとフォント色、背景色、リンク色、仕切り線色に関する記述 --- */ /*タイトル部*/ .header{background-color: #9EBFCA;} .bTitle { margin:0px; color: #FFFFFF; font-size: 26px; line-height:30px; font-weight: bold; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; } .bDesc { color: #FFFFFF; font-size: 12px; line-height:15px; height:14px; } .bTitleLink {text-decoration: none;} /*全体(記事欄、コメント欄、トラックバック欄)*/ TD {color: #4E4E50;} A {color: #006DB8;text-decoration: underline;} A:link {} A:visited {} A:hover {color: #9EBFCA;} A:active {color: #9EBFCA;text-decoration:none;} /*記事と記事、コメントとコメント間の仕切り線の色*/ .etRule {background-color: #9EBFCA;} /*コメント欄、検索窓*/ input{color: #4E4E50;background-color:#FFFFFF;border:1px solid #4E4E50;font-size:13px;} textarea{color: #4E4E50;background-color:#FFFFFF;border:1px solid #4E4E50;font-size:13px;} select{background-color:#4E4E50;color:#FFFFFF;} /*サムネイル画像の配置箇所と記事回り込み(画像はfloat:leftで左、float:rightで右に行きます)*/ .thumbnail { float: left; margin-right:15px; } /*記事タイトル*/ .etTitle {color: #4E4E50;font-size:16px;font-weight: bold;} .etTitleLink {text-decoration: none;} /*記事本文(行間が狭いと感じる場合は、line-heightを調節してください。)*/ .etBody {font-size:90%;line-height:140%;text-align:left;} /*コメントタイトル、トラックバック記事タイトル*/ .cmHeadText {font-size:90%;line-height:140%;font-weight: bold;} .cmTitle {font-size:90%;line-height:140%;font-weight: bold;} .tbHeadText {font-size:90%;line-height:140%;font-weight: bold;} .tbETitle {font-size:90%;line-height:140%;font-weight: bold;} /*その他コメント本文、コメント者、時刻、書き込みフォーム*/ .cmText {font-size:90%;line-height:140%;} .cmName {font-size:90%;line-height:140%;} .cmDate {font-size:90%;line-height:140%;} .cmForm {font-size:90%;line-height:140%;} .cmBody {font-size:90%;line-height:140%;} .trackback {font-size:90%;line-height:140%;} .tbHeadFrame {font-size:90%;line-height:140%;} .tbtrackback {font-size:90%;line-height:140%;} .tbUrl {white-space: nowrap;} .tbBTitle {font-size:90%;line-height:140%;} .tbDesc {font-size:90%;line-height:140%;} /*コメントサブウインドウ背景(もともと白いので今回は制御せず)*/ .comment {} /*左メニュー*/ #menu { background-color: #9EBFCA;} .menuBar { font-size:13px ; line-height:50px; color: #4E4E50; font-weight:bold; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; } #menu TD {font-size:12px ;color:#4E4E50;} #menu TD A {color: #FFFFFF;text-decoration: underline;} #menu TD A:link {} #menu TD A:visited {} #menu TD A:hover {text-decoration:none;} #menu TD A:active {text-decoration:none;} /*右メニュー*/ #menu2 TD {font-size:13px ;color:#4E4E50;} .menuBg2 table table td font{font-size:13px;} .menuBg2 .lgText{font-size:13px;} #menu2 TD A {color: #FFFFFF;text-decoration: underline;} #menu2 TD A:link {} #menu2 TD A:visited {} #menu2 TD A:hover {text-decoration:none;} #menu2 TD A:active {text-decoration:none;} /*アドバンス用($headlineを使う方向け)*/ #menu li {font-size:12px ;color:#4E4E50;} #menu li A {color: #FFFFFF;text-decoration: underline;} #menu li A:link {} #menu li A:visited {} #menu li A:hover {text-decoration:none;} #menu li A:active {text-decoration:none;} #menu ul{list-style-type: none;margin:0px;} .headline_title{display:none;} /* --- 3.背景の制御 --- */ /* ヘッダ1(上枠) */ .header{ background-image: url(http://ryak.net/sample/sample6-t0.gif); background-repeat: repeat-x; background-position: left bottom; } /* メニューバー(左枠) */ #menu { background-image: url(http://ryak.net/sample/sample6-p2.gif); background-repeat: repeat-y; background-position: left; } /* ヘッダ2(宣伝バナー) */ .headerLight { background-image: url(http://ryak.net/sample/sample6-t2c.gif); background-repeat: no-repeat; background-position: left top; } /* 本文部分(羽音ちゃんの足) */ .entry { background-image: url(http://ryak.net/sample/sample6-t4.gif); background-repeat:no-repeat ; background-position:right top ; } /* 左メニュー(羽音ちゃんの顔) */ .menuBar { background-image: url(http://ryak.net/sample/sample6-l1c.gif); background-repeat: no-repeat; background-position: left bottom; } /*右メニュー(羽音ちゃんの顔+LOGIN&ENTRY)*/ #menu2 { background-image: url(http://ryak.net/sample/sample6-l2c.gif); background-repeat: no-repeat; background-position: left top; } /*レイヤ1(BF2ロゴ)*/ .header table .rule { background-image: url(http://ryak.net/sample/sample6-t1c.gif); background-repeat: no-repeat; background-position: left top; } /*レイヤ2(羽音ちゃん)*/ .headerDark { background-image: url(http://ryak.net/sample/sample6-t3c.gif); } /* --- 4.表示場所、余白の制御 --- */ /*2ブロック構成用(主にマージン制御)*/ BODY {margin: 0px;} table table img{ display:none;} table table table img{ display:block;} .menuBg img{ display:block;} TD {width:0px;height:0px;} /*メニュー高さ、上下余白制御用*/ #menu br{font-size:10px;} .menuBg table .rule {display:none;} /*ヘッダ部レイヤ化に伴なう表示制御用*/ .headerLight table table{margin:0px;} .header table .rule img{display:none;} /* ヘッダ高さ確保、ブログタイトルの左マージン確保 */ .header{ height:300px; width:100%; margin:0px; padding-left:225px; padding-top:20px; vertical-align:top; } /*ブログタイトルの上マージン確保、宣伝バナーの余白確保*/ .headerLight { height:278px; padding-top:34px; vertical-align:top; } /* 本文部分の横幅指定、上下マージン指定(ここでfont-sizeおよびline-heightを指定すると、記事やコメント毎の上下間隔が変ります) */ .entry { width:100%; font-size:5px; text-align:left; } /* 左メニュー横幅・左右マージン指定 */ #menu { width:180px; padding-left:20px; padding-right:20px; } /*左メニュータイトルの左マージン確保*/ .menuBar { padding-left:40px; text-align: left; } /*左メニュー内部の横幅指定*/ .menuBg {width:180px;} /*右メニューレイヤ用のマージン作成*/ .calendar{margin-bottom:180px;} /*右メニューレイヤ化*/ #menu2 { position:absolute; top:525px; left:20px; height:82px; width:200px; } /*右メニュー高さ制御*/ #lgFrame { position:absolute; top:50px; left:0px; height:140px; width:200px; margin:0px; overflow:hidden; } /*右メニュー内部の横幅指定*/ .menuBg2 { width: 170px; text-align: center; } /*右メニューの内容制御*/ #menu2 hr{display:none;} .menuBg2 table img{display:none;} .menuBg2 td{text-algin:right;} .menuBg2 br{display:none;} .lgBar { display:none;} .gooText {display:none;} .lgRule {display:none;} /*レイヤ1(BF2ロゴ)*/ .header table .rule { position:absolute; top:0px; left:0px; height:300px; width:220px; margin:0px; padding:0px; } /*レイヤ2(羽音ちゃん)*/ .headerDark { position:absolute; top:16px; right:0px; height:291px; width:330px; padding:0px; } /* --エントリー枠固定用(変更不可)-- */ .Posi{text-align: left; width: 100%;}