@charset "EUC-JP"; /* Information ================================================== livedoor Blog CSS Name : hiyoko_night_3c Layout : 3カラム Update : 2010年03月18日 ================================================== */ /* Table of Contents ================================================== 01. Text - フォント・リンク 02. Layout - 全体の枠組み 03. Title - ブログタイトルエリア 04. SubTitle - アーカイブタイトルエリア 05. Pager - ページャ 06. Main - 記事エリア 07. Option - トラックバック・コメントエリア 08. Sub & Extra - プラグインエリア 09. Header & Footer - ヘッダー・フッター 10. Others - ADエリア etc. ================================================== */ /* =============================================== */ /** 01. Text - フォント・リンク */ /* ----------------------------------------------- */ * { word-break: break-all; } body , textarea { font-family: "Trebuchet MS","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; } h1#blog-title, h2.archives-title, h2.article-title, ul.article-post li, div.article-date-outer, div.article-option h3, { font-family: "Trebuchet MS","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; color: #4D83C9; } body, div.related-articles h3 { color: #ffffff; } a:link , a:active , a:visited { color: #81B5E7; } a:hover { text-decoration: none; } h2.archives-title, div.article-body a:link, div.article-body a:active, div.article-body a:visited , div.article-option h3, div.article-body a:link, div.article-body a:active { color: #ffffff; } table#header a:link, table#header a:active, table#header a:visited, table#header a:hover{ color: #7B7B7D; } div.sidetitle a, div.sidetitle, div.side a:hover, div.sidetitle, div.calendarhead { color: #3a5b9e; } div.article-body a:visited { color: #81B5E7; font-weight: bold; } h1#blog-title a:link , h1#blog-title a:active , h1#blog-title a:visited { color: #FFFFFF; text-decoration: none; } h1#blog-title a:hover { color: #b7ebff; text-decoration: underline; } p#blog-description { color: #FFFFFF; } h2.article-title a:link , h2.article-title a:active , h2.article-title a:visited { color: #b7ebff; text-decoration: none; } h2.article-title a:hover { text-decoration: underline; } ul.article-post li a , dl.article-category dd a , div.article-date-outer , div.pager a , ul.ping-info li.ping-date , ul.comment-info li.comment-date , .trackback-set a , .comment-set a , div.comment-auth-announcement p a { color: #b7ebff; } div.sidetitle a:link, div.sidetitle a:visited { text-decoration: none; } div.sidetitle a:active, div.sidetitle a:hover { text-decoration: underline; } div.calendarhead a { color: #7B7B7D; } div.side a:link , div.side a:active { color: #b5edfe; font-weight: bold; } div.side a:visited { color: #85b8f7; } div#footer p , div#footer p a { color: #FFFFFF; } /* =============================================== */ /** 02. Layout - レイアウト(全体の枠組み) */ /* ----------------------------------------------- */ body { margin: 0; padding: 0; min-width: 1070px; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_body.jpg) fixed left top; text-align: center; } div#container { width: 1070px; margin: 0 auto; padding-bottom: 10px; position: relative; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_bg.jpg) center top; } div#content {} div#content { margin: 0 20px; height: 1%; } div#main , div#sub , div#extra { overflow: hidden; } div#main { float: left; display: inline; width: 100%; } div#main div.column-inner { margin: 0 250px; } div#sub { float: left; margin-left: -100%; display: inline; width: 226px; padding-top: 15px; } div#sub div.column-inner { padding-bottom: 30px; } div#extra { float: left; margin-left: -226px; display: inline; width: 226px; padding-top: 15px; } div#extra div.column-inner { padding-bottom: 30px; } /* ----------------------------------------------- */ /** clearfix */ div#container:after , div#content:after , ul.article-navigator:after , ul.archives-navigator:after , div.article-body:after , div.article-body div.article-body-more:after , div#trackback-form ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /** hasLayout */ div.blog-title-outer , h2.archives-title , div.article-body , div.article-footer , h2.article-title , div.pager , ul , div.index-navigator-outer { height: 1%; } /** peek-a-boo bug */ div#trackback-form , div#trackbacks-list , div#comments-list , div#comment-form { height: 1%; } /* =============================================== */ /** 03. Title - ブログタイトルエリア */ /* ----------------------------------------------- */ div.blog-title-outer { text-align: left; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_main.jpg) 50%; height: 240px; margin-right: auto; margin-left: auto; width: 1040px; } div.blog-title-outer-2 { height: 240px; } div.blog-title-outer-3 { height: 240px; } div.blog-sanmon-link { height: 60px; width: 160px; margin: left; } h1#blog-title { margin: 0; padding: 65px 20px 0px 75px; font-size: 180%; font-weight: bold; } div.blog-description-outer {} p#blog-description { font-size: 70%; margin: 0; line-height: 135%; padding: 20px 20px 15px 75px; } /* =============================================== */ /** 04. SubTitle - アーカイブタイトルエリア */ /* ----------------------------------------------- */ div.archives-title-outer { margin-bottom: 10px; width: 558px; margin-right: auto; margin-left: auto; color: #80B6E5; } div.archives-title-outer-2 { } div.archives-title-outer-3 { } h2.archives-title { margin: 0; text-align: center; font-size: 108%; color: #80B6E5; } /* =============================================== */ /** 05. Pager - ページャ */ /* ----------------------------------------------- */ div.pager { text-align: left; } div.pager-inner { padding-bottom: 15px; } div.index-navigator-outer , div.archives-pager-outer , div.article-pager-outer { } /* ----------------------------------------------- */ /** IndexNavigator - トップページ */ ul.index-navigator { font-size: 90%; } ul.index-navigator li a { padding: 0 7px; color: #FFFFFF; } /* ----------------------------------------------- */ /** ArchivesPager - アーカイブページ */ ul.archives-pager { list-style-type: none; padding-top: 15px; font-size: 90%; } ul.archives-pager li { padding: 2px 5px; } ul.archives-pager li a { padding: 0 5px; } ul.archives-pager li.both { border-left: 1px solid #575e69; } /* ----------------------------------------------- */ /** ArticlePager - 個別記事ページ */ ul.article-pager { font-size: 90%; } ul.article-pager li { float: left; width: 49%; line-height: 1.25; } /* = special tech ... borderの高さを揃えるため */ ul.article-pager { overflow: hidden; } ul.article-pager li { padding-top: 1px;/* 1px余白(上部) */ padding-bottom: 32768px; margin-bottom: -32767px;/* 1px余白(下部) */ } ul.article-pager li a { display: block; margin: 0 10px; } ul.article-pager li.prev { text-align: right; } ul.article-pager li.next { text-align: left; } ul.article-pager li.both { border-left: 1px solid #8d8d8d; } /* =============================================== */ /** 06. Main - 記事エリア */ /* ----------------------------------------------- */ div.article-outer { text-align: left; } div.article-outer-2 { padding-bottom: 6px; height: 1%; } div.article-outer-3 {} /* ----------------------------------------------- */ /** 記事ヘッダー */ div.article-header { padding-top: 20px; } /*** 日付 */ div.article-date-outer { padding-left: 20px; font-size: 100%; color: #ffffff; } div.article-date-outer span.article-date { margin-right: 3px; margin-right: 0.25em; } div.article-date-outer span.article-time {} /*** 記事タイトル */ div.article-title-outer { padding-right: 20px; } h2.article-title { clear: left; margin: 0; font-size: 114%; font-weight: bold; height: 31px; padding-top: 5px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } /* ----------------------------------------------- */ /** 記事本文 */ div.article-body { line-height: 1.4; font-size: 90%; padding: 10px 20px 5px; } * html div.article-body { position: relative; } div.article-body-inner { width: 100%; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #3b6db2; } /*** 続きを読む */ div.article-body span.article-continue { display: block; margin-top: 1em; } div.article-body div.article-body-more , div.article-body div.article-body-private { clear: both; margin-top: 1em; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } /*** blockquote & pre */ div.article-body blockquote , div.article-body pre { padding: 5px 15px; margin: 5px 0; background-color: #7f9fc6; background-repeat: repeat; background-position: left top; } /*** img */ div.article-body img.pict { margin: 0 5px 5px 0; } /*** 共通テーマ */ body.default_2008 dl.common-theme { margin: 25px 10px 0; } /*** 記事タグ */ body.default_2008 dl.article-tags { margin: 25px 10px 0; } dl.article-tags a:link, dl.article-tags a:visited, dl.article-tags a:hover, dl.article-tags a:active{ color: #b3ecff; } /*** カテゴリ */ dl.article-category { margin: 25px 10px 0; padding: 0; line-height: 1.25; padding-left: 20px; background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat; } dl.article-category dt , dl.article-category dd { display: inline; margin: 0; padding: 0; margin-right: 5px; } dl.article-category dt { position: absolute; display: block; width: 0; height: 0; text-indent: -9999px; } /*** プライベートモード */ div.private-mode-announcement { line-height: 135%; background-color: #7f9fc6; } /* ----------------------------------------------- */ /** 記事フッター */ div.article-footer { padding: 0 20px; } * html div.article-footer { position: relative; } ul.article-post { padding: 10px 5px 0; text-align: right; color: #498ACC; } ul.article-post li { min-height: 16px; font-size: 82%; } /* =============================================== */ /** 07. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ div#article-options { padding: 10px 20px; } div.article-option { padding: 15px 0; } div.article-option h3 { margin: 0 0 10px; padding: 0; font-size: 100%; } /*** 指定しやすいようstyleReset */ h4.ping-title , ul.ping-info , ul.ping-info li , ul.comment-info , ul.comment-info li { padding: 0; margin: 0; } ul.ping-info li , ul.comment-info li { list-style-type: none; } /* ----------------------------------------------- */ /** トラックバックURL */ div#trackback-form ul { margin: 0 30px; padding: 0; } div#trackback-form ul li { list-style-type: none; float: left; margin: 0; padding: 0; } div#trackback-form ul li.trackback-form-url { width: 100%; margin-right: -90px; } div#trackback-form ul li.trackback-form-url span input { width: 100%; } div#trackback-form ul li.trackback-form-url span { display: block; padding-right: 100px; /*>> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */ } div#trackback-form ul li.trackback-form-submit { width: 80px; } div#trackback-form ul li.trackback-form-submit input {} /* ----------------------------------------------- */ /** トラックバック一覧 */ .trackback-set { padding: 0 0 10px 20px; font-size: 90%; } h4.ping-title { display: inline; font-size: 100%; font-weight: normal; } ul.ping-info { display: inline; } ul.ping-info li.ping-blog-name { display: inline; margin-left: 20px; } ul.ping-info li.ping-blog-name span { margin: 0 10px; } ul.ping-info li.ping-date { display: inline; margin-left: 10px; } ul.ping-info li.ping-excerpt { display: block; margin-top: 5px; margin-left: 10px; } ul.ping-info li.ping-excerpt img.trackback-rating {} /* ----------------------------------------------- */ /** コメント一覧 */ li.comment-set { padding: 0 0 10px 20px; font-size: 90%; } ul.comment-info li.comment-author { display: inline; } ul.comment-info li.comment-date { display: inline; margin-left: 10px; } ul.comment-info li { display: inline; } ul.comment-info li.comment-body { display: block; margin-top: 5px; margin-left: 10px; } ul.comment-info li.comment-body img.trackback-rating {} /* ----------------------------------------------- */ /** コメントフォーム */ div#comment-form-body { padding: 15px 0 15px 50px; } div#comment-form-body table { border: 0; width: 80%; line-height: 25px; font-size: 90%; } div#comment-form-body table th { width: 3em; padding-right: 5px; text-align: right; font-weight: normal; } input#author { width: 65%; } input#email { width: 65%; } input#url { width: 85%; } input#bake { margin: 0 0 0 5px; } textarea#text { width: 90%; height: 250px; } input.button { margin-top: 10px; width: 80px; } div#comment-form-body table tr.input-etc td { padding-top: 6px; } label.input-rating { margin-left: 20px; } label.input-rating select { margin-left: 3px; } label.input-rating-face { margin-left: 5px; } label.input-rating-star {} div#comment-form-body table tr.submit td { text-align: center; } /*** コメント認証 */ div.comment-auth-announcement { margin: 10px 0; font-size: 90%; } div.comment-auth-announcement p a { margin: 0 3px; } div#error{} /* ----------------------------------------------- */ /** 関連記事 */ div.related-articles{ padding: 30px 0 0; } div.related-articles h3{ margin: 0 0 10px; padding: 0; font-size: 111%; } div.related-articles ul{ list-style: none; margin: 0; padding: 0; line-height: 1.2; } div.related-articles ul li{ background: url(http://parts.blog.livedoor.jp/img/cmn/dotw.gif) no-repeat -3px 3px; padding: 0 0 5px 9px; margin-left: 5px; } /* =============================================== */ /** 08. Sub & Extra - プラグインエリア */ /* ----------------------------------------------- */ div.sidetitlebody {} div.sidetitle { text-align: center; font-size: 100%; font-weight: bold; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_sub.jpg) no-repeat; margin-bottom: 10px; height: 21px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } div.sidetop , div.sidebottom { display: none; } div.side { margin: 0 20px 20px; text-align: center; font-size: 83%; } div.sidebody { background: url(http://parts.blog.livedoor.jp/img/cmn/dotw.gif) no-repeat -3px 3px; padding: 0 0 5px 9px; margin-left: 5px; text-align: left; } /* ----------------------------------------------- */ /** カレンダー */ div.calendarheadbody {} div.calendarheadbody div.calendarhead { padding: 5px 20px 5px; text-align: center; font-size: 100%; font-weight: bold; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_sub.jpg) no-repeat; } div.caltop , div.calbottom { display: none; } div.calbody {} table.caltbl { width: 180px; margin: 0 auto; border: 0; } div.calbody table.calendartable {} td.caltblwkbg {} td.calendarwd {} td table.caltblwk td { font-size: 90%; font-weight: bold; height: 20px; } td table.caltblwk td.weekday {} td table.caltblwk td.sat { color: #84b5f8; } td table.caltblwk td.sun { color: #DE9F80; } td table.caltblwk td span.calendarweek {} td.caltbldaybg {} td table.caltblday { margin: 0 auto 25px; width: 180px; color: #d6d5da; font-size: 82%; } td table.caltblday td { width: 20px; height: 24px; padding: 0; text-align: center; } td table.caltblday td.caloff {} td table.caltblday td.calendard {} td table.caltblday td.calon {} td table.caltblday td.calon a {} td table.caltblday td.calendardbg {} td table.caltblday td span.calendar {} a.acalendar:link, a.acalendar:visited, a.acalendar:hover, a.acalendar:active { color: #84b5f8; font-weight: bold; } /* ----------------------------------------------- */ /** プロフィール(プラグイン) */ .nickname { font-weight: bold; margin: 10px 0; } .message { text-align: left; line-height: 125%; } /* ----------------------------------------------- */ /** LDServices */ ul#ld-services { padding-top: 20px; } /* =============================================== */ /** 09. Header & Footer - ヘッダー・フッター */ /* ----------------------------------------------- */ /** Header */ table#header { font-size: 75%; color: #000; background: #fff; font-family: "MS Pゴシック",Arial,Helvetica; } /* ----------------------------------------------- */ /** Footer */ div.footer-outer { width: 1070px; height: 140px; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_bg.jpg) repeat 50%; margin: 0 auto 0px; } div.footer-outer-2 { width: 1040px; height: 140px; background: url(http://parts.blog.livedoor.jp/img/usr/sanmondo_hiyoko/night_3c_footer.jpg) no-repeat 50%; margin: 0 auto 0px; } div#footer { height: 140px; } div#footer p { line-height: 140px; font-size: 75%; } /* =============================================== */ /** 10. Others - ADエリア etc. */ /* ----------------------------------------------- */ /** ADエリア */ div#ad { margin: 25px auto 0; text-align: center; } div#ad iframe { margin: 10px auto; } div.gAdsense { padding: 10px 0; } body.ad { background: transparent; text-align: left; } a.adtitle { color: #84bdff; font-weight: bold; } a.adtitle span { font-size: 90%; } a.addescription { color: ; } a.addescription span { font-size: 82%; } a.adurl { color: #84bdff; text-decoration: none; } a.adurl span { font-size: 82%; } a.adld { text-decoration: underline; font-size: 110%; } .ads-become a{color: #ffffff;} /* End */