(後日追記)注意事項
スタイルシートは随時更新しているので、この記事の 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