@charset "euc-jp"; | |
/* | |
* http://meyerweb.com/eric/tools/css/reset/ | |
* v2.0 | 20110126 | |
* License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, | |
b, u, i, center, | |
dl, dt, dd, ol, ul, li, | |
fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td, | |
article, aside, canvas, details, embed, | |
figure, figcaption, footer, header, hgroup, | |
menu, nav, output, ruby, section, summary, | |
time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: baseline; | |
} | |
/* HTML5 display-role reset for older browsers */ | |
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
ol, ul { | |
list-style: none; | |
} | |
blockquote, q { | |
quotes: none; | |
} | |
blockquote:before, blockquote:after, | |
q:before, q:after { | |
content: ''; | |
content: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
html { | |
margin:0; | |
padding:0; | |
border:none; | |
} | |
html * { | |
-moz-box-sizing: border-box ; | |
box-sizing: border-box ; | |
} | |
body { | |
font-size: 90%; | |
/* MacIE5 \*/ | |
letter-spacing: 1px; | |
/* */ | |
font-family: Verdana, Osaka, sans-serif; | |
line-height: 1.5; | |
color: #000000; | |
background-color: #ffffff; | |
text-align: center; | |
margin: 0; | |
padding: 0; | |
word-break: break-all ; | |
word-wrap: break-word ; | |
} | |
.hatena-body{ | |
position: relative ; | |
width: 87%; | |
margin: 0 auto; | |
padding: 0; | |
} | |
.main{ | |
padding: 0px; | |
} | |
h1 { | |
width: 87%; | |
font-family: "Trebuchet MS",osaka,sans-serif; | |
text-align: left; | |
line-height: 1.2; | |
font-size: 200%; | |
margin: 45px auto; | |
letter-spacing: 0.2em; | |
background-color: #ffffff; | |
padding: 0 10px; | |
color: #000000; | |
} | |
.day { | |
margin: 0; | |
padding: 0 0 0 0; | |
_width: 100% ; | |
text-align:left; | |
position: relative; | |
z-index: 0; | |
} | |
h2, | |
h2 a{ | |
text-decoration: none; | |
border: none; | |
color: #000000; | |
} | |
h2 { | |
font-size: 100%; | |
font-weight: bold; | |
text-decoration:none; | |
margin: 0 0 2em 0; | |
padding: 0 5px; | |
text-align: left; | |
line-height: 1; | |
} | |
span.date{ | |
letter-spacing: 0px; | |
} | |
span.title{ | |
font-size: 100%; | |
letter-spacing: 1px; | |
font-family: Verdana, Osaka, sans-serif; | |
font-weight: bold; | |
margin-left: 15px; | |
} | |
.body { | |
padding: 0 0 0 0; | |
margin: 1em 0 0 0; | |
_width: 100% ; | |
position: relative; | |
z-index: 0; | |
} | |
div.section:after{ | |
content:""; | |
display:block; | |
clear:both; | |
z-index:1; | |
} | |
.section{ | |
padding: 0.5em; | |
margin: 0 0 2em 0; | |
border: dashed 2px #000000; | |
position: relative; | |
z-index: 0; | |
background-color: transparent; | |
} | |
.section P { | |
margin: 1em ; | |
text-align:left; | |
padding: 0; | |
} | |
.body > .section p{ | |
width: auto; | |
height: auto; | |
} | |
h3 { | |
color: #000000; | |
font-size:100%; | |
font-weight: bold; | |
background-color: #ffffff; | |
margin: 0 0 0 3px; | |
padding: 0; | |
text-align:left; | |
display:inline-block; | |
display:inline\9; | |
zoom:1; | |
overflow:visible; | |
position:relative; | |
top:-1.3em; | |
} | |
form h3{ | |
position: static; | |
} | |
h3 a{ | |
border: none; | |
} | |
.body h3.title { | |
border-left: 9px solid #000000; | |
padding-left: 0.5em; | |
margin-bottom: 0; | |
} | |
.body h3.title a { | |
color: #000000; | |
text-decoration: none; | |
} | |
.section p.sectionheader { | |
text-align: right; | |
margin:-1em 0 0; | |
} | |
.section form p.sectionheader { | |
margin:0; | |
} | |
a.sectioncategory{ | |
} | |
span.sanchor{ | |
color: #000000; | |
margin:0; | |
} | |
span.timestamp{ | |
font-size:70%; | |
font-weight: normal; | |
letter-spacing: 0px; | |
} | |
/**************** decoration *************************/ | |
a{ | |
text-decoration: none; | |
color: #000000; | |
border-bottom:solid 1px #000000; | |
} | |
a.keyword, | |
a.okeyword { | |
text-decoration: none; | |
border-bottom: dotted 1px #e0e0e0; | |
} | |
a img{ | |
border: none; | |
} | |
a:hover { | |
color: #ff0000; | |
} | |
a:active { } | |
h4 { | |
color: #000000; | |
font-size:100%; | |
font-weight: bold; | |
margin:0.5em 1em; | |
padding: 0; | |
text-align:left; | |
word-break:break-all; | |
} | |
h5 { | |
color: #000000; | |
font-size:100%; | |
font-weight: bold; | |
margin: 0.5em 1em ; | |
padding: 0; | |
text-align:left; | |
} | |
blockquote{ | |
border: dashed 2px #000000; | |
margin: 1em; | |
padding: 0.7em; | |
} | |
.section blockquote p{ | |
margin: 0.5em; | |
padding: 0; | |
} | |
cite{ | |
font-weight: bold; | |
font-style: normal; | |
} | |
cite a{ | |
border: none; | |
} | |
pre { | |
border: dashed 2px #000000; | |
margin: 1em; | |
padding: 0.7em; | |
} | |
font{ | |
} | |
em, | |
em a{ | |
font-weight: normal; | |
font-style: normal; | |
border: none; | |
background-color: yellow; | |
} | |
ins, | |
ins a{ | |
text-decoration: none; | |
border: none; | |
color: #000000; | |
} | |
/************************* list **********************/ | |
.section ul{ | |
margin: 1em 1em 1em 2em; | |
padding: 0; | |
} | |
.section ol{ | |
margin: 1em 1em 1em 2.5em; | |
padding: 0; | |
} | |
.section ul li, | |
.section ol li, | |
.section ol ul, | |
.section ol ol, | |
.section ul ul, | |
.section li li { | |
margin: 0 0 0 1em; | |
padding: 0; | |
} | |
.section dl{ | |
margin: 1em 1em 1em 1.5em; | |
} | |
.section dt{ | |
font-weight: bold; | |
} | |
/********************** img ***************************/ | |
img.photo{ | |
float: right; | |
padding: 0 ; | |
border: 0; | |
margin: 10px; | |
position: relative; | |
z-index: 3; | |
} | |
img.asin{ | |
float: right; | |
padding: 0 ; | |
margin: 0 0 10px 10px; | |
position: relative; | |
z-index: 3; | |
} | |
/********************* footnote **********************/ | |
span.footnote{ | |
font-size: 70%; | |
} | |
span.footnote a{ | |
border: 0; | |
} | |
div.footnote{ | |
margin: 0 0 2em 1em; | |
padding: 1em; | |
border: dashed 2px #000000; | |
} | |
p.footnote{ | |
margin: 0; | |
font-size: 90%; | |
} | |
/********************** comment ***********************/ | |
div.comment, | |
div.refererlist{ | |
width: 100% ; | |
padding: 0.5em 0 1em 0; | |
margin: 0 0 1.5em 1em; | |
border: dashed 2px #000000; | |
position: relative; | |
} | |
div.refererlist ul{ | |
margin: 1em 2em 0 2em; | |
padding: 0; | |
list-style-type: square; | |
list-style-position: inside; | |
font-size: 80%; | |
letter-spacing: 0px; | |
} | |
.caption{ | |
position: absolute; | |
background-color: #ffffff; | |
top: -0.8em; | |
left: 0px; | |
font-size: 80%; | |
margin: 0 1em; | |
} | |
.caption a{ | |
border: 0; | |
} | |
form .caption{ | |
position: static; | |
margin: 0.5em; | |
border: none; | |
} | |
div.commentshort{ | |
margin: 0 1em; | |
} | |
span.canchor{ | |
display: none; | |
} | |
div.commentshort a{ | |
border: none; | |
} | |
span.commentator{ | |
font-weight: bold; | |
display:block; | |
margin: 0 0 0 -1em; | |
padding: 3px 0 0 0; | |
} | |
form span.commentator{ | |
display: inline; | |
margin: 0; | |
} | |
div.commentshort p | |
{ | |
margin: 0 0 0 1em; | |
font-size: 90%; | |
letter-spacing: 0px; | |
} | |
form div.commentshort p, | |
form div.refererlist ul{ | |
font-size: 100%; | |
} | |
div.commentshort textarea{ | |
width: 90%; | |
} | |
/******************asin::detail***********************/ | |
div.hatena-asin-detail { | |
margin: 1em 1em; | |
padding: 10px; | |
border: dashed 2px #000000; | |
_width: 100%; | |
} | |
img.hatena-asin-detail-image { | |
float: left; | |
border: 0; | |
margin: 0 10px 0 0 ; | |
} | |
div.hatena-asin-detail-info{ | |
float: left\9; | |
margin: 0; | |
word-break: break-all; | |
} | |
.section p.hatena-asin-detail-title{ | |
font-weight: bold; | |
width: 100%; | |
margin: 0; | |
} | |
div.hatena-asin-detail-info ul { | |
list-style-type: none; | |
margin: 5px 0 0 0; | |
padding: 0; | |
} | |
div.hatena-asin-detail-info li { | |
margin: 0; | |
padding: 0; | |
} | |
div.hatena-asin-detail p a{ | |
border: 0; | |
} | |
div.hatena-asin-detail-foot { | |
clear: left; | |
} | |
/************************ form **********************/ | |
form{ | |
margin: 0; | |
padding: 0; | |
} | |
form.hatena-searchform{ | |
margin: 5px 0; | |
} | |
form div.body{ | |
margin: 0 0 2em 0; | |
padding: 1em; | |
border: solid 1px #000000; | |
} | |
form h2{ | |
font-size: 120%; | |
margin: 1em 0 ; | |
} | |
form h3{ | |
border-bottom: solid 1px #000000; | |
margin: 1em 0; | |
display:block; | |
} | |
/********************** sidebar ***********************/ | |
.sidebar { | |
position: absolute; | |
top: 19px; | |
left: 0px; | |
width: 26% ; | |
padding: 0; | |
margin: 0 ; | |
font-size: 90%; | |
text-align: left; | |
border: none; | |
} | |
.hatena-module{ | |
margin: 0 0 2em 0; | |
padding: 1em 0 0 0; | |
width: 100% ; | |
position: relative; | |
border: dashed 2px #000000; | |
} | |
.hatena-moduletitle, | |
.hatena-moduletitle a{ | |
border: none; | |
color: #000000; | |
background-color: #ffffff; | |
} | |
.hatena-moduletitle{ | |
position: absolute; | |
top: -0.9em; | |
font-size: 100%; | |
letter-spacing: 0px; | |
font-weight: bold; | |
padding: 0; | |
margin: 0px 1em; | |
color: #000000; | |
text-align: left; | |
letter-spacing: 0px; | |
} | |
.hatena-modulebody{ | |
padding: 0 1em 10px 1em; | |
margin: 0; | |
font-size: 90%; | |
_width:100%; | |
} | |
.hatena-modulebody a{ | |
border: none; | |
} | |
/********************** sideber li **********************/ | |
.hatena-modulebody ul{ | |
padding: 0; | |
margin: 0; | |
list-style-type: none; | |
} | |
.hatena-modulebody li { | |
} | |
.hatena-modulebody li a{ | |
display: block; | |
padding: 3px 5px; | |
line-height: 1.2; | |
margin: 0; | |
border: solid 1px #ffffff; | |
width: 100%; | |
} | |
.hatena-modulebody li a:hover { | |
color: #000000; | |
border: solid 1px #000000; | |
width: 100%; | |
} | |
/*************** trackback/comment module ****************/ | |
.hatena-modulebody ul.hatena-recentcomment li a{ | |
display: inline; | |
width: auto; | |
padding: 0; | |
border: none; | |
} | |
.hatena-modulebody ul.hatena-recentcomment li a:hover{ | |
width: auto; | |
border: none; | |
color: #ff0000; | |
} | |
/******************* photo module *******************/ | |
ul.hatena-photo{ | |
padding: 5px 5px; | |
margin: 0; | |
width: auto; | |
list-style-type: none; | |
text-align: left; | |
} | |
ul.hatena-photo li{ | |
margin: 0; | |
display: inline; | |
width: none; | |
} | |
ul.hatena-photo li img{ | |
} | |
ul.hatena-photo li a{ | |
display: inline; | |
width: 48%; | |
margin: 0 0 10px 0; | |
padding: 0; | |
border: none; | |
text-align: center; | |
} | |
ul.hatena-photo li a:hover{ | |
width: 48%; | |
background-image: none; | |
border: none; | |
} | |
ul.hatena-photo li a img{ | |
filter: none; | |
border: 1px solid #000000; | |
} | |
ul.hatena-photo li a:hover img{ | |
filter: none; | |
border: 1px solid #ff0000; | |
} | |
/********************** calender **********************/ | |
div.calendar { | |
font-size:80%; | |
color: #000000; | |
margin: 0 ; | |
padding: 0; | |
text-align: right; | |
} | |
div.calendar a{ | |
border: none; | |
color: #000000; | |
} | |
/********************** header **********************/ | |
table | |
{ | |
margin: 0 auto; | |
padding: 0; | |
} | |
td | |
{ | |
background-color : transparent; | |
} | |
table table td{ | |
background-color : transparent; | |
} | |
table table{ | |
margin: 0; | |
padding:0; | |
border: none; | |
width: 100%; | |
border: 0; | |
background-image: none; | |
background-color : transparent; | |
} | |
table table td font, | |
table table td a{ | |
border:none; | |
color: #000000; | |
} | |
td a{ | |
border: 0; | |
} | |
table input{ | |
border: solid 1px #000000; | |
background-color : #ffffff; | |
color: #000000; | |
} | |
div.body table{ | |
width: auto; | |
border: 0; | |
} | |
/********************** calendar2 **********************/ | |
div.calendar2{ | |
padding: 0; | |
} | |
table.calendar{ | |
font-size: 100%; | |
letter-spacing: 0px; | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
background-color: #ffffff; | |
border: none; | |
background-image : none; | |
background-repeat: no-repeat; | |
text-align: center; | |
position: relative; | |
} | |
td.calendar-current-month{ | |
font-weight: bold; | |
} | |
td.calendar-prev-month, | |
td.calendar-current-month, | |
td.calendar-next-month{ | |
text-align:center; | |
} | |
td.calendar-day { | |
} | |
td.calendar-day a{ | |
border-bottom: 1px solid #000000; | |
} | |
td.calendar-weekday, | |
td.calendar-sunday, | |
td.calendar-saturday{ | |
display:none; | |
} | |
td.calendar-day a img { | |
width: 12px; | |
height: 12px; | |
border: solid 1px #000000; | |
} | |
td.calendar-day a:hover img{ | |
border: solid 1px #ff0000; | |
} | |
/************************ adminmenu ****************************/ | |
div.adminmenu{ | |
text-align: right; | |
width: 87%; | |
padding: 1em 0; | |
margin: 0 auto; | |
font-size: 80%; | |
background-color: #ffffff; | |
color: #000000; | |
} | |
div.adminmenu a{ | |
border: none; | |
color: #000000; | |
} | |
div.hatena-body div.adminmenu{ | |
text-align: right; | |
margin: 0; | |
padding: 0.5em 1em; | |
width: auto; | |
border: 0; | |
} | |
/************ adminmenu ***********/ | |
span.highlight { | |
background-color: yellow; | |
padding: 1px; | |
} | |
.footer, | |
.footer a{ | |
color: #000000; | |
border: none; | |
} | |
.footer{ | |
padding: 3px; | |
text-align: center; | |
font-size: 80%; | |
} | |
.body .section p.share-button { | |
margin-top: 2em; | |
} | |
div.body { | |
clear: both; | |
} | |
/* Hatena-Star */ | |
.hatena-star-comment-button-image { | |
background-image: url("http://s.hatena.ne.jp/images/comment_dg.gif"); | |
} | |
.hatena-star-add-button-image { | |
background-image: url("http://s.hatena.ne.jp/images/add_dg.gif"); | |
} | |
/* adsense */ | |
.google_color_text { color:#000000; } | |
.google_color_link { color:#000000; } | |
.google_color_url { color:#000000; } | |
.google_color_bg { color:#ffffff; } | |
.google_color_border { color:#ffffff; } | |
/************************ fotolife ****************************/ | |
/* 1column */ | |
div.section img.hatena-fotolife{ | |
max-width: 100%; | |
} | |
/* 2column */ | |
div.main div.section img.hatena-fotolife{ | |
max-width: 100%; | |
} | |
/* add */ | |
.hatena-sectioncategory { | |
width: 250px; | |
} | |
.section table { | |
border: 1px solid #000000 /* 色コード */; | |
border-collapse: collapse; | |
margin-left: 13px; | |
margin-right: auto; | |
} | |
.hatena-widget widget-twitter { | |
position: relative; | |
width: 100%; | |
} | |
.section table td,.section table th { | |
border: 1px solid #000000 /* 色コード */; | |
font-size: 12px; | |
} | |
pre { | |
border: solid 1px #a0a0a0; | |
margin: 1em; | |
padding: 0.7em; | |
font-size: 14px; | |
color: #000000; | |
background-color: #ffffff; | |
overflow-x: scroll; | |
} | |
.synSpecial { color: #000000; } /* 特殊文字、記号 */ | |
.synType { color: #4169e1; } /* タイプ */ | |
.synComment { color: #9400d3; } /* コメント */ | |
.synPreProc { color: #ffd700; } /* 前処理 */ | |
.synIdentifier { color: #008080; } /* 識別子 */ | |
.synConstant { color: #cd5c5c; } /* 定数、文字列 */ | |
.synStatement { color: #ff8c00; } /* 命令 */ | |
blockquote { | |
border: solid 1px #a0a0a0; | |
margin: 1em; | |
padding: 0.7em; | |
font-size: 14px; | |
color: #000000; | |
background-color: #bbbbbb; | |
} | |
blockquote a{ | |
color: #000000; | |
} | |
h4 { | |
border-bottom:dotted 2px #000000; | |
} | |
.hatena-module { | |
border: 2px dashed #000000; | |
margin-top: 15px; | |
padding: 1em 0px 0px; | |
position: relative; | |
width: 100%; | |
} | |
/* add */ | |
.main { | |
padding: 0px; | |
margin: 0px; | |
} | |
#days { | |
float: left; | |
width: 72%; | |
} | |
.breadcrumbs { | |
margin-right: 20% | |
} | |
.sidebar { | |
float: right; | |
top: -113px; | |
width: 26% ; | |
padding: 0; | |
margin: 0 ; | |
font-size: 90%; | |
text-align: left; | |
border: none; | |
position: relative; | |
} | |
div.comment, div.refererlist { | |
border: 2px dashed #000000; | |
margin: 0px 0px 1.5em 0px; | |
padding: 0.5em 0px 0px; | |
position: relative; | |
width: 100%; | |
} | |
div#pager-top { | |
left: -28%; | |
position: relative; | |
} | |
div#pager-bottom { | |
top: 100%; | |
position: absolute; | |
visibility:collapse; | |
} | |
div#hatenasection { | |
width: 72%; | |
} | |
.breadcrumbs { | |
margin-right: 20% | |
} | |
.sidebar { | |
float: right; | |
top: -113px; | |
width: 26% ; | |
padding: 0; | |
margin: 0 ; | |
font-size: 90%; | |
text-align: left; | |
border: none; | |
position: relative; | |
} | |
div.comment, div.refererlist { | |
border: 2px dashed #000000; | |
margin: 0px 0px 1.5em 0px; | |
padding: 0.5em 0px 0px; | |
position: relative; | |
width: 100%; | |
} | |
div#pager-top { | |
left: -28%; | |
position: relative; | |
} | |
div#pager-bottom { | |
top: 100%; | |
position: absolute; | |
visibility:collapse; | |
} | |
div#hatenasection { | |
width: 72%; | |
} | |
.twtr-widget { | |
border:2px dashed #000; | |
} | |
.twtr-tweet-wrap { | |
border-bottom:1px dashed #000; | |
} | |
#tweet-id-5 { | |
border-top:1px dashed #000; | |
} | |
.twtr-widget em, | |
.twtr-widget em a { | |
background-color: #fff; | |
} | |
.twtr-tweet a { | |
border-bottom: none; | |
} | |
.twtr-widget a img { | |
display: none; | |
} | |
.twtr-widget h3 { | |
border:0; | |
background:none; | |
clear:none; | |
padding:0; | |
margin:0; | |
color:#fff; | |
top:-2px; | |
left: -31px; | |
} | |
.twtr-widget h4 {border:0;background:none;clear:none;padding:0;margin:0;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment