Created
February 23, 2013 16:13
-
-
Save shigemk2/5020275 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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