@charset "EUC-JP"; /* ---------------------------------------- ■はじめに *このテンプレートでは右側が広くなっています。234ピクセルの画像が置けます。また、左側メニューに横幅をとるものがあるとレイアウトがずれることがあります。ご注意ください。 このテンプレートのご使用は、同人を除くアダルト・商用ではご遠慮下さい。また、テンプレートのカスタマイズ後の再配布もご遠慮下さい。カスタマイズは自由です。 そのほか、ご相談等ありましたら僕のブログまでご連絡下さい。よろしくお願いします。あと、ソースが見づらくてすいません<(_ _)> ---------------------------------------- */ /* ---------------------------------------- 作成日:2010.06.14 テンプレート名:aozora29-3c-js by 斎七 (さいしち) http://rm7.jugem.jp/ http://rainbowmaterial.blog59.fc2.com/ ---------------------------------------- */ /* ************************** 使用した素材 ************************** 画像 *05 free photo http://kenken.kikirara.jp/ */ /* --------------------------------------  リセット --------------------------------------- */ * {margin:0px;padding:0px;} h1,h2,h3,h4,h5,h6 {font-size:100%;} a {text-decoration:underline;overflow:hidden;} img {border:none;vertical-align:top;} li {list-style-type:none;} hr { border: lightblue 1px dotted; } br.clear {clear:both;} /************************************/ /*テキストシャドウ*/ .textshadow{ text-shadow:#E9E9E9 0px 0px 5px,#E9E9E9 0px 0px 5px; /*IE用フィルタ*/ filter:progid:DXImageTransform.Microsoft.Glow(Color='#E9E9E9', Strength=5);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; } /* --------------------------------------  共通部分 --------------------------------------- */ /* ページ全体のテキスト色 */ html {color:#000000;} /* ページ全体 */ bodyorg { width:100%; text-align:center; font-size:12px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif,"Osaka‐等幅"; line-height:1.6em; background-color:#ffffff; background-image:url(http://imaging.jugem.jp/template/custom/img/bg_body_dot.gif); background-repeat:repeat; background-position:; background-attachment:scroll; } body{ text-align : center; font-family:"MS Pゴシック","OSAKA","ヒラギノ角ゴ Pro W3",sans-serif; margin:0px; padding:0px; background-color: white; background-image: url(); /* 背景画像 */ color: black; } /* ページ全体のリンク色 */ 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; } /* 両サイドメニューのリンク色 #left a,#right a {color:#000000;text-decoration:underline;} #left a:link,#right a:link {color:#000000;text-decoration:underline;} #left a:visited,#right a:visited {color:#999999;text-decoration:underline;} #left a:hover,#right a:hover {color:#333333;text-decoration:none;} #left a:active,#right a:active {color:#333333;text-decoration:none;} */ /* カレンダーのリンク色 */ .cell a,.call a:link,.call a:visited {color:#000000;text-decoration:underline;font-weight:bolder;} .cell a:hover,.call a:active {color:#999999;text-decoration:none;} /* ------------------------------------- * ページレイアウト --------------------------------------- */ /* -------------------------------------  ■ページ全体の変更方法(初期は幅950に設定されています) ・A にページ全体の幅を指定する ・B + 40 = A になるように B の値を指定する ・C + D + E + 40 + 40 = A になるように C と D と Eの値を指定する ※左サイドの幅は C 、記事の枠の幅は D 、右サイトの幅は E の値を変更 ※余白(padding)の値を変えない場合の方法です --------------------------------------- */ /*ページ全体の幅、レイアウトを中央揃え*/ #container { position:relative; width:950px; /* ブログの幅 */ margin-left:auto; margin-right:auto; text-align:left; background-color: ; } /*ブログ名と説明文、トップ画像*/ #ccheader{ height:150px; width:950px; /* margin-left:auto; margin-right:auto; margin-top:0px; */ position:relative; z-index:2; /* margin-right:-880px; float:left; */ background-color: aliceblue; border-width:0px; border-color: black; border-style:solid; background-image: url(http://rm7.img.jugem.jp/20100613_993241.jpg); background-position : 0px 0px; /*******ブログ上部の画像*******/ } #header { width:910px; /* B */ height:130px; clear:left; margin:0 auto 20px; padding:0; background-color:#ffffff; background-image:url(http://rm7.img.jugem.jp/20100606_979290.jpg); background-repeat:no-repeat; background-position:bottom center; background-attachment:scroll; } /*コンテンツ枠(記事の枠+両サイドメニューの枠)*/ #content { margin:0 auto; padding:0 20px 20px 20px; } /* 左側の幅(右サイドメニューの枠) */ #left { float:left; width:200px; /* C */ zoom:1; } /* メインの幅(記事の枠)*/ #main { float:left; width:440px; /* D */ padding:0 20px 0 20px; zoom:1; } /* 右側の幅(右サイドメニューの枠) */ #right { float:left; width:230px; /* E */ zoom:1; } div#right-column{ /* position:relative; z-index:2; */ margin-top:15px; margin-right:0px; float:right; background-color: ; width:244px; /* 右メニューの幅 */ padding-right:0px; border-width:0px; border-color: #CC9933; border-style:solid; font-size: 90%; } div#left_column{ /* position:relative; z-index:2; */ margin-left:-0px; float:left; margin-top:15px; background-color: ; width:190px; /* 左メニューの幅 */ padding-left:0px; border-width:0px; border-color: #CC9933; border-style:solid; font-size: 90%; } #main-column{ position:relative; float:left; margin-top:15px; margin-right:-500px; margin-left:9px; background-color: ; text-align:left; width:495px; /* メインカラムの幅 */ /****半透明設定。重いかもしれないので消しても可。****/ filter: Alpha(opacity=95); -moz-opacity: 0.95; opacity:0.95; /****半透明設定****/ } /* --------------------------------------  メイン --------------------------------------- */ /* ブログ名 */ h1 {width:500px;font-size:20px;padding:45px 0 0 30px;letter-spacing:2px} /* ブログの説明文 */ div#description {width:500px;margin:10px 0 0 0;padding:0 0 0 30px;} .entry {margin:0 0 15px 0;} /* 次の記事・前の記事 */ #entryNavi {margin:0 0 15px 0;} /* 記事のタイトル */ h2 {font-size:14px;font-weight:bolder} /* 記事本文 */ .EntryBody{ padding:20px 10px 10px 10px; font-size:95%; line-height:160%; } /* 記事の続き */ .entryMore {margin:10px 0 10px 0;} /* 記事の情報 */ ul.entryState li { display:inline; border-left:1px solid #999; padding-left:5px; } .EntryTableBlock{ position:relative; z-index:5; /****半透明設定。重いかもしれないので消しても可。****/ filter: Alpha(opacity=95); -moz-opacity: 0.95; opacity:0.95; /****半透明設定****/ width:495px; margin:0px 0px 20px 0px; /* padding:10px;*/ border-width:0px; border-color: lightblue; border-style:solid; background-image: url(); /* 記事部分の背景画像 */ background-color: ; } .EntryTitle{ 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%; background: url(http://rm7.img.jugem.jp/20100613_993242.jpg) no-repeat; } .EntryBlock{ margin-bottom:20px; border-width:1px 1px 1px 1px; border-color: lightblue; border-style:solid; word-wrap: break-word; } .EntryBlock input {width:350px;} .com001{ padding-top: 10px; padding-bottom: 10px; font-size:95%; line-height:140%; } /* コメント枠 */ #comment {border:1px #000 solid;padding:20px;margin:20px 0 0 0;} #commentTitle { margin:0 0 5px 0; font-size:14px; font-weight:bolder; } #commentSendTitle { margin:20px 0 5px 0; font-size:14px; font-weight:bolder; } .commentBody {margin:5px 0;} ul.commentState {margin:0 0 15px 0;} ul.commentState li { display:inline; border-left:1px solid #999999; padding-left:5px; } .commentSendForm {margin:0;} .commentSendForm .input {width:250px;} .commentSendForm textarea {width:350px;margin:0 0 10px 0;} /* トラックバック枠 */ #trackback {border:1px #000 solid;padding:20px;margin:20px 0 0 0;} #trackbackURL { margin:0 0 5px 0; font-size:14px; font-weight:bolder; } #trackbackTitle { margin:20px 0 5px 0; font-size:14px; font-weight:bolder; } #trackback input {width:350px;} .trackbackName {margin:0;} .trackbackBody {margin:5px 0;} ul.trackbackState {margin:0 0 15px 0;} ul.trackbackState li { display:inline; border-left:1px solid #999999; padding-left:5px; } /* プロフィールのページ */ #profile{margin:0;} #profileTitle {font-size:14px;font-weight:bolder;} #profileName {margin:15px 0 0 0;} #profileBody {margin:5px 0;} /* このページの先頭へ */ .pageTop {margin:10px 0 10px 0} /* --------------------------------------  記事の装飾 --------------------------------------- */ /* 引用 */ blockquote { margin:0px 10px; padding:0px 15px; background-color: #EAFFFF; border:4px dotted lightblue; } /* 画像 */ #main .pict {border:1px #000000 solid;padding:3px;} /* リスト */ div.entryBody li,div.entryMore li { list-style:circle; margin:0 0 0 15px; } /* --------------------------------------  サイドメニュー --------------------------------------- */ /* サイドメニューのタイトル */ h3 {font-size:14px;font-weight:bolder;margin:0 0 5px 0;} /* サイドメニューの内容 */ .sideContents {margin:10px 10px 10px 10px;} /* カレンダーの1マス幅 */ .cell {width:27px;} .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 10px; font-weight:bold; font-size:95%; color: MidnightBlue; background-color: aliceblue; background-image: url(http://rm7.img.jugem.jp/20100613_993242.jpg); border-width: 0px; border-color:whitesmoke; border-style:solid; } .menuimg1{ vertical-align: middle; margin:-2px 2px 0px 0px; } /* ---------------------------------------- Footer ---------------------------------------- */ #footer { width:950px; /* ブログの幅 */ height:200px; margin-left:auto; margin-right:auto; clear:both; padding:0px; background-color: aliceblue; border-width:0px; border-color: gray; border-style:solid; background-image: url(http://rm7.img.jugem.jp/20100613_993241.jpg); } #copyright { width:500px; text-align:left; font-size:95%; padding:20px 15px 10px 15px; line-height:150%; letter-spacing:2px; } ul{ padding-left: 10px; list-style-image: url(http://sky-b-road.img.jugem.jp/20100626_889261.gif); } li { margin-bottom: 5px; }