読者です 読者をやめる 読者になる 読者になる

スタイルシートの上書き内容メモ

雑記

(後日追記)注意事項
スタイルシートは随時更新しているので、この記事の css をコピペしてもこのブログと完全に同じ外観にはなりません。最新の css はソースを表示して、blog_style が含まれるリンクから最新のスタイルシートをたどって、/*** css を上書き ***/ 以降を見てください。なお、私は Chrome 以外のブラウザでレイアウト確認をあまりしていません。

公式テーマ Evergreen を選択。
背景色白を選択。
デザイン css に以下の内容を上書き。

/* <system section="theme" selected="evergreen"> */
@import "/css/theme/evergreen/evergreen.css";
/* </system> */

/* <system section="background" selected="ffffff"> */
body{background:#ffffff;}
/* </system> */

/*** css を上書き ***/

/* リンクを青色に */
a { 
  color: #4682b4; /*#47a89c*/
  text-decoration: none;
}

/* リンクを青色に */
.entry-footer-time a{ 
  color: #4682b4;
}

/* 日付も青色に & 文字を大きく */
.date-year,
.date-month,
.date-day,
.hyphen{ 
  color: #4682b4;
  font-size: 130%;
}

/* コメントボタンも青色に */
.leave-comment-title,
.leave-comment-title:hover{ 
  background-color: #4682b4;
}

/* カテゴリのアイコンを消し、青色背景にし、余白調整 */
.categories {
  margin: 15px 0 11px 0;
  padding: 0 0 0 0;
  text-align: left;
  background: url('xxx.png') no-repeat;
  background-position: left 5px;
  font-size: 94%;
}
.categories a {
  margin: 0 6px 0 0;
  padding: 4px 6px;
  color: white;
  background-color: #4682b4;
}

/* 記事を区切っている画像を消し、余白を詰める */
.entry {
  position: relative;
  margin-bottom: 30px;
  background: url('xxx.png') no-repeat;
  background-position: center bottom;
}

/* 各記事のタイトルのフォントサイズと余白調整、太いアンダーラインを設定 */
.entry-title {
  font-size: 170%;
  padding-bottom: 0.3em;
  border-bottom: 2px solid #696969;
}

/* ブログタイトル箇所のフォントサイズと余白調整、装飾画像を消す */
#blog-title {
  margin: 0 20px 0;
  padding: 1.8em 0 0.5em;
  text-align: left;
  background: url('xxx.png') no-repeat;
  background-position: center bottom;
}
#title {
  margin: 0 0 0 0;
  font-size: 230%;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.05em;
  padding: 0 0;
}
#blog-title-content {
  max-width: 800px;
  margin: 0 auto 0;
  border: none;
}
#top-editarea {
  max-width: 800px;
  margin: 0 auto 2.0em;
}

/* 記事のフォントサイズが大きかったので調整 */
.entry-content {
  line-height: 1.6;
  font-size: 95%;
  padding: 0 0 0 0;
}

/* twitter 引用は灰色の太線で囲む */
.entry-content .twitter-tweet {
  margin: -4px 0 0.5em 0;
  padding: 0.3em 0.5em;
  background-color: #ffffff;
  border: 2px solid #ccc;
}

/* ソースコードの色とフォントサイズ */
.entry-content pre {
  font-size: 95%; /* 88% */
  background: #333333;
  color: #dcdcdc;  
  font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
  margin: -5px 0 10px;
  padding: 10px 13px;
    
}
.entry-content pre a.keyword{
  color: #dcdcdc;  
  border-bottom: 0;
}
.entry-content .code {
  background: #f3f3f3;
  white-space: pre;
  line-height: 1.4;
  color: #333333;
}

/* ソースコードの色の変更 */
.synComment { color: #2e8b57; font-style: italic; }
.synIdentifier, .synPreProc, .synStatement { color: #4682b4; }
.synType { color: #4169e1; }
.synConstant { color: #a52a2a; }

シンタックスハイライトしない pre はコンソール風にしたい。

$python hoge.py