/* テンプレート名: ac-BlueCosmos-r-js 製作者: 斎七 (さいしち) http://rainbowmaterial.blog59.fc2.com/ (2010年09月12日) 2011/8/25更新 ・絵文字呼び出しjavascript(load.js)の文字化け対策 2011/4/10更新 ・画像に枠がつかないようにリセット設定 2010/11/24更新 ・IEでのフッター表示位置のズレ修正 ************************** おねがい ************************** ブログ表示されないなどの不具合がございましたら お手数ですがご連絡くださいませ。 ************************** 参考にしたもの ************************** 追記・コメントの開閉スクリプトは下記を参考にしました。 http://artifact-jp.com/mt/archives/200401/mtmemo0122.html ARTIFACT ―人工事実― : Movable Type作業メモ ************************** 使用した素材 ************************** 画像 *05 free photo http://kenken.kikirara.jp/ YUI 3: CSS Fonts Yahoo UI Library Font-size Adjustment Copyright (c) 2010, Yahoo! Inc. All rights reserved. http://developer.yahoo.com/yui/license.html http://developer.yahoo.com/yui/3/cssfonts/ ************************** このテンプレートのご使用は、同人を除くアダルト・商用ではご遠慮下さい。また、テンプレートのカスタマイズ後の再配布もご遠慮下さい。カスタマイズは自由です。 そのほか、何かありましたら僕のブログまでご連絡下さい。よろしくお願いします。あと、ソースが見づらくてすいません<(_ _)> */ /************************************/ /*画像に枠がつかないようにリセット*/ img{ border-style:none; } /************************************/ /*テキストシャドウ*/ .textshadow{ text-shadow:Azure 0px 0px 5px,Azure 0px 0px 5px; /*IE用フィルタ*/ /*filter:progid:DXImageTransform.Microsoft.Glow(Color='Azure', Strength=2);zoom:1;*/ /*IE用フィルタ*/ } /************************************/ /*JavaScript有効のとき、対象を隠す*/ .sidehide{display:none;} /*コメントリストのスタイル*/ .com_open { line-height: 150%; display: block; padding: 5px 0px 5px 5px; } .com_open_name { line-height: 150%; display: block; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } /************************************/ /*コメント欄のアイコンポップアップ位置調整*/ #table_icon{ z-index:9!important; left:0px; margin-top:20px; } /************************************/ /* ページ構成 */ html {overflow-y:scroll;} /* IE用横スクロールバー対策 */ body{ text-align : center; font-family:"MS Pゴシック","OSAKA","ヒラギノ角ゴ Pro W3"; margin:0px; padding:0px; background-color: white; background-image: url(); /* 背景画像 */ color: black; } #container{ font-size: 116%; /***** YUI使用でのベースフォントサイズ *****/ position:relative; width:800px; /* ブログの幅 */ margin-left:auto; margin-right:auto; text-align:left; background-color: ; } #wrapper { position:relative; background-color:; margin-left:0px; width:800px; margin-bottom:0px; } #main-column{ position:relative; float:left; margin-top:15px; margin-right:-500px; margin-left:0px; background-color: ; text-align:left; /****ナレイさん用1・記事部分の幅****/ width:590px; /* メインカラムの幅 */ /****ナレイさん用1・記事部分の幅****/ } div#left_column{ /* position:relative; z-index:2; */ margin-left:-70px; float:left; margin-top:15px; background-color: ; width:200px; /* 左メニューの幅 */ padding-left:0px; border-width:0px; border-color: #CC9933; border-style:solid; font-size: 90%; } div#right-column{ /* position:relative; z-index:2; */ margin-top:15px; margin-right:0px; float:right; background-color: ; /****ナレイさん用2・右メニューのの幅****/ width:190px; /* 右メニューの幅 */ /****ナレイさん用2・右メニューのの幅****/ padding-right:0px; border-width:0px; border-color: #CC9933; border-style:solid; font-size: 90%; } /************************************/ /* リンクの色 */ a:link { color: MidnightBlue; text-decoration: underline;} a:active { color: steelblue; text-decoration: underline;} a:visited { color: DarkSlateGray; text-decoration: underline;} a:hover { color: SteelBlue; text-decoration: underline;} #BlogName a{ color: black; text-decoration: underline; } #BlogName a:HOVER{ color: navy; text-decoration: underline; } #headIntroduction a{ color: #D59F00; text-decoration: underline; } #headIntroduction a:HOVER{ color: #FFDF80; text-decoration: underline; } /* .EntryTitle a{ font-weight:bold; color: #D59F00; text-decoration: underline; } .EntryTitle A:HOVER{ font-weight:bold; color: Peru; text-decoration: underline; } */ /*フッター部分のリンクの色 .fc2ad a{ color: navy; text-decoration: underline; } .fc2ad A:HOVER{ color: Peru; text-decoration: underline; } */ .calender td a { background: aliceblue!important; text-decoration: underline; /* font-weight:bold;*/ } /* .calender td a:link { background: cornsilk!important; color: #333399; text-decoration: underline; font-weight:bold; } .calender td a:visited { background: cornsilk!important; color: DarkOliveGreen; text-decoration: underline; font-weight:bold; } .calender td a:hover { background: cornsilk!important; color: CornflowerBlue; text-decoration: underline; font-weight:bold; } */ /************************************/ /* 引用 */ blockquote{ width:87%; margin:0px 10px; padding:5px 15px; background-color: ; border:4px dotted lightblue; } hr{ border: lightblue 1px dotted; } /************************************/ /*head要素 */ #ccheader{ height:250px; width:800px; /* margin-left:auto; margin-right:auto; margin-top:0px; */ position:relative; z-index:2; /*margin-right:-880px; float:left;*/ background-image: url(http://blog-imgs-46.fc2.com/r/a/i/rainbowmaterial/hana77001.jpg); background-position : 0px -60px; /*******ブログ上部の画像*******/ background-color: ; border-width:0px; border-color: black; border-style:solid; } .header2{ position:relative; width:500px; height:130px; text-align:left; background-color: ; background: url() no-repeat; } .headcolour{ height:20px; padding:5px 0px 1px 5px; font-weight:bold; font-size:95%; background-color: #F7F9DA; } /*******画面右上********/ div#topright{ position:absolute; top:4px; right:20px; width:200px; height:30px; padding-right:5px; background-color: ; background-image: url(); /*******画面右上の画像********/ } #BlogName{ width:500px; font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka"; font-size:100%; padding:40px 0px 5px 30px; font-weight:bold; letter-spacing:5px; color: black; } #headIntroduction{ width:450px; line-height:140%; padding:20px 0px 0px 20px; } /************************************/ /* menu 要素 */ .menuBlock{ margin:0px 0px 40px 0px; border-width: 0px; border-color:black; border-style:solid; line-height:150%; /* font-size: 80%;*/ } .menuTitle1{ padding:5px 0px 1px 5px; font-weight:bold; font-size:95%; color: MidnightBlue; background-color: aliceblue; background-image: url(http://blog-imgs-46.fc2.com/r/a/i/rainbowmaterial/hana77102.jpg); background-position : -110px -10px; border-width: 0px; border-color:whitesmoke; border-style:solid; } /*******リスト*******/ ul { text-align:left; margin-left: 0px; padding-left: 15px; list-style-type: circle; list-style-position : outside; /* list-style-type: none; */ text-decoration: none; } li { text-align: left; font-size: 95%; color: black; line-height: 150%; padding: 0px 0px 5px 0px; text-decoration: none; /* background: url() no-repeat; */ } .menuText li{ margin:0px 5px 10px 0px; padding-bottom:0px; } /* form 要素 */ form{ padding:0px; margin:0px; } .search{ width:100px; border:1px solid black; margin-top:15px; } /************************************/ /* プラグインのカレンダー */ table.calender{ margin-left:10px; border-top:1px double black; width:90%; border-collapse:separate/*collapse*/; border-spacing:0; } th#sun { color:firebrick; } th#sat { color: navy; } .calender caption{ width:90%; } /************************************/ /* main要素 */ .EntryTableBlock{ position:relative; z-index:5; /****半透明設定。重いかもしれないので消しても可。****/ filter: Alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; /****半透明設定****/ /****ナレイさん用3・記事部分の幅****/ width:590px; /****ナレイさん用3・記事部分の幅****/ margin:0px 0px 20px 0px; /* padding:10px;*/ border-width:0px; border-color: lightblue; border-style:solid; background-image: url(); /* 記事部分の背景画像 */ background-color: ; } .EntryBlock{ margin:0px 0px 20px 0px; border-width:1px 1px 1px 1px; border-color: lightblue; border-style:solid; } .EntryTitle{ /****ナレイさん用4・記事タイトル部分の幅****/ width:570px; /***** 545px-10px-10px=525px paddingの分を引く*****/ /****ナレイさん用4・記事タイトル部分の幅****/ background-color: aliceblue; padding:5px 10px 5px 10px; font-size:100%; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:black; font-weight:bold; line-height:140%; /****ナレイさん用5・記事タイトル部分の背景リピート****/ background: url(http://blog-imgs-46.fc2.com/r/a/i/rainbowmaterial/hana77102.jpg) repeat; /****ナレイさん用5・記事タイトル部分の背景リピート****/ background-position : 0px -10px; } .EntryBody{ padding:20px 10px 10px 10px; /* font-size:95%;*/ /***** YUI使用しているのでコメントアウト *****/ line-height:160%; } .EntryMore{ padding:1em 10px; /* font-size:95%;*/ /***** YUI使用しているのでコメントアウト *****/ line-height:140%; } .EntryBlock ul{ padding:0px; margin-left:18px; list-style-type:circle; } .EntryBlock ol{ padding:0px; margin-left:26px; list-style-type:decimal; } .EntryBlock li{ margin:0px; } .com001{ padding-bottom: px; font-size:95%; line-height:140%; } .com{ padding-bottom: 10px; font-size:95%; line-height:140%; } .EntryDate{ padding:1em 10px 10px 10px; font-size:95%; line-height:140%; text-align:left; } .pageLink{ font-size:95%; text-align:center; padding:10px; } .LinkBlock{ margin:10px 0px 10px 0px; border-width:0px; border-color: gray; border-style:solid; background-image: url(); background-color: ; } /************************************/ /* Comment要素 */ .Bold{ padding:10px; font-size:95%; font-weight:bold; } .CommentTitle{ font-weight:bold; font-size:95%; padding:20px 10px 1em 10px; } .CTBody{ font-size:95%; line-height:140%; padding:0px 10px 5px 10px; } .Date{ font-size:95%; padding:1em 10px 20px 10px; } /************************************/ /* maintForm要素 */ .mainForm{ border:1px dotted gray; margin:10px; } .mainFormText{ width:220px; border:1px solid black; } /*****コメント投稿:本文の幅*****/ .mainFormTextarea{ width:328px; height:220px; border:1px solid black; } .mainFormPass{ width:100px; border:1px solid black; } .mainFormCheck{ border:1px solid black; } .mainFormButton{ width:100px; } /************************************/ /* Traba要素 */ .TrabaTitle{ font-weight:bold; font-size:95%; padding:10px 10px 1em 10px; } .TrabaUrl{ font-size:95%; padding:10px; } .TrabaForm{ width:300px; border:1px solid black; } /************************************/ /* footer要素 */ #footer{ width:800px; /* ブログの幅 */ height:333px; margin-left:auto; margin-right:auto; /* width:100%; */ clear:both; padding:0px; /* margin:0px 0px 0px 0px; */ background-color: aliceblue; border-width:0px; border-color: gray; border-style:solid; background-image: url(http://blog-imgs-46.fc2.com/r/a/i/rainbowmaterial/hana77001.jpg); background-position : 0px 0px; } .fc2ad{ text-align:left; /* text-align:right;*/ padding:220px 5px 0px 20px; line-height:150%; letter-spacing:2px; } img.emoji{ padding:0px; margin:0px; background:none; vertical-align:middle; border:0; } .dclear{ clear:both; } /* ■関連記事リスト ここから■ */ .relate_dl { margin: 40px 0px 20px 0px; border-width:0px; border-color: lightblue; border-style:solid; } .relate_dd { margin: 10px 0px 10px 3px; } .relate_dt { font-weight:bold; padding: 2px 0px 2px 50px; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: lightblue; /* background-color: whitesmoke;*/ background: url(http://blog-imgs-46.fc2.com/r/a/i/rainbowmaterial/hana77102.jpg) no-repeat; background-position : 0px -10px; padding-left: 3px; width:99%; } .relate_ul { list-style-type: circle; margin: 0; padding-left: 0px; } .relate_ul li { list-style-type: circle; margin: 0; padding-left: 0px; } /* ■関連記事リスト ここまで■ */