最近のブログカスタマイズを箇条書き

hatenaロゴ

人が見にこない、人に見られないブログなので、モチベーションを高めるため、自分が見たくなるように、ブログを書きたくなるように、ブログをカスタマイズしています。
なお、CSSは「デザイン→カスタマイズ→デザインCSS」にコードを入力します。

CSS
.entry-content ul {
    list-style-type: none;
}

.entry-content li:before {
    font-family: blogicon;
    font-weight: normal;
    line-height: 0;
    content: "\f024\00a0";
}
CSS
.entry-content li {
    padding-left: 1.2em;
    text-indent: -1.2em;
}
CSS
.archive-entries {
    overflow: hidden;
}

.page-archive .archive-entries .archive-entry {
    margin-bottom: -1px;
    border-bottom: 1px solid #333;
}
CSS
.hyphen {
    display: none;
}

.date-year:after,
.date-month:after {
    content: "/";
}
CSS
.entry-content a[href^="https://simadzu.hatenablog.com/entry/"]:before {
    font-family: blogicon;
    font-weight: normal;
    content: "\f024\00a0";
}
CSS
img {
    vertical-align: bottom;
}
CSS
a {
    text-decoration-skip-ink: none;
    text-underline-position: under;
}
HTML
<div class="video">
    <iframe src="動画のURL" frameborder="0" allowfullscreen=""></iframe>
</div>
CSS
.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}