Skip to content

Instantly share code, notes, and snippets.

@tarao
Last active Sep 5, 2015
Embed
What would you like to do?
My hatena diary style files
<div class="sidebar">
<div id="sidebar-link"><ul>
<li><a href="/tarao/about">プロフィール</a></li>
<li><a href="http://b.hatena.ne.jp/entrylist?url=http://d.hatena.ne.jp/tarao/&amp;sort=count">人気記事</a></li>
</div>
<hatena name="sectioncategory" template="hatena-module">
<div class="hatena-module">
<div class="hatena-moduletitle">注目記事</div> <a href="http://b.hatena.ne.jp/entrylist?url=http://d.hatena.ne.jp/tarao/&amp;sort=hot">もっと見る</a>
<script language="javascript" type="text/javascript" src="http://b.hatena.ne.jp/js/widget.js" charset="utf-8"></script>
<script language="javascript" type="text/javascript">
Hatena.BookmarkWidget.url = "http://d.hatena.ne.jp/tarao/";
Hatena.BookmarkWidget.title = "hotentries";
Hatena.BookmarkWidget.sort = "hot"; Hatena.BookmarkWidget.width = 0;
Hatena.BookmarkWidget.num = 3;
Hatena.BookmarkWidget.theme = "notheme"; Hatena.BookmarkWidget.load();
</script>
</div>
</div>
<div class="main">
a {
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none ! important;
outline-style: solid;
outline-width: 1px;
}
a:link:hover {
background-color: #e0e0ff;
outline-color: blue;
color: darkblue;
}
a:visited:hover {
background-color: #f0f0f0;
outline-color: #A6ACBD;
}
a:active {
color: red ! important;
outline-color: red ! important;
background-color: #ffe0e0 ! important;
}
body {
background-color: #666666;
}
.body .section p {
margin: 1.2em 0 ! important;
}
.body .section p.sectionheader {
margin-top: 0 ! important;
}
ol ol {
list-style-type: lower-latin;
}
blockquote, blockquote cite, div.hatena-asin-detail {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
blockquote cite {
float: right;
border: 1px solid #DFE1E3;
background-color: white;
padding: 0.2em 0.5em;
margin-top: 0 ! important;
}
blockquote .date {
float: right;
display: inline;
color: #8E949E;
}
blockquote.epigraph {
border-style: none !important;
font-family: serif;
font-size: 120%;
margin-left: 50% !important;
}
blockquote.epigraph cite {
border-color: #333333;
border-radius: 0;
border-style: solid none none none !important;
float: none;
text-align: right;
}
/* header */
h1 {
background: url("http://tarao.orezdnu.org/dtitle.png") no-repeat fixed center 0 #7B7E82;
font-size: 360%;
font-family: serif ! important;
padding: 30px 0 100px;
}
.day h2 {
border-top: 1px solid #A4ABB4;
border-bottom: none ! important;
padding: 0.2em 0 0.2em 0 ! important;
margin-top: 1em;
}
.day h2 a {
float: right;
text-align: right ! important;
}
.day h2 a.edit {
float: left;
margin-left: 0 ! important;
}
.day h2.hatena-profile-profile, .day h2.hatena-profile-status {
border-top: none;
border-bottom: 1px solid #A4ABB4 ! important;
}
.day h2.hatena-profile-profile a, .day h2.hatena-profile-status a {
float: none;
}
.day h2.hatena-profile-profile .title, .day h2.hatena-profile-status .title {
margin-left: 0;
}
h3.title {
font-size: 120%;
margin-top: 0;
}
h4 {
margin-top: 2.5em ! important;
border-left: 0.5em solid #8E949E;
border-bottom: 0.2em solid #8E949E ! important;
padding-left: 0.5em ! important;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
}
h5 {
margin-top: 2em ! important;
border-left: 0.5em double #8E949E;
padding-left: 0.5em;
}
h6 {
display: inline;
border-bottom: 0.15em dotted #8E949E;
font-size: 100%;
padding: 0.2em 0.3em;
}
/* sidebar */
.main div.calendar, .main div.day {
margin-right: 0 ! important;
}
div.day {
padding-right: 20px;
}
.sidebar {
overflow: hidden;
float: none ! important;
margin-left: 0 ! important;
border: none ! important;
width: 100% ! important;
}
.hatena-module {
margin-bottom: 1em;
}
.hatena-moduletitle,
.hatena-modulebody,
.hatena-modulebody ul,
.hatena-modulebody ul li {
display: inline;
}
.hatena-moduletitle {
padding-right: 0.7em ! important;
font-family: inherit ! important;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.hatena-modulebody ul li {
border-bottom: none ! important;
border-right: 1px solid #E0E3E8;
padding-right: 4px ! important;
padding-left: 0 ! important;
margin-left: 4px ! important;
line-height: 2 ! important;
}
.hatena-modulebody ul li:last-child {
border-right-style: none ! important;
}
div#sidebar-link {
display: inline;
float: right;
margin-right: 0.5em;
font-size: 90%;
}
div#sidebar-link ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#sidebar-link ul li {
border-style: none ! important;
}
.hatena-module-profile .hatena-moduletitle {
display: block;
}
div.hatena-bookmark-widget-body {
padding: 0.5em 20px;
}
div.hatena-bookmark-widget-title,
div.hatena-bookmark-widget-footer {
display: none;
}
div.hatena-bookmark-widget-title img {
display:none;
}
span.hatena-bookmark-count {
font-size: 80%;
margin-left: 1em;
}
span.hatena-bookmark-count a,
span.hatena-bookmark-count a:link,
span.hatena-bookmark-count a:hover,
span.hatena-bookmark-count a:visited {
text-decoration: underline ! important;
font-weight: bold;
outline-style: none;
}
span.hatena-bookmark-count em a,
span.hatena-bookmark-count em a:link,
span.hatena-bookmark-count em a:hover,
span.hatena-bookmark-count em a:visited {
font-style: normal;
background-color: #FFF0F0 ! important;
color: #FF6666 ! important;
}
span.hatena-bookmark-count strong a,
span.hatena-bookmark-count strong a:link,
span.hatena-bookmark-count strong a:hover,
span.hatena-bookmark-count strong a:visited {
background-color: #FFCCCC ! important;
color: red ! important;
}
/* section fotter */
p.sectionfooter {
font-size: 90%;
}
p.sectionfooter:after {
content: "Z";
}
p.sectionfooter.share-button:after {
content: none ! important;
}
/* comment */
div.comment, div.refererlist {
border-top: 1px solid #A4ABB4 ! important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 1em;
}
div#hatena-bookmark-container {
font-size: 80% ! important;
}
div#hatena-bookmark-container div.hatena-bookmark-title {
background: none repeat scroll 0 0 #A4ABB4 ! important;
border: 1px solid #A4ABB4 ! important;
}
div:not(.comment) + div#hatena-bookmark-container {
display: none;
}
/* archive */
#hatena-archive div.calendar {
text-align: left;
}
/* custom */
.toc.float {
font-size: 80%;
margin-left: 0.5em !important;
padding: 0.5em;
background-color: white;
border:solid 1px #999999;
float: right;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.toc h4 {
border-style: none !important;
margin: 0 !important;
}
.local-pager {
list-style-type: none;
padding: 0;
}
.local-pager li {
display: inline-block;
}
.local-pager li:first-child:before {
content: "<";
padding-right: 0.3em;
}
.local-pager li:after {
content: "|";
font-weight: normal;
padding: 0 0.3em;
}
.local-pager li:last-child:after {
content: ">";
}
.local-pager li.current {
font-weight: bold;
}
.local-pager li.current:first-child:before {
content: "";
}
.local-pager li.current:last-child:after {
content: "";
}
/* syntax highlight */
div.body div.section pre a {
color: inherit;
}
div.body div.section pre {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #A4ABB4;
}
div.body div.section pre {
font-family: monospace ! important;
line-height: 1.3 ! important;
background: none repeat scroll 0 0 #232323 ! important;
color: white;
}
span.synSpecial {
color: #6D9CBE;
}
span.synType {
color: #BCBCE8;
}
span.synComment {
color: #3C9C4D;
}
span.synPreProc {
color: #CC7833;
}
span.synIdentifier {
color: #FFC66D;
}
span.synConstant {
color: #A5C261;
}
span.synStatement {
color: #CC7833;
}
/* gist */
div.section .gist .gist-file {
border-style: none;
}
table.lines {
margin: 0 ! important;
}
table.lines td {
background-color: #232323 ! important;
border-style: none ! important;
}
table.lines td.line-numbers {
font-family: monospace ! important;
font-size: small ! important;
color: #808080 ! important;
border-right: 1px solid #808080 ! important;
}
table.lines td.line-data pre {
font-family: monospace ! important;
border-radius: 0 ! important;
font-size: small ! important;
}
table.lines td.line-data pre div {
line-height: normal ! important;
}
div.gist-data div.file-data { /* top */
background-color: #232323;
padding-top: 5px;
border-radius: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border: 1px solid #A4ABB4;
border-bottom-style: none;
}
div.section .gist .gist-file .gist-meta { /* bottom */
background-color: #A4ABB4;
color: white;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #A4ABB4;
}
div.section .gist .gist-file .gist-meta a {
color: #efefef ! important;
}
div.section .gist-syntax .err {
color: #a61717;
background-color: #e3d2d2;
}
div.section .gist-syntax .c ,
div.section .gist-syntax .cm,
div.section .gist-syntax .cp,
div.section .gist-syntax .c1,
div.section .gist-syntax .cs { /* comment */
color: #3C9C4D;
font-style: normal;
}
div.section .gist-syntax .kd { /* function */
color: #BCBCE8;
font-weight: normal;
}
div.section .gist-syntax .k,
div.section .gist-syntax .kc,
div.section .gist-syntax .kp,
div.section .gist-syntax .kr,
div.section .gist-syntax .kt { /* keyword */
color: #CC7833;
font-weight: normal;
}
div.section .gist-syntax .w { /* whitespace */
color: #BBBBBB;
}
div.section .gist-syntax .ow,
div.section .gist-syntax .o { /* operator */
color: #E6E1DC;
font-weight: normal;
}
div.section .gist-syntax .m,
div.section .gist-syntax .s,
div.section .gist-syntax .mf,
div.section .gist-syntax .mh,
div.section .gist-syntax .mi,
div.section .gist-syntax .mo,
div.section .gist-syntax .sb,
div.section .gist-syntax .sc,
div.section .gist-syntax .sd,
div.section .gist-syntax .s2,
div.section .gist-syntax .se,
div.section .gist-syntax .sh,
div.section .gist-syntax .si,
div.section .gist-syntax .sx,
div.section .gist-syntax .sr,
div.section .gist-syntax .s1,
div.section .gist-syntax .ss { /* literal */
color: #A5C261;
}
div.section .gist-syntax .na,
div.section .gist-syntax .nb,
div.section .gist-syntax .nc,
div.section .gist-syntax .no,
div.section .gist-syntax .ni,
div.section .gist-syntax .ne,
div.section .gist-syntax .nf,
div.section .gist-syntax .nn,
div.section .gist-syntax .nt,
div.section .gist-syntax .nv,
div.section .gist-syntax .bp,
div.section .gist-syntax .vc,
div.section .gist-syntax .vg,
div.section .gist-syntax .vi,
div.section .gist-syntax .il { /* name */
color: #E6E1DC;
font-weight: normal;
}
div#google_afc_user {
line-height: 1;
font-size: 80%;
}
div#google_afc_user li {
margin-bottom: 1em;
}
div#google_afc_user .google_afc_image table td {
display: table-cell ! important;
}
This file has been truncated, but you can view the full file.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment