Skip to content

Instantly share code, notes, and snippets.

@tarao

tarao/footer.html

Last active September 5, 2015 02:54
Show Gist options
  • Save tarao/424485 to your computer and use it in GitHub Desktop.
Save tarao/424485 to your computer and use it in GitHub Desktop.
Download ZIP
My hatena diary style files
Raw
header.html
<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">
Raw
style.css
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;
}
Raw
title.ai
This file has been truncated, but you can view the full file.
View raw
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment