@charset "UTF-8"; /* Blog テンプレート “PinkPlastic”*/ /* by Naoko McCracken http://nao-net.com/ */ /* このCSSは以下のクリエイティブ・コモンズ・ライセンスに従って使用してください。 */ /* http://creativecommons.org/licenses/by-sa/2.0/ */ /* すべての画像の著作権は製作者に属します。 */ /***** General Rules *****/ body { background: url(img/pink_bg.gif) top center repeat-y #FEEBF3; text-align: center; color: #4D4D4D; font-family: "Verdana","Arial","Helvetica","Osaka","MS Pゴシック", sans-serif; font-size: x-small; voice-family: "\"}\""; voice-family:inherit; font-size: small; } html>body { font-size: small; } a, a:link { color: #C36; text-decoration: underline; } a:visited { color: #C06; text-decoration: underline; } a:hover, a:active { color: #999; } hr { clear: both; border-top: 1px dashed #C06; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin: 0; padding: 3px 0; color: #FFF; } input, textarea { margin: 3px 0 0 0; font-family: Osaka,Verdana,Arial,Helvetica,"MS Pゴシック",sans-serif; } body, p, div, span, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; } pre, code { font-family: Courier New, Courier, Monospace; padding: 5px; margin: 0; } body, pre, code, li, blockquote { line-height: 1.4; font-size: x-small; voice-family: "\"}\""; voice-family:inherit; font-size: small; } html>body, html>pre, html>code, html>li, html>blockquote { font-size: small; } /***** Comment Page and Search Page *****/ #banner-commentspop { /* MT Comment */ font-weight: bold; color: #C36; margin: 0 auto; width: 600px; line-height: 1.8; font-size: 1.8em; font-family: Trebuchet MS,Verdana,Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka"MS Pゴシック",sans-serif; text-align: left; } h3.title, /* MT Search*/ .blog .comments-head { /* MT Comment */ padding: 8px 8px 3px 8px; font-size: 1.3em; font-weight: bold; border-bottom: 1px dashed #F1C8DB; } h2.date { padding: 0 0 10px 0; font-size: 0.8em; } .blog /*MT Search */ { text-align: left; padding: 0 0 20px 0; margin: 0 auto; width: 600px; } #container h2 { /* Both Comment */ font-size: 1.3em; } #container form { margin: 0; padding: 10px 0 15px 0; } .posted, .comments-post /* MT Comment */ { padding: 5px 15px 10px 15px; display: block; } /***** Main Pages *****/ #banner { color: #FFF; text-align:left; background: url(img/pink_sitetitle.gif) top left no-repeat #F69; margin: 8px auto 0 auto; width: 750px; height: 73px; } #banner a:link, #banner a:visited, #banner a:hover, #banner a:active { color: #FFF; text-decoration: none; } #banner h1 { font-size: 1.8em; line-height: 1.6em; padding: 8px 30px 0 30px; font-family: Trebuchet MS,Verdana,Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka"MS Pゴシック",sans-serif; } #banner h2 { font-size: 0.9em; color: #FFF; padding: 0 30px; } #center { margin: 0 auto; text-align: left; width: 746px; } #menu { padding: 8px 0 0 0; text-align: center; font-weight: bold; } #menu a, #menu a:link, #menu a:visited { color: #C36; text-decoration: none; } #main { width: 538px; float: left; } #main .content { background:url(img/pink_main_bg.gif) top left repeat-y #FFF; width: 538px; text-align: left; margin: 8px 0 0 0; padding: 0; } #main .blog { background:url(img/pink_main_top.gif) top left no-repeat ; padding: 10px 15px 10px 10px; text-align: left; margin: 0; width: auto; } #main .blog h2.date { color:#666; font-size: 0.8em; padding: 5px 10px 0 10px; margin: 0; background: #F9F0F4; font-weight: normal; } #main .blog h3.title { border: none; background: #F9F0F4; padding: 3px 10px; font-size: 1.3em; margin: 0; } #main h3 a, #main h3 a:link, #main h3 a:visited { background:url(img/pink_title.gif) center left no-repeat; text-decoration: none; padding: 0 0 0 16px; } #main h3 a:hover { background:url(img/pink_title_hover.gif) center left no-repeat; text-decoration: none; padding: 0 0 0 16px; } .blog p, .extended { padding: 0.8em 5px 0 5px; } .blog img { float: left; margin: 5px 10px 10px 0; } blockquote { width: 80%; border: 1px solid #F1C8DB; margin: 10px 0 0 5%; padding: 10px 20px; background: #F9F0F4; clear: both; } .blog blockquote p { padding: 0 } .blog blockquote pre { color: #666; padding: 0 } dl { margin: 0 0 0 2em; line-height: 1; } dt { font-weight: bold; margin-bottom: 0.2em; } dd { margin-left: 1em; margin-bottom: 0.5em; } .blog ul { list-style-type: none; margin: 0.8em 15px; } .blog ul ul { margin: 0.2em 10px; } .blog ul li { padding: 0 0 0 16px; background:url(img/pink_bullet.gif) 0 4px no-repeat; } .blog ol { margin: 0 40px; } #center .posted, .bottompad { font-size:0.85em; background:url(img/pink_main_bottom.gif) bottom left no-repeat; padding: 0; margin:0 0 10px 0; } #center .posted { padding: 15px 25px; text-align: right; } /***** Menu *****/ #links { float: right; width: 208px; } .sidebar { padding: 10px 0 15px 8px; } div#calendar { margin: 0 0 10px 0; border-collapse: collapse; } #calendar table { width: 200px; font-weight: bold; } #calendar caption { font-size: 0.9em; padding: 7px 0; text-align: center; background:url(img/pink_menutitle_bg.gif) top center no-repeat; color: #FFF; } #calendar td { color:#6E6E6E; font-size:11px; padding:2px; text-align:center; border-top: 1px solid #FDF3F6; border-right: 1px solid #F1C8DB; border-bottom: 1px solid #F1C8DB; border-left: 1px solid #FDF3F6; background:url(img/pink_calendar.gif) top center no-repeat; } #calendar th { color:#666; font-size:10px; } .sidebar ul { list-style-type: none; padding: 0 10px 10px 10px; } .sidebar ul li { padding: 0 0 0 16px; background:url(img/pink_menuitem.gif) 0 5px no-repeat; } .sidebar h2 { font-size: 1em; font-weight: bold; padding: 7px 10px; text-align: center; background: url(img/pink_menutitle_bg.gif) top center no-repeat; color: #FFF; } .link-note { font-family:verdana, arial, sans-serif; padding:5px 0; } #powered { text-align: center; margin:10px 0 0 0; } #powered img { border: 0 } /***** Comment *****/ #main .comments-body, #main .trackback-body { padding: 10px; background: #FFF; text-align: left; } #main .comments-body p, #main .trackback-body p, #main .comments-body form { padding: 8px 0 0 0; } #main .comments-body h2, #main .trackback-body h2 { padding: 8px 0 3px 26px; font-size: 1.3em; background: url(img/pink_comment.gif) 6px 12px no-repeat #F9F0F4; } #main .trackback-body h2 { background: url(img/pink_tb.gif) 6px 13px no-repeat #F9F0F4; } #main p.comments-post, #main p.trackback-post { padding: 0 0 5px 0; } /***** Copyright *****/ #copyright { font-size:0.85em; padding: 5px 15px; text-align: center; } #copyright a, #copyright a:link, #copyright a:visited { color: #666; text-decoration: none; font-weight: bold; text-transform: uppercase; } #copyright a:hover, #copyright a:active { color: #999; text-decoration: none; }