@charset "UTF-8"; /* Information ================================================== livedoor Blog CSS Name : photo_bg_moon01_3lcr Layout : 3カラム Update : 2009年09月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. ================================================== */ /* ----------------------------------------------- */ /* BlogRoll css */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; } .blogroll-channel { height: 200px; margin-bottom: 15px; padding: 10px; background: transparent; overflow-y: scroll; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; } .blogroll-channel .blogroll-list { list-style-type: none; margin-bottom: 3px; font-size: 12px; line-height: 1.3; } .blogroll-channel .blogroll-list img { vertical-align: middle; } .blogroll-channel img.blogroll-icon, .blogroll-channel img.blogroll-favicon { margin: 0 5px 0 0; } .blogroll-channel img.blogroll-favicon { width: 16px; height: 16px; } .blogroll-channel a.blogroll-link { color: white; } .blogroll-channel .blogroll-new-entry { margin-left: 5px; color: red; } .blogroll-channel .blogroll-clip, .blogroll-channel .blogroll-hatebu { margin: 0 0 0 5px; } .blogroll-channel .blogroll-link-time { margin: 0 0 0 3px; color: #666; font-size: 10px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; margin-top: 5px; color: #666; font-size: 12px; } /* =============================================== */ /** 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, div.blog-title2, h2.archives-title, h1.article-title, h2.article-title, ul.article-post li, div.article-date-outer, div.article-option h3, div.related-articles h3, div.sidetitle, div.calendarhead { font-family:Georgia,'Times New Roman',serif; } body { color: #ffffff; } a:link , a:active , a:visited {} a:hover { text-decoration: none; } table#header a:link , table#header a:active , table#header a:visited , table#header a:hover { color: #000000; } h1#blog-title a:link , h1#blog-title a:active , h1#blog-title a:visited { color: #fff; text-decoration: none; } h1#blog-title a:hover { color: #fff; text-decoration: underline; } div.blog-title2 a:link , div.blog-title2 a:active , div.blog-title2 a:visited { color: #fff; text-decoration: none; } div.blog-title2 a:hover { color: #fff; text-decoration: underline; } p#blog-description { color: #ffffff; } h2.archives-title { color: #ffffff; } div.article-body a:link , div.article-body a:active { color: #ffffff; } div.article-body a:visited { color: #ffffff; } h1.article-title a:link , h1.article-title a:active , h1.article-title a:visited { color: #fff; text-decoration: none; } h1.article-title a:hover { text-decoration: underline; } h2.article-title a:link , h2.article-title a:active , h2.article-title a:visited { color: #fff; text-decoration: none; } h2.article-title a:hover { text-decoration: underline; } ul.article-post li a { color: #ffffff; } dl.article-category dd a { color: #ffffff; } div.pager a { color: #ffffff; } div.article-date-outer { color: #ffffff; } ul.ping-info li.ping-date , ul.comment-info li.comment-date { color: #ffffff; } div.article-body a:link , div.article-body a:active { color: #ffffff; } div.article-body a:visited { color: #ffffff; } div.article-option h3 { color: #ffffff; } .trackback-set a , .comment-set a { color: #ffffff; } div.comment-auth-announcement p a { color: #ffffff; font-weight: bold; } div.sidetitle { color: #ffffff; } div.sidetitle a:link, div.sidetitle a:visited { text-decoration: none; } div.sidetitle a:active, div.sidetitle a:hover { text-decoration: underline; } div.sidetitle a { color: #ffffff; } div.calendarhead { color: #ffffff; } div.calendarhead a { color: #ffffff; } div.side a:link , div.side a:active { color: #ffffff; } div.side a:visited { color: #ffffff; } div.side a:hover { color: #cccccc; } div#footer p , div#footer p a { color: #ffffff; } /* =============================================== */ /** 02. Layout - レイアウト(全体の枠組み) */ /* ----------------------------------------------- */ body { margin: 0; padding: 0; min-width: 960px; background: #000 url(http://parts.blog.livedoor.jp/img/usr/photo_bg/bg_moon_01.jpg) no-repeat fixed 50% top; text-align: center; cursor: default; } div#container { width: 960px; margin: 0 auto; padding-bottom: 10px; position: relative; } div#content {} div#main , div#sub , div#extra { overflow: hidden; } div#main { float: left; display: inline; width: 540px; background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_01.png) no-repeat left top; padding-top: 30px; } div#main div.column-inner { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_02.png) repeat-y left top; } div#main div.column-inner-end { height: 30px; background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_03.png) no-repeat left bottom; } * html div#main { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_01.png); } * html div#main div.column-inner { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_02.png); } * html div#main div.column-inner-end { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/contents_03.png); } * html div#main a { position: relative; } div#sub { float: left; display: inline; width: 210px; background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_01.png) no-repeat left top; padding-top: 30px; } div#sub div.column-inner-end { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_03.png) no-repeat left bottom; height:30px; } div#sub div.column-inner-2 { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_02.png) repeat-y left top; padding-bottom: 30px; } * html div#sub { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_01.png); } * html div#sub div.column-inner-end { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_03.png); } * html div#sub div.column-inner-2 { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_02.png); } * html div#sub a { position: relative; } div#extra { float: right; display: inline; width: 210px; background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_01.png) no-repeat left top; padding-top: 30px; } div#extra div.column-inner-end { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_03.png) no-repeat left bottom; height:30px; } div#extra div.column-inner-2 { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/side_02.png) repeat-y left top; padding-bottom: 30px; } * html div#extra { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_01.png); } * html div#extra div.column-inner-end { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_03.png); } * html div#extra div.column-inner-2 { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/side_02.png); } * html div#extra a { position: relative; } /* ----------------------------------------------- */ /** 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; margin-bottom: 10px; } div.blog-title-outer-2 { } div.blog-title-outer-3 { } h1#blog-title { margin: 0; padding: 35px 20px 0 10px; font-size: 152%; font-weight: bold; } div.blog-title2 { margin: 0; padding: 35px 20px 0 10px; font-size: 152%; font-weight: bold; } div.blog-description-outer { } p#blog-description { font-size: 70%; margin: 0; padding: 7px 30px 15px 10px; line-height: 135%; } /* =============================================== */ /** 04. SubTitle - アーカイブタイトルエリア */ /* ----------------------------------------------- */ div.archives-title-outer { margin-bottom: 10px; } div.archives-title-outer-2 { } div.archives-title-outer-3 { } h2.archives-title { margin: 0; text-align: center; font-size: 108%; } /* =============================================== */ /** 05. Pager - ページャ */ /* ----------------------------------------------- */ div.pager { filter: Alpha(opacity=50); opacity:0.50; text-align: left; } * html div.pager { filter: Alpha(opacity=100); opacity:1.00; } 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 { float: left; padding-left: 20px; font-size: 70%; filter: Alpha(opacity=50); opacity:0.50; } * html div.article-date-outer { filter: Alpha(opacity=100); opacity:1.00; } 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; } h1.article-title { clear: left; margin: 0; padding: 5px 20px 20px; font-size: 114%; font-weight: bold; } h2.article-title { clear: left; margin: 0; padding: 5px 20px 20px; font-size: 114%; font-weight: bold; } /* ----------------------------------------------- */ /** 記事本文 */ div.article-body { padding: 20px 20px 5px; line-height: 1.7; font-size: 90%; } * html div.article-body { position: relative; } div.article-body-inner { width: 100%; overflow: hidden; } /*** 続きを読む */ 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; } /*** blockquote & pre */ div.article-body blockquote , div.article-body pre { background: url(http://parts.blog.livedoor.jp/img/usr/photo_bg/black_alpha10.png) repeat left top; padding: 5px 15px; margin: 5px 0; } * html div.article-body blockquote , * html div.article-body pre { zoom: 1; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=http://parts.blog.livedoor.jp/img/usr/photo_bg/black_alpha10.png); } /*** 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; font-size: 50%; } dl.article-tags a:link, dl.article-tags a:visited, dl.article-tags a:hover, dl.article-tags a:active{ color: #ffffff; } /*** カテゴリ */ 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 { border-color: #eeeeee; line-height: 135%; } /* ----------------------------------------------- */ /** 記事フッター */ div.article-footer { padding: 0 20px; } * html div.article-footer { position: relative; } ul.article-post { padding: 10px 5px 0; text-align: right; } ul.article-post li { min-height: 16px; font-size: 82%; } /* =============================================== */ /** 07. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ div#article-options { padding: 10px 20px; } * html div#article-options { position: relative; } 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; border-color: #858585; 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{ color: #ffffff; 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 { padding: 0 20px 10px; text-align: left; font-size: 100%; font-weight: bold; } div.sidetop , div.sidebottom { display: none; } div.side { margin: 0 20px 20px; text-align: center; font-size: 83%; filter: Alpha(opacity=70); opacity:0.70; } * html div.side { filter: Alpha(opacity=70); opacity:0.70; } 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: 0 20px 10px; text-align: center; font-size: 100%; font-weight: bold; } div.caltop , div.calbottom { display: none; } div.calbody { filter: Alpha(opacity=70); opacity:0.70; } 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 {} td table.caltblwk td.sun {} td table.caltblwk td span.calendarweek {} td.caltbldaybg {} td table.caltblday { margin: 0 auto 25px; width: 180px; color: #ffffff; 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: #ffffff; 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: 960px; margin: 0 auto 50px; } div.footer-outer-2 { } div#footer { height: 38px; } div#footer p { line-height: 38px; 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: #ffffff; font-weight: bold; } a.adtitle span { font-size: 90%; } a.addescription { color: #ffffff; } a.addescription span { font-size: 82%; } a.adurl { color: #cccccc; text-decoration: none; } a.adurl span { font-size: 82%; } a.adld { color: #cccccc; text-decoration: underline; font-size: 110%; } .ads-become a{color: #ffffff;} /* End */

AltStyle によって変換されたページ (->オリジナル) /