Last active
July 19, 2020 16:14
-
-
Save x5gtrn/de39b6bb88f358e6b38a2b71c92d3e77 to your computer and use it in GitHub Desktop.
Hatena Blog - Customized
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
<div style="text-align: right; float: right;"> | |
<small><a href="#box2">List↓</a></small> | |
</div> |
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
<div style="margin: 0px; padding: 0px; text-align: right; float: right;"> | |
<iframe src="https://blog.hatena.ne.jp/x5gtrn/x5gtrn.hatenadiary.jp/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe> | |
</div> | |
<div class="hatena-module hatena-module-search-box" style="width: 40%;"> | |
<div class="hatena-module-body"> | |
<form class="search-form" role="search" action="https://blog.x5gtrn.com/search" method="get"> | |
<input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required> | |
<input type="submit" value="検索" class="search-module-button" /> | |
</form> | |
<i><a href="#box2"><strong>新着記事</strong>や<strong>カテゴリーの一覧</strong>などはこちらから</a></i> | |
</div> | |
</div> | |
<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/> |
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
/* <system section="theme" selected="life"> */ | |
@import "/css/theme/life/life.css"; | |
/* </system> */ | |
/* <system section="background" selected="custom"> */ | |
body{ background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/x/x5gtrn/20200624/20200624000207.jpg'); background-repeat: repeat; background-color:#f5f5f5; background-attachment: fixed; background-position: left top;} | |
/* </system> */ | |
.page-index #title, | |
#title { | |
font-size: 1.5rem; | |
} | |
.page-index #blog-description, | |
#blog-description { | |
font-size: 1.2rem; | |
} | |
@media (mix-width: 499px) | |
.page-index #title, | |
#title { | |
font-size: 1.0rem !important; | |
} | |
.page-index #blog-description, | |
#blog-description { | |
font-size: .7rem !important; | |
} | |
.page-entry .entry-title, | |
.entry-title { | |
font-size: 1.3rem !important; | |
} | |
div.entry-content { | |
max-width: 800px; | |
} | |
footer.entry-footer { | |
max-width: 800px; | |
} | |
media (min-width: 768px) | |
.entry-content { | |
font-size: 0.88rem; | |
} | |
div.entry-inner { | |
border-bottom: 1px inset; | |
} | |
header.entry-header { | |
padding-top: 0 !important; | |
} | |
div.comment-box { | |
padding-bottom: 50px; | |
} | |
@media (min-width: 768px) | |
.page-archive .entry-description { | |
font-size: .7rem !important; | |
} | |
#box2-inner { | |
padding-bottom: 50px; | |
} | |
#bottom-editarea { | |
padding-top: 70px; | |
border-top: 1px inset; | |
} | |
#box2-inner.hatena-module-profile { | |
display: none; | |
} | |
span.user-name-nickname { | |
display: none; | |
} | |
span.user-name-paren { | |
display: none; | |
} | |
header.entry-header { | |
padding-bottom: 0.6em; | |
padding-top: 0.2em; | |
} | |
div.hatena-star-metadata { | |
text-align: right; | |
float: left; | |
} | |
div.hatena-star-container { | |
text-align: right; | |
float: left; | |
} | |
div.social-buttons { | |
text-align: right; | |
float: leftt; | |
} | |
div.mix_embed { | |
padding-top: 2em; | |
padding-bottom: 2em; | |
text-align: center; | |
} | |
@media screen and (min-width: 499px) { | |
iframe.mix { | |
width: 45%; | |
} | |
} | |
div.guest-footer-content { | |
display: none; | |
} | |
p.services { | |
display: none; | |
} | |
span.footer-address-name { | |
display: none; | |
} | |
/* address.footer-address img {width: 150px; height: 150px; padding-bottom: 80px;} */ | |
address.footer-address img { | |
display: none; | |
} | |
/* https://design.webclips.jp/youtube-movie-size/#C02 */ | |
.embed-wrap { | |
position: relative; | |
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ | |
height: 0; | |
overflow: hidden; | |
} | |
.embed-wrap iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100% !important; | |
max-width: 100% !important; | |
height: 100%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment