Skip to content

Instantly share code, notes, and snippets.

View Undershirtデザインの更新日時をカスタマイズ
/* 更新日時の表示設定 */
.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;
View gist:ca470af2b7e60ef902fa83573870f0da
/*目次のデザイン変更*/
.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; /* 「この記事の目次」周りの色 */
View アイキャッチが見切れないようにしてみる
<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>
View 日付の位置変更
/* 日付の位置変更 */
.page-archive .archive-entry .date{
position: absolute;
bottom: 0px;
right: 5px;
}
View カードの枠線をつける
/* カードの枠線をつける */
.archive-entry {
border: solid 2px #e9e9e9;
}
@shigesanpo
shigesanpo / gist:59d80f50a3decaaa5958da8b09abee8b
Created Feb 14, 2020
アイキャッチの下に線を引く
View gist:59d80f50a3decaaa5958da8b09abee8b
.entry-thumb {
border-bottom: solid 1px #e9e9e9;/* 線*/
}
View カテゴリーのデザイン
/* カテゴリの位置変更 */
.page-archive .archive-entry .categories {
position: absolute;
top:0px;
left:5px;
}
/* カテゴリーの背景とテキストの色 */
.categories a {
border-radius: 10px;/*角の丸み*/
View 枠を丸くする
/*カードを丸く*/
.archive-entry {
   border-radius: 5px;/*角の丸み*/
background: #fff;
}
/*アイキャッチの上のみ丸く*/
.entry-thumb {
border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;/*角の丸み*/
}
View 記事の説明文(概要)とはてなスターを非表示
/* カードの記事説明文とはてなスターを消す */
.page-archive .entry-description,
.archive-entry-body .social-buttons{
display: none;
}
You can’t perform that action at this time.