【ちゃれんじ】はてなんだくんの仕組みってどうなってるの？ぽけっと10月号をご紹介します♪ | 透き色すたいる

important; margin: 0! important; border: none;}. iconbox li { margin: 0 0 0. 5em 0! important; padding: 0 0 0. 5em 1. 4em! important; line-height: 1. 8;}. iconbox li: before { background-color: #ffa952; top: 13px; left: 0; width: 7px; height: 7px; border-radius: 4px;}. iconbox li: after { content: '';} @media screen and ( max-width: 480px) {. iconbox li: before { top: 8px;}}. iconbox { counter-reset:number; list-style: none! important; border: none! important;}. iconbox li { margin: 0. 5em 0! important; max-width: 500px; padding: 0 0 0. 8em! important; counter-increment: number; content: counter( number); background-color: #fdc44f; border-radius: 50%; top: 4px; width: 22px; height: 22px; line-height: 22px; text-align: center;} @media screen and ( max-width: 480px) {. iconbox li { padding: 0 0 0. 【しまじろう】はてなんだくんが故障したので問い合わせしてみた。 | yorimichi烏龍茶. 5em 2em! important;}. iconbox li: before { width: 18px; height: 18px; line-height: 18px; top: 2px;}} 上記共通 CSS になりますので、このコードを CSS に貼り付けます。 はてなブログ の 「管理画面」→「デザイン」→「カスタマイズ」→「{}デザイン CSS 」 に上記コードをコピペしましょう。 はてなブログ ではデフォルトのデザイン設定と重複している場合はうまく適用されない場合があります。 その場合は、 はてなブログ の記事作成画面の 「HTML編集」に「Style」で貼り付け ましょう。 具体的には下記のように「Style構文」で囲います。