Skip to content

Instantly share code, notes, and snippets.

@kobalab
Last active May 2, 2018 01:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kobalab/051e3e8bfac0fa5e10dfd81bcb5ddec7 to your computer and use it in GitHub Desktop.
Save kobalab/051e3e8bfac0fa5e10dfd81bcb5ddec7 to your computer and use it in GitHub Desktop.
はてなダイアリーのスタイルシート
/* 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