Last active
May 2, 2018 01:07
-
-
Save kobalab/051e3e8bfac0fa5e10dfd81bcb5ddec7 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
/* Global Setting */ | |
a img { border: none; } | |
ul { | |
margin-left: 0px; | |
padding-left: 1.5em; | |
} | |
ul li { list-style-type: square;} | |
ul li li { list-style-type: circle; } | |
body, table { font-family: Verdana, sans-serif; font-size: 12px; } | |
/* Layout */ | |
body { | |
margin: 0px; padding: 0px; | |
text-align: center; | |
margin-bottom: 10px; | |
} | |
#simple-header { | |
width: 800px; | |
margin: 0px auto; | |
text-align: left; | |
} | |
h1 { | |
width: 800px; | |
height: 50px; | |
margin: 0px auto; | |
padding: 0px; | |
text-align: left; | |
} | |
h1 a { | |
display: block; | |
width: 200px; | |
margin: 0px; padding: 0px; | |
position: relative; | |
top: 15px; | |
z-index: 1; | |
font-family: Verdana; | |
font-size: 24px; | |
text-align: center; | |
} | |
h1 a + a { | |
display: none; | |
} | |
.hatena-body { | |
width: 800; | |
margin: 0px auto; | |
padding: 0px; | |
margin-top: -50px; | |
overflow: hidden; | |
text-align: left; | |
border-bottom-left-radius: 10px; | |
border-bottom-right-radius: 10px; | |
} | |
.hatena-body:after { | |
display: block; | |
content: ''; | |
clear: both; | |
} | |
.main { | |
width: 600; | |
float: right; | |
margin: 0px; padding: 0px; | |
overflow: hidden; | |
} | |
.sidebar { | |
width: 200; | |
float: left; | |
margin: 0px; padding: 0px; | |
margin-top: 50px; | |
} | |
#hatena-about div.day, | |
#hatena-archive div.calendar, | |
#hatena-archive div.day, | |
#hatena-keywordcloud div.day { | |
margin-left: 200px; | |
} | |
#google_afc_user { | |
display: none; | |
} | |
/* Sidebar */ | |
.sidebar { | |
font-size: 12px; | |
text-align: center; | |
} | |
.sidebar table { | |
font-size: 12px; | |
} | |
.hatena-module { | |
margin: 10px auto; | |
width: 176px; | |
text-align: left; | |
} | |
.hatena-module a { | |
text-decoration: none; | |
} | |
.hatena-module a:hover { | |
text-decoration: underline; | |
} | |
.hatena-moduletitle { | |
padding: 1px; | |
text-align: center; | |
border-top-left-radius: 10px; | |
border-top-right-radius: 10px; | |
} | |
.hatena-modulebody { | |
border: solid 1px; | |
padding: 5px; | |
font-size: 90%; | |
border-bottom-left-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.hatena-module ul { | |
margin-top: 0px; | |
margin-bottom: 0px; | |
} | |
/* profile module */ | |
.hatena-profile p { | |
text-align: center; | |
margin: 0px; | |
margin-top: 4px; | |
} | |
.hatena-profile img { | |
width: 100px; | |
border: solid 1px; | |
} | |
.hatena-profile-id { | |
display: none; | |
} | |
/* calendar module */ | |
.hatena-module-calendar2 .hatena-modulebody { | |
text-align: center; | |
} | |
table.calendar { | |
margin: 0px auto; | |
} | |
table.calendar { text-align: center; } | |
.calendar-prev-month { text-align: left; } | |
.calendar-current-month { text-align: center; } | |
.calendar-next-month { text-align: right; } | |
.calendar-day { text-align: right; } | |
.calendar-day a { text-decoration: underline; } | |
/* section module */ | |
.hatena-module-section ul { | |
padding-left: 0px; | |
} | |
.hatena-module-section li { | |
list-style-type: none; | |
padding-top: 1px; | |
padding-bottom: 1px; | |
} | |
.hatena-module-section li + li { | |
border-top: dotted 1px; | |
} | |
/* sectioncategory module */ | |
.hatena-module-sectioncategory .hatena-modulebody { | |
font-size: 100%; | |
} | |
/* graph module */ | |
.hatena-module-graph div { | |
text-align: center; | |
} | |
/* keywordcloud module */ | |
.keywordcloud { | |
margin: 0px; padding: 0px; | |
} | |
.keywordcloud { | |
font-family: "Hiragino Maru Gothic Pro", Verdana, sans-serif; | |
} | |
a.keywordcloud0 { font-size: 80%; } | |
a.keywordcloud1 { font-size: 100%; } | |
a.keywordcloud2 { font-size: 120%; } | |
a.keywordcloud3 { font-size: 140%; } | |
a.keywordcloud4 { font-size: 160%; } | |
a.keywordcloud5 { font-size: 180%; } | |
a.keywordcloud6 { font-size: 200%; } | |
a.keywordcloud7 { font-size: 210%; } | |
a.keywordcloud8 { font-size: 220%; } | |
a.keywordcloud9 { font-size: 230%; } | |
a.keywordcloud10 { font-size: 240%; } | |
/* rss module (fotolife) */ | |
ul.hatena-photo { | |
margin: 0px; padding: 0px; | |
} | |
ul.hatena-photo li { | |
margin: 0px; padding: 0px; | |
display: inline; | |
} | |
/* Body */ | |
div.day { | |
width: 590px; | |
margin: 10px 0px; | |
} | |
h2 { | |
margin: 10px 0; | |
padding: 3px 1em; | |
font-size: 120%; | |
border-radius: 4px; | |
} | |
h2 a { | |
text-decoration: none; | |
} | |
h2 a:hover { | |
text-decoration: underline; | |
} | |
a.edit { | |
display: block; | |
float: right; | |
font-size: 75%; | |
font-weight: normal; | |
} | |
h3 { | |
margin: 10px 0; | |
padding: 2px 0.5em; | |
border-left: solid 6px; | |
border-bottom: solid 1px; | |
border-bottom-left-radius: 4px; | |
font-size: 120%; | |
} | |
h3 a { | |
text-decoration: none; | |
} | |
h3 a:hover { | |
text-decoration: underline; | |
} | |
/* blog layout */ | |
div.calendar { | |
margin: 10px 0px; | |
} | |
.sectionheader { | |
margin-top: -2.4em; | |
margin-bottom: 1.4em; | |
} | |
.sectionheader, | |
.sectionfooter { | |
text-align: right; | |
font-size: 90%; | |
} | |
div.calendar a, | |
p.sectionheader a, | |
p.sectionfooter a, | |
form.trackback a { | |
text-decoration: none; | |
} | |
div.calendar a:hover, | |
p.sectionheader a:hover, | |
p.sectionfooter a:hover, | |
form.trackback a:hover { | |
text-decoration: underline; | |
} | |
.caption { | |
margin-top: 1em; | |
padding: 2px 1.5em; | |
font-size: 90%; | |
border-radius: 10px; | |
} | |
.commentshort, | |
.refererlist .commentdelete { | |
margin-left: 1.5em; | |
font-size: 90%; | |
} | |
.refererlist ul { | |
margin: 0.5em 0px 0px 1em; | |
font-size: 90%; | |
} | |
/* blog content */ | |
h4 { | |
margin: 1em 0px; | |
border-bottom: solid 1px; | |
font-size: 100%; | |
} | |
h5 { | |
margin: 1em 0px; | |
font-size: 100%; | |
} | |
.keyword { | |
text-decoration: none; | |
} | |
.keyword:hover { | |
text-decoration: underline; | |
} | |
.seemore { | |
font-size: 90%; | |
} | |
span.footnote { | |
font-size: 70%; | |
vertical-align: super; | |
} | |
div.footnote { | |
margin-bottom: 10px; | |
border-top: solid 1px; | |
font-size: 90%; | |
} | |
div.footnote p { | |
margin: 2px 1em; | |
} | |
.footnote a { | |
text-decoration: none; | |
} | |
.footnote a:hover { | |
text-decoration: underline; | |
} | |
pre { | |
border: solid 1px; | |
padding: 5px; | |
/* font-family: Osaka-Mono, "MS ゴシック", Courier, monospace; */ | |
font-size: 100%; | |
border-radius: 2px; | |
} | |
blockquote { | |
margin: 0px 1em; | |
border-left: solid 2px; | |
padding: 0px; | |
} | |
blockquote p { | |
margin: 0.5em; | |
padding: 0px; | |
} | |
blockquote p + p { | |
margin-top: 1em; | |
} | |
.section dt { | |
clear: left; float: left; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
.section dd { | |
margin-left: 4em; | |
margin-bottom: 0.5em; | |
} | |
.section dl:after { | |
display: block; | |
content: ''; | |
clear: both; | |
} | |
.section .nofloat dt { | |
float: none; | |
} | |
.section .nofloat dd { | |
margin-left: 40px; | |
} | |
table.border { | |
border-collapse: collapse; | |
border-spacing: 0px; | |
border-top: solid 1px; | |
border-bottom: solid 1px; | |
border-left: hidden; | |
border-right: hidden; | |
} | |
table.border tr + tr { | |
border-top: solid 1px; | |
} | |
table.border th, | |
table.border td { | |
border-left: solid 1px; | |
border-right: solid 1px; | |
padding: 2px 0.5em; | |
} | |
/* fotolife */ | |
a.hatena-fotolife img { | |
border: none; | |
} | |
/* ASIN */ | |
.hatena-asin-detail { | |
margin: 10px; | |
} | |
.hatena-asin-detail-image { | |
float: left; | |
} | |
.hatena-asin-detail-info { | |
float: left; | |
margin-left: 10px; | |
width: 400px; | |
} | |
.hatena-asin-detail-title { | |
font-weight: bold; | |
} | |
.hatena-asin-detail-foot { | |
clear: left; | |
} | |
img.asin { | |
float: right; | |
margin: 0px 0px 5px 5px; | |
} | |
/* Recommend */ | |
.hatena-asin-recommend { | |
clear: both; | |
margin: 10px 4px; | |
width: auto; | |
border-radius: 5px; | |
background-color: #eee; /* color setting */ | |
border: solid 1px #999; /* color setting */ | |
} | |
.hatena-asin-recommend-title img { | |
max-width: 22px; | |
max-height: 22px; | |
} | |
/* About */ | |
img.photo { | |
float: right; | |
margin: 0 0 10px 10px; | |
max-height: 120px; | |
} | |
ul.hatena-profile-list { | |
margin: 10px !important; | |
padding: 0px; | |
} | |
ul.hatena-profile-list li { | |
margin: 0px; | |
} | |
/* Archive */ | |
h2 input[type="submit"] { | |
display: none; | |
} | |
ul.archives li a { | |
text-decoration: none; | |
} | |
ul.archives li a:hover { | |
text-decoration: underline; | |
} | |
/* Color */ | |
body { | |
background-color: #224; | |
color: white; | |
} | |
.hatena-body { | |
background-color: white; | |
border-color: white; | |
color: black; | |
} | |
.hatena-body table { | |
color: black; | |
} | |
a:link { | |
color: #369; | |
} | |
a:visited { | |
color: #306; | |
} | |
a:visited img { | |
color: #369; | |
} | |
a:active { | |
color: red; | |
} | |
span.highlight { | |
color: black; | |
background-color: #c9f; | |
} | |
#simple-header { | |
background-color: #9ab; | |
} | |
h1, | |
h1 a:link, | |
h1 a:visited { | |
color: #369; | |
} | |
h1 a:active { | |
color: red; | |
} | |
.hatena-moduletitle { | |
background-color: #9ab; | |
} | |
.hatena-moduletitle, | |
.hatena-moduletitle a:link, | |
.hatena-moduletitle a:visited { | |
color: white; | |
} | |
.hatena-moduletitle a:active { | |
color: red; | |
} | |
.hatena-modulebody { | |
border-color: #9ab; | |
} | |
.hatena-modulebody li { | |
color: #9ab; | |
border-color: #9ab; | |
} | |
h2 { | |
background-color: #9ab; | |
} | |
h2, h2 a:link, h2 a:visited { | |
color: white; | |
} | |
h2 a:active { | |
color: red; | |
} | |
h3 { | |
border-color: #369; | |
} | |
h3 a:link, h3 a:visited { | |
color: #369; | |
} | |
h3 a:active { | |
color: red; | |
} | |
div.calendar a:link, div.calendar a:visited, | |
.sectionheader a:link, .sectionheader a:visited, | |
.sectionfooter a:link, .sectionfooter a:visited, | |
.seemore a:link, .seemore a:visited, | |
.footnote a:link, .footnote a:visited { | |
color: #369; | |
} | |
div.calendar a:active, | |
.sectionheader a:active, | |
.sectionfooter a:active, | |
.seemore a:active, | |
.footnote a:active { | |
color: red; | |
} | |
div.caption { | |
background-color: #9ab; | |
} | |
div.caption, div.caption a:link, div.caption a:visited { | |
color: white; | |
} | |
h4 { | |
border-color: #9ab; | |
} | |
div.footnote { | |
border-color: #9ab; | |
} | |
a.keyword:link, a.keyword:visited { | |
color: gray; | |
} | |
a.keyword:active { | |
color: red; | |
} | |
pre { | |
background-color: #dde; | |
} | |
pre { | |
border-color: #369; | |
} | |
blockquote { | |
border-color: #369; | |
} | |
table.border { border-color: #369; } | |
table.border tr + tr { border-color: #9ab; } | |
table.border th, | |
table.border td { border-color: #9ab; } | |
table.border th { background: #dde; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment