Skip to content

Instantly share code, notes, and snippets.

/* 更新日時の表示設定 */
.lastmod {
background-color: transparent;
color: #999999;
padding: 5px 0px;
text-decoration: none;
font-size: 15px;
display: inline;
margin-left: 0px;
font-family: ''Poppins',-apple-system,BlinkMacSystemFont,Segoe UI,'Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
<!--jQuery 読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--Font Awesome 読み込み-->
<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet">
/*目次のデザイン変更*/
.entry-content .table-of-contents {
position:relative;
margin-left: 0;
padding: 15px 10px 15px 35px; /* 枠内の余白(上右下左) */
font-size: 100%; /* 文字の大きさ */
font-weight:bold;
list-style-type:decimal; /*数字以外が良ければ変更 */
background:#fff;
border-top:40px solid #65b8a2; /* 「この記事の目次」周りの色 */
<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]) + ')'; }); } }());
</script>
/* 日付の位置変更 */
.page-archive .archive-entry .date{
position: absolute;
bottom: 0px;
right: 5px;
}
/* カードの枠線をつける */
.archive-entry {
border: solid 2px #e9e9e9;
}
.entry-thumb {
border-bottom: solid 1px #e9e9e9;/* 線*/
}
@shigesanpo
shigesanpo / gist:59d80f50a3decaaa5958da8b09abee8b
Created February 14, 2020 07:02
アイキャッチの下に線を引く
.entry-thumb {
border-bottom: solid 1px #e9e9e9;/* 線*/
}
/* カテゴリの位置変更 */
.page-archive .archive-entry .categories {
position: absolute;
top:0px;
left:5px;
}
/* カテゴリーの背景とテキストの色 */
.categories a {
border-radius: 10px;/*角の丸み*/
/*カードを丸く*/
.archive-entry {
   border-radius: 5px;/*角の丸み*/
background: #fff;
}
/*アイキャッチの上のみ丸く*/
.entry-thumb {
border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;/*角の丸み*/
}