Tumblrカスタマイズでコード貼り付ける時のCSS追加

Markdown記法で先頭にスペース4つかタブ文字で

{スペース4つ}testtest
↓
<pre><code>testtest</code></pre>

になるのですが、テンプレによってはデザインが崩れたり背景色が無かったりと、
個人的には残念でした。なので簡単なCSSをカスタムCSSとして追加しました。

code{
    font-family: Verdana, Arial, sans-serif,monospace;
}
pre{
    width:700px;
    font-size:13px;
    padding:15px;
    margin-bottom:14px;
    word-wrap: break-word;
    background:#f4f6f7;
    border:2px solid #cdd3d6;
    border-radius:10px;
    box-shadowa:-3px 0 10px
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

個人的に一番いいのは、 word-wrap: break-word; ですね。
横に長い文字を折り返して表示してくれます。
これ以外は、見た目の問題なので個人の好みがあります。

結構良い感じやろー

それにしても、MOUってアプリは素晴らしい。。。
プレビューを見ながらMarkdownが自然と書ける。