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

風 山 堂

(foussin's diary)

はてなブログ css メモ

 本日未明、はてなブログで大掛かりなメンテナンスを実施した模様。で、css はどうなってるのか気になって、ちょっと自分の htmlソースを覗いてみた。

ヘッダには…

<link rel="stylesheet" type="text/css" href="http://hatenablog.com/.shared.css:c1abf7a9e9d9eea4dc822dff46a4e447:/css/theme/base.css,/css/prettify.css,/css/globalheader.css"/>

…と記述されている。で、

http://hatenablog.com/css/theme/base.css
http://hatenablog.com/css/prettify.css
http://hatenablog.com/css/globalheader.css

…を覗いてみた。知りたかったのは <p>~</p> のデフォルト設定だったんだけど、見つからなかった。代わりに自分の目にとまったのは、この記述。↓

----------------------------------------
http://hatenablog.com/css/theme/base.css
----------------------------------------

/* ascii-art  AA*/
pre.lang-aa {
  font-family: "Mona", "IPA MONAPGOTHIC", "MS PGothic",
  "MS Pゴシック", "MS Pゴシック", "MS Pゴシック", sans-serif;
  font-size: 12pt;
  line-height: 18px;
  padding: 0;
  background: transparent;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

 アスキーアート用の CSS設定がある? 試してみた。↓

                    *****           ***
                  **     **            **
                 *        **             *
                *           *            **
                *           *             *
               *             *             *
               *             *             *
               *             *             *
               *             *             *
               *             *             *
                *             *           *
                **            *           *
                 *             **        *
                  **            **     **
      *****         *****         *****
    **     **            **
   *        **             *
  *           *            **
  *           *             *
 *             *             *
 *             *             *
 *             *             *
 *             *             *
 *             *             *
  *             *           *
  **            *           *
   *             **        *
    **            **     **
      ***           *****

 うーん。特殊なアスキーアート用らしい。
 次はダッシュボードの『デザインCSS』で、インポートで読み込んでいる CSS を覗いてみた。

http://hatenablog.com/css/theme/report/report.css

…すると

pre.lang-aa {
  font-size: 14px;
  line-height: 15px;
}

…こっちにも lang-aa があって、フォントサイズ、行間が『ベースCSS』とは違っている。上記のアスキーアートには、この設定は使われてないと思う。

 

 で、やっぱり p タグの設定はない。JavaScriptCSS を作ってるみたいだな。p タグに『ジャスティファイ』を適用したいんだけど… 『はてなダイアリー』では CSS の上書きが可能なんだけど、はてなブログでは無理っぽいのかなぁ。。。