車輪で新しく加わったスタイル

MovableTypeについてのアンケートに
「アップロードした画像の管理が欲しいよね」
とか、書いたらどうやら次期バージョンで「asset」として実装されそうな雰囲気。
僕のだけの意見が採用されたんじゃなくて、(他にも要望があった | 実装予定だった)だけなんだろうと思うけど、高機能じゃなくても嬉しい限り。(問題は今までのアップロードしたがファイル群の情報もインポートできたらいいよね)
そんな、車輪のCSS をMovableType 3.33と比較して抽出してみた。

とりあえず、次期バージョンの開発版なので、今後変更があるかもしれない。(というか、ここ数週間で大幅に改良が加えられているような…)

それでも、次期バージョンが出たときにアップグレードをする予定があるなら今のうちにCSSに書いておくと幸せになるかも。

主に「asset」に係わるもので、
.display_で始まるのはエントリーに画像を挿入した際のスタイルで、標準で<img />要素にclassとして記述されるみたい。

.show-icon_で始まるのは「asset」のファイル管理画面でのアイコンを表示するもの。

.display_img_left {
    float: left;
    margin-right: 10px;
}
.display_img_center {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.display_img_right {
    float: right;
    margin-left: 10px;
}
.show-icon-doc { background-image: url(images/filetype_icons/doc_sm.gif); background-repeat: no-repeat; }
.show-icon-eps { background-image: url(images/filetype_icons/eps_sm.gif); background-repeat: no-repeat; }
.show-icon-fla { background-image: url(images/filetype_icons/fla_sm.gif); background-repeat: no-repeat; }
.show-icon-gif { background-image: url(images/filetype_icons/gif_sm.gif); background-repeat: no-repeat; }
.show-icon-jpg { background-image: url(images/filetype_icons/jpg_sm.gif); background-repeat: no-repeat; }
.show-icon-mp3 { background-image: url(images/filetype_icons/mp3_sm.gif); background-repeat: no-repeat; }
.show-icon-mpg { background-image: url(images/filetype_icons/mpg_sm.gif); background-repeat: no-repeat; }
.show-icon-pdf { background-image: url(images/filetype_icons/pdf_sm.gif); background-repeat: no-repeat; }
.show-icon-png { background-image: url(images/filetype_icons/png_sm.gif); background-repeat: no-repeat; }
.show-icon-ppt { background-image: url(images/filetype_icons/ppt_sm.gif); background-repeat: no-repeat; }
.show-icon-psd { background-image: url(images/filetype_icons/psd_sm.gif); background-repeat: no-repeat; }
.show-icon-txt { background-image: url(images/filetype_icons/txt_sm.gif); background-repeat: no-repeat; }
.show-icon-xls { background-image: url(images/filetype_icons/xls_sm.gif); background-repeat: no-repeat; }
.show-icon-zip { background-image: url(images/filetype_icons/zip_sm.gif); background-repeat: no-repeat; }
.show-icon-default { background-image: url(images/filetype_icons/default_sm.gif); background-repeat: no-repeat; }

ちなみにこのCSSを比較するのに使ったソフトがWindowsの「Rekisa」という、ファイルの差分表示に便利なソフト

差分表示ソフト Rekisa