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
.page-archive .entry-thumb { | |
width: 100%; | |
height: 200px;/*任意の画像の高さ*/ | |
} |
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
<script> | |
(function(){ | |
if(document.body.classList.contains('page-index')){ | |
var elements = document.getElementsByClassName('entry-thumb'); | |
var re = /https%3A%2F%2F.+\.jpg/; | |
Array.prototype.forEach.call(elements, function(element) { | |
var imageUri = re.exec(element.getAttribute('style')); | |
element.style.backgroundImage = 'url(' + decodeURIComponent(imageUri[0]) + ')'; | |
}); | |
} |
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
/********************************* | |
画像をビヨンビヨン | |
*********************************/ | |
#biyon-tate{ | |
margin-top:200px; | |
-webkit-animation-name:biyon-tate; | |
-webkit-animation-property:-webkit-transform; | |
-webkit-animation-duration:500ms; | |
-webkit-animation-timing-function:ease-out; | |
-webkit-animation-iteration-count:infinite; |
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 class="fuki"> | |
<div class="fuki-img"> | |
<img class="" src="画像URL" alt="" /> | |
</div> | |
<div class="fukidashi"> | |
<div class="fukidashi-p">ここに吹き出し内テキスト。<br>での改行もOK</div> | |
</div> | |
</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
/*********** | |
画像に吹き出し | |
************/ | |
/*吹き出しエリア全体*/ | |
.fuki { | |
display: table; | |
margin-bottom: 0em; | |
width: 100%; | |
} | |
/*吹き出し用画像*/ |
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
#box2{/*サイドバー全体の箱*/ | |
display: -webkit-flex; | |
display: flex; | |
} | |
.hatena-module:last-of-type{/*サイドバー最後の要素*/ | |
position: -webkit-sticky; | |
position: sticky; | |
top: 0;/*上から離す距離(50pxとか)*/ | |
} |
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
.page-index .entry:hover { | |
box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1); | |
transform: translateY(-4px); | |
transition: 0.2s; | |
background: #fff; | |
} |
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
.hatena-urllist li:hover{ | |
box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);/*浮いた時の影*/ | |
transform: translateY(-3px);/*浮く高さ*/ | |
transition: 0.3s;/*浮く速さ(秒)*/ | |
background: rgba(238,238,238,.4);/*浮いた時の背景色(なくてもよい)*/ | |
} |
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
/* ホバーアニメーション(下線) */ | |
.underline { | |
position: relative; | |
} | |
.underline:hover, | |
.underline:focus, | |
.underline:active { | |
cursor: pointer; | |
} | |
.underline:after {/*疑似要素とアニメーション設定を加えてwidthを0にしておく*/ |
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
/*MIT License | |
Copyright (c) 2017 Yan Zhu | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: | |
The above copyright notice and this permission notice shall be included in all | |
copies or substantial portions of the Software. |
NewerOlder