preとblockquoteのスタイル変更

もうひとつ気になったのが、コードを書くための「pre」と「code」のコンボと、「blockquote」の表現方法。 とりあえず、MT4のスタイルシートの基本になるのは、「/mt-static/themes-base/blog.css」という事が「テンプレート」にある「スタイルシート」からわかるので、それを変更することにした。 まずは、現在の「blog.css」を「blog.css.org」とかに変更してバックアップしておく。

あとは、以前使っていたpre、code、blockquoteのcssを移植。 背景によっては色を変更したほうがいい場合もあるが、とりあえずよしとする。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
blockquote {
  color: #000;
  background-color: #eee;
  border: 1px solid #999;
  padding: 10px;
}
pre {
  color: #000;
  background-color: #ddd;
  padding: 20px 10px;
  width: 400px;
  border: 1px solid #888;
  overflow: scroll;
}
code {
}

…環境が変わると色々と面倒だね。

comments powered by Disqus
Built with Hugo
テーマ StackJimmy によって設計されています。