2008年11月13日

Trac Lightning CSSのカスタマイズ

Trac Lightningを導入して、案件が始まるまでにTipsとか色々追加しておこうと
wikiをせこせこと書いてます。

ところで、wikiのヘッダー1からヘッダー3まで、大きさの違いしかないのね。
全部左寄せだし。
違いが分からない。
めっちゃ見にくい。

ということで、とりあえずヘッダーだけでも見た目を変えて見やすくしてみる。

背景をつけたり、段差をつけることで見やすくなりそう。

本当は他のところも色々触りたいんだけど、今はそんな時間ないし、
デフォルトもキライじゃない色使いだからいいや。



調べたら、触ってよいcssもいっぱいあるみたい。
でも、全体を一気に変えたいのであれば、「trac.css」を変更するのがよいらしい。

<変更するCSS>
C:\TracLight\python\Lib\site-packages\Trac-0.11.1.ja1-py2.5.egg\trac\htdocs\css\trac.css


11行目あたり
(変更前)
h1 { font-size: 19px; margin: .15em 1em 0.5em 0;}
h2 { font-size: 16px}
h3 { font-size: 14px}
(変更後)
h2とh3に下線を追加。h2に背景色追加。
h1 { font-size: 19px; margin: .15em 1em 0.5em 0;}
h2 { font-size: 16px; border-bottom: 1px solid #bbb; background-color: #eee; padding: 4px 0px 0px 4px;}
h3 { font-size: 14px; border-bottom: 1px solid #bbb;}


300行目あたり
(変更前)
.wikipage h1, .wikipage h2, .wikipage h3 { margin-left: -18px; }
(変更後)
h2とh3に段差を追加。h2に背景色を追加。
.wikipage { padding-left: 18px }
.wikipage h1 { margin-left: -18px; }
.wikipage h2 { margin-left: -10px;}
.wikipage h3 { margin-left: 0px;}



イメージ図

(変更前)
trac01.png

(変更後)
trac02.png


これでちょっと見やすいかな。

※2008/12/02
   編集時h2に背景がつかないのがみにくかったので、CSSを変更。それに伴いこの記事も修正。


ラベル:trac Trac Lightning CSS
posted by tsupo at 14:11| Comment(0) | TrackBack(0) | 覚書き | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。