読者です 読者をやめる 読者になる 読者になる

はてなブログの gist の表示をなんとかする

はてなブログの現行のスタイルシート( alpha2.css )では、pre 要素に影が付くようになっています。
Github 側の変更によるものと思われますが、現在の gist は 1 行 1 行がバラバラの pre 要素になっているため、1 行 1 行に影が付いて、見た目にウザい感じになってしまっています。
ユーザー側で修正するには、次のようにします。

  • 「デザイン設定」→「カスタマイズ」→「デザインCSS」を開く
  • 次の記述を追加する
.gist .gist-file .gist-data .line_data { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.gist .gist-file .gist-data pre { box-shadow: none; }