Bloggerカスタマイズ：リストマークのデザイン

通常のリスト（箇条書き）が面白くないので変えてみた。

.column-center-inner ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.column-center-inner ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.column-center-inner ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em;
  color: #ffb03f;
}

普通に「ul」「li」に対して設定すると、サイドバーの「ラベル」とか「ブログアーカイブ」とかにも適用されてしまうので「 .column-center-inner」を指定。
こうすると記事内のリストのみに適用されるというわけですな。

あ、なのでレイアウトをセンター１本にしてる場合は全リストに反映されちゃうかも。

この「 .column-center-inner」を探すのにちょっと苦労した。
FireFoxのページソースを表示する機能（インスペクター？）でちまちまとCSSを探ったのだがもっと良い方法あるのかしら。
探り当てたときは達成感があって気持ちいいですよぉ。