2005-01-24 (Mon) 改造中 [長年日記]
_ 読書中
最近また気になるトピックがいくつか出てきたのでひたすら文献読み漁り中．
ひとまず今週のミーティングネタに絡めるつもりで『マンガ学：マンガによるマンガのためのマンガ理論』で気になったことがひとつあったのであとでまとめる．
![[Add this section to your bookmark]](http://img.addclips.org/addclips_1.gif){kind=small}
_ Sageのスタイルシートをいじる
Firefox用のRSSリーダの拡張であるSageのデフォルトのフォントサイズ設定では文字が小さ過ぎるし，Tapestryによる漫画の表示の問題があるので1コラムでアイテムを並べたいためスタイルシートをいじってみる．いちいち細かい設定する余裕がないので，元のスタイルを叩き台にフォントサイズだけいじる．以下手順：
まずSageのインストールページからxpiファイルをいただく．"click here to install"のリンクを右クリックし，[Save Link As...]を選んでダウンロードする．xpiファイルの実体はzipファイルなので，unzipして中に出てくる sage.jar を取り出す．
さらにjarファイルも実体はzipファイルなのでsage.jarをunzipすると，content/res/sage.css というファイルがあるので，これを取り出していじる．
いじったファイルは適当な場所に置き，Firefoxのメニューから[Tools]→[Extensions]で拡張のリストを開いてSageのオプション設定の画面を開いてFeed RenderingのUse custom style sheetにチェックしてファイルのパスを指定する．
私がいじった場合のdiffはこんな感じ：
% diff -u sage.css.orig sage.css
--- sage.css.orig Sat Sep 11 02:57:00 2004
+++ sage.css Mon Jan 24 16:09:32 2005
@@ -11,6 +11,7 @@
margin: 0px;
color: #222;
font-family: verdana;
+ font-size: medium;
}
a:link { text-decoration: none; color: #436976; font-weight: bold; }
@@ -28,21 +29,21 @@
}
#rss-title {
- font-size: large;
+ font-size: larger;
line-height: 1;
margin: 0px;
padding: 0px;
}
#rss-desc {
- font-size: small;
+ font-size: inherit;
margin: 0px;
padding: 5px 0px 0px 20px;
}
div.item {
border: 1px solid #8cacbb;
- width: 47%;
+ width: 96%;
min-width: 14em;
margin: 0px 0px 8px 2%;
padding: 0px;
@@ -51,7 +52,7 @@
h2.item-title {
background-color: #dee7ec;
- font-size: x-small;
+ font-size: inherit;
font-weight: normal;
line-height: 1.1;
margin: 0px;
@@ -64,13 +65,13 @@
div.item-desc {
min-height: 6em;
- font-size: x-small;
+ font-size: inherit;
margin: 0px;
padding: 8px 10px;
}
div.item-pubDate {
- font-size: x-small;
+ font-size: smaller;
margin: 0px;
padding: 8px 10px;
width: 80%;
[ツッコミを入れる]
本日のTrackBacks(全1件)
[]
先日sageについて書込みましたが、sageのディフォルトCSSだと、かなり文
