ブログテーマを変更しました。時々思い立って始めると、時間が消し飛ばされます。はてなブログのデザインはテンプレートでいろいろなものが用意されていて、変更するだけでガラッと印象変わるので面白いです。デザイナーの皆様センスありすぎでございます。ありがとうございます。
インストールしたテーマ一覧
～2019/6/29
2019/6/30～2023/4/29
2023/4/30～
テーマ変更時注意点
テーマ変更するとデザインCSSが初期化されました。事前にバックアップをとっておくべきでした。
～2023/4/29のデザインCSS設定
/* <system section="theme" selected="17680117126988535567"> */
@import "https://blog.hatena.ne.jp/-/theme/17680117126988535567.css";
/* </system> */
/*記事中見出しスタイル*/
.entry-content h1 {
font-size: 2.6rem;
border-bottom: 3px double rgba(0,0,0,.5);
}
.entry-content h2 {
font-size: 2.4rem;
border-bottom: 2px solid rgba(0,0,0,.5);
}
.entry-content h3 {
font-size: 2.2rem;
border-bottom: 1px solid rgba(0,0,0,.5);
}
.entry-content h4 {
font-size: 2rem;
border-bottom: 1px dashed rgba(0,0,0,.5);
}
.entry-content h5 {
font-size: 1.8rem;
border-bottom: 1px dotted rgba(0,0,0,.5);
}
.entry-content h6 {
font-size: 1.6rem;
}
/* ソースコードの囲み */
pre.code {
margin-bottom: 1.5em;
padding: 1em;
background: #333;
color: #eee;
position: relative;
border-radius: 3px;
}
/* ソースコードタイトル */
.code-title {
position: relative;
}
.code-title pre.code {
padding-top: 2.4em;
}
.code-title::before{
content: attr(data-title);
padding: 0 1em;
background: #666;
color: #fff8e1;
font-size: 0.8em;
border-radius: 3px 0 0 0;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
フッター
<script>
u('#title').html("<a href=\"http://www.yu2ta7ka-emdded.com/\">YU2TA7KA's BLOG<br/><span id='subtitle'>～take one step at a time～</span></a>");
</script>
