YU2TA7KA's BLOG ~take one step at a time~

派生開発、組み込み開発周りのこと。

ブログテーマ変更

ブログテーマを変更しました。時々思い立って始めると、時間が消し飛ばされます。はてなブログのデザインはテンプレートでいろいろなものが用意されていて、変更するだけでガラッと印象変わるので面白いです。デザイナーの皆様センスありすぎでございます。ありがとうございます。

インストールしたテーマ一覧

~2019/6/29

blog.hatena.ne.jp

2019/6/30~

blog.hatena.ne.jp

テーマ変更時注意点

テーマ変更するとデザインCSSが初期化されました。事前にバックアップをとっておくべきでした。

現在のデザイン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>