@charset "utf-8"; @import url(http://parts.blog.livedoor.jp/css/template_6thgen.css); /** @prefix : . <> a :CSSStylesheet; :title "ホワイトプレス"; :shortdesc "Design Template for livedoor Blog"; :created "2012-09-28"; :release [:revision "1.30"; :created "2014-02-19"]; :page ; :rights "LINE Corporation". */ /* 全体のレイアウト ----------------------------------------------- */ body { background-color: #fff; } #wrapper { padding-top: 24px; } #container { margin: 0 auto; width: 1028px; } #content { position: relative; } #main { width: 728px; } #sidebar { width: 300px; } /* サイドバー入れ替え */ body.sidebar-right #main { float: left; } body.sidebar-right #sidebar { float: right; } body.sidebar-left #main { float: right; } body.sidebar-left #sidebar { float: left; } /* 全体の文字色、リンク色 ----------------------------------------------- */ body { color: #000; font: 15px/1.2 'メイリオ',Meiryo,sans-serif; } a { color: #910000; text-decoration: none; } a:link { color: #1a0dab; text-decoration: none; } a:visited { color: #1a0dab; } a:hover { text-decoration: underline; } a:active { color: #062576; } /* ブログのヘッダー、タイトル、説明 ----------------------------------------------- */ #blog-header { margin-bottom: 40px; position: relative; } #blog-header-inner {} #blog-header-image { height: 400px; width: 100%; background-color: #287cba; background-image: -webkit-linear-gradient(#57bef5 0%, #287cba 100%); background-image: -moz-linear-gradient(#57bef5 0%, #287cba 100%); background-image: -ms-linear-gradient(#57bef5 0%, #287cba 100%); background-image: -o-linear-gradient(#57bef5 0%, #287cba 100%); background-image: linear-gradient(#57bef5 0%, #287cba 100%); } #blog-title { font-size: 24px; font-weight: bold; line-height: 1.4; margin: 30px 0; } #blog-title a { color: #000; } #blog-description { color: #979797; font-size: 14px; font-weight: normal; line-height: 1.6; margin: 30px 0; } #blog-description a { color: #979797; } /* かんたんタイトル画像 */ #blog-header.show-image #blog-header-inner { position: relative; } #blog-header.show-image #blog-header-image { height: auto; } #blog-header.hide-text #blog-header-inner, #blog-header.hide-text #blog-title, #blog-header.hide-text #blog-title a { position: absolute; left: 0; top: 0; margin: 0; } #blog-header.hide-text #blog-header-image { margin: 0; } #blog-header.hide-text #blog-title a { background-color:#fff; opacity: 0; z-index: 10; filter: alpha(opacity = 0); -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } #blog-header.hide-text #blog-title a:hover { opacity: 0.15; } /* メニューバー ----------------------------------------------- */ .ldb_menu { position: relative; z-index: 20; } .ldb_menu-list { position: absolute; bottom: 0; background: url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/opacity_w_60.png); background: rgba(247,247,247,0.7); zoom:100%; width: 940px; margin: 0 auto; } .ldb_menu-list:after { content:"."; height:0; clear:both; display:block; visibility:hidden; } .ldb_menu-list li { float: left; list-style: none; } .ldb_menu-list li a{ padding: 18px; line-height: 1.4; display: block; font-size: 15px; color: #333; text-decoration: none; } .ldb_menu-list .ldb_menu-item-current, .ldb_menu-list li a:hover{ background: #dbdbdb; background: rgba(204,204,204,0.7); } /* メインカラム ----------------------------------------------- */ /* 記事全体 */ .article { border-bottom: 1px dashed #999; border-top: 1px dashed #999; margin-bottom: -1px; padding: 30px 0; position: relative; } .article-inner { height: 145px; overflow: hidden; position: relative; } .article-header, .article-body { margin-left: 170px; } .article-first-image { background-color: #f0f0f0; display: table; position: absolute; top: 0; left: 0; height: 150px; width: 150px; } .article-first-image a { background-color: #fff; display: table-cell; text-align: center; vertical-align: middle; } .article-first-image img{ width: 130px; display: inline; } .article.first-article { border-top: 0; } .article.last-article { border-bottom: 0; } /* 記事ヘッダー、記事タイトル */ .article-header { margin-bottom: 15px; position: relative; } .article-title { margin-bottom: 5px; max-height: 112px; overflow: hidden; } .article-title a { color: #000; font-size: 24px; font-weight: bold; } /* 日付 */ .article-date { color: #808080; font-size: 12px; } /* 個別記事のみ */ body.page-article .article { border: 0; margin-bottom: 0; padding: 0; } body.page-article .article-title { max-height: none; } body.page-article .article-header, body.page-article .article-body { margin-left: 0; } body.page-article .article-header { border-bottom: 1px dashed #999; padding-bottom: 20px; } /* 記事フッター、カテゴリ、コメント、ソーシャルボタン */ .article-footer { border-bottom: 1px dashed #999; } .article-meta { padding: 16px 0 32px; } .article-social-btn { border-bottom: 1px dashed #999; top: 1px; position: relative; } /* 関連記事 */ .article-body .related-articles { margin:4em 0; line-height:1.3 } .article-body .related-articles h3 { font-size: 14px; font-weight: bold; } .article-body .related-articles ul { list-style: none; margin:0; padding-left:0; } .article-body .related-articles ul li { margin:4px 0; padding-left: 16px; } /* 続きを読む */ .article-continue a { color:#333; } /* 共通テーマ */ dl.common-theme{ background: #fafafa; border: 1px solid #ddd; border-radius: 3px; padding: 8px 12px; } /* メッセージボード */ .message-board { background-color: #f7f7f7; border: 1px solid #e4e7e8; border-radius: 4px; color: #333; line-height: 1.6; margin-bottom: 26px; overflow: hidden; padding: 15px; } /* プライベートモード、コメントにログインが必要な場合のメッセージ */ div.private-mode-announcement, div.comment-auth-announcement { background-color: #fafafa; border: 1px solid #ddd; } /* 記事本文 ----------------------------------------------- */ .article-body { color: #655A5A; font-size: 17px; line-height: 1.6; } .article-body-inner h1, .article-body-inner h2, .article-body-inner h3 { border-bottom:3px solid #7f7f7f; } .article-body-inner h4 { border-bottom:1px solid #ccc; } .article-body-inner blockquote { background-color:#fafafa; border: 1px solid #fff; } .article-body-inner blockquote:before { color: #ddd; } .article-body-inner img.pict{ border: 5px solid #fff; box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2); height: auto; margin: 1em 6px 1.5em!important; max-width: 98.4%; } /* コメント・トラックバック一覧 ----------------------------------------------- */ .comment-date, .ping-blog-name, .ping-date { border-left: 1px solid #aaa; color: #aaa; } .comment-body { margin-left: 16px; color: #666; } .ping-excerpt { color: #666; margin-left: 16px; } /* ページ送り ----------------------------------------------- */ /* トップページ */ ul.index-navigator li a, ul.index-navigator li.current span { background-color: #fff; border: 1px solid #ddd; color: #555; } ul.index-navigator li.current span { background-color: #910000; color: #fff; text-shadow: 0 1px 0 #000; } ul.index-navigator a:hover { background-color: #eee; text-decoration: none; text-shadow: 0 1px 0 #fff; } ul.index-navigator a:visited { color: #555; } /* 記事ページ、月別アーカイブページ */ ul.article-pager li a, ul.archives-pager li a { border: 1px solid #ddd; border-radius: 3px; color: #555; background-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02); color: #555; } /* ブログのフッター ----------------------------------------------- */ #blog-footer { color:#555; padding: 40px; } #blog-footer a { color:#555; } /* ブログパーツ ----------------------------------------------- */ /* 共通 */ .sidewrapper:first-child { padding-top: 0; } .sidewrapper { font-size: 13px; overflow: hidden; padding: 20px 0; position: relative; } .sidewrapper .sidetitle { border-bottom: 2px solid #333; color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 16px; padding:6px 0; } .sidewrapper .sidetitle a { color: #333; } .sidewrapper .side .sidebody { line-height: 1.5; padding: 4px 0; border-bottom: 1px dashed #999; } .sidewrapper .side .sidebody:last-child { border-bottom: 0; } .sidewrapper .side .sidebody.category-child { padding-left: 12px; } /* カレンダー */ .calendarhead { font-weight: bold; text-align: center; } table.caltblwk .weekday { color: #666; } table.caltblwk .sun { color: #ff5d5d; } table.caltblwk .sat { color: #578efa; } table.caltblday { color: #8d8d8d; border-collapse: separate; border-spacing: 1px; } table.caltblday .caloff { background-color: #fff; } table.caltblday .calon { background-color: #000; border: none; } table.caltblday td a { color:#fff; height: 23px; line-height: 23px; } table.caltblday td a:hover { background-color: #910000; } table.caltblday td a:visited { background-color: #c8a7dd; } ul.galleryThumbnail li { display: inline-block; margin: 5px; } /* その他のパーツ ----------------------------------------------- */ /* アーカイブヘッダ */ .archives-header { border-bottom: 2px solid #333; font-size: 14px; margin-bottom: 20px; padding: 10px 0; } /* 記事下広告 */ #ad2 {} #ad2 a.addescription { color:#666; } /* ページトップへ */ .to-pagetop a { background:url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/to_pagetop.png) 0 0 no-repeat; display: block; width: 70px; height: 70px; text-indent:-9999px; outline: 0; opacity: 0.6; -webkit-transition: opacity linear 0.1s; -moz-transition: opacity linear 0.1s; -ms-transition: opacity linear 0.1s; -o-transition: opacity linear 0.1s; transition: opacity linear 0.1s; } .to-pagetop a:hover { opacity: 0.9; }