user_styles.css で MT の管理画面を可変レイアウトにした

MT の管理画面が固定レイアウトで使いにくいので、可変レイアウトにしました。ユーザースタイルシートでやろうと思ったのですが、ソースを見ていると「 user_styles.css 」というのがあったので。ああ、このファイルにユーザー各々のスタイルシートを指定すればいいんだなと。

同じことをしている人はいそうな気がするんだけど、見つからなかったので。

Movable Type 4 になって、管理画面のスタイルやレイアウトも大きくかわって、標準でリキッドレイアウトになりましたので、もうこの CSS は役立たずです。

で、そのスタイルシートは以下のような感じ。

.body-wrap {
    width: 100%;
}

div#nav {
    width: 9%;
    margin: 0;
}
div#nav * {
    max-width: 90% !important;
}

.body-nav {
    width: 88%;
    margin: 0;
    float: right;
}

#topnav-container {
    width: auto;
}

#topnav-img {
    position: static;
    top: 0; left: 0;
    float: left;
}

#topnav-links {
    position: relative;
    top: 20px; left: 0;
    width: 100%;
}

#edit-entry .field-wrapper,
#edit-template .field-wrapper {
    width: 90%;
}

.textarea-wrapper textarea,
.textarea-wrapper input {
    width: 100% !important;
}

手抜きで改良の余地がかなりありますが、これで可変レイアウトにはなります。

インフォメーション

公開日時
2007年6月15日 午後1時48分47秒
最終更新日時
2007年9月9日 午後5時11分44秒
カテゴリ
Movable Type