Unix like?なブロックインデント(ライン付き)

 これ↓です。


 次の部分が字下げになっています。

この部分です。

入れ子にできます。

 Unix使いの人がよく、


 そうですよね。

# ほんとかよw

などと、「#」などを使いながら字下げをしていることがあります。今でもメールとかならよくやるんですが、Blogで実現する場合、どうやるのかなあと思っていたのですが、contractioさんがご自分のはてなダイアリで使っていらっしゃったので、たぶんスタイルシートをいじればできるんだとわかりました。
 具体的には、スタイルシートの「ボックス」の指定を使います。
 スタイルシート全般については、たとえば次のサイトなどを見ています。

 要は、marginとpaddingで位置を定めておいて、border-leftだけを指定すれば、ブロック部分の左側だけに線を引けるわけです。

 具体的にはこんな感じ。

div.t {
     margin:1em 1em 2em 2em;padding-left:0.7em;
     border-left:1px solid #aaa;font-size:90%;
     line-height:150%
}
div.t div {
     margin:0;padding:0em 0.5em;font-size:100%;
}

 これをスタイルシートに記述しておいて、

<blockquote>
 次の部分が字下げになっています。
<div class="t">
この部分です。
<div class="t">
入れ子にできます。
</div>
</div>
</blockquote>

とすると、さっきのような「引用ライン」付きインデントが実現できます。

 ※id:june_t:20050221#cのAyarinの発言を受けて

ナーベラー売ってた

 ヨークベニマルに入ったら、ナーベラー(沖縄のヘチマ、食べられます)が売ってました。売れるのか。ゴーヤはようやく定着してきてそこそこ売れると思いますが(というか福島はゴーヤの生産量がけっこう多い)、まだナーベラーは無理だろ。わたしも料理したことない。
 なお、某ベニマルでは99円でした。売れてないらしく。(店によって違うらしい。)

ソニー、Clie新規発売終了

 SymbianのCEOに「PDAはすでに死んでいる」(「ひでぶっ」)と宣告されちゃいましたしねえ……。
 ちなみにわたしはSJ33ユーザ。折りたたみキーボードも持ってます。やっぱスケジューラは便利なのです。メモも。
 しょうがない、次はリナザウでも買うか。何年か後かもだけど。

今日のお客さま

 ほか、類似のもの数件。毎日ヒットしてる。おまいら、そんなに人の給料知りたいですか。w*1

  • yahoo:先行研究って

 ……なんでしょね。(おちゃめな検索ワード♪)

 ほか、18日ですが。

  • google:大学学費+地獄

 これからですよこれから♪

*1:つーか、来年度あたり給料減るかも。(泣)