#toc ol li a:before {
content: "\BB ";
}
#toc ul li a:before,
#navi ul.toc li a,
#toc ul li a,
#toc ol li a {
display: block;
_width: 100%; /* for IE */
padding: 0 0 0 1em; /* はみ出し。 */
margin: 0 0 0 0;
}
#navi a:hover,
#description a:hover,
#toc a:hover {
color: #fff;
background: #000;
text-decoration: none;
}
#navi ul.toc,
#toc ul,
#toc ol {
margin: 0;
padding: 0;
list-style: none;
}
#navi ul.toc li,
#toc ul li,
#toc ol li {
border: 1px solid #057;
}
#navi a:visited,
#description a:visited,
#toc a:visited {
color: #fff;
text-decoration: none;
}
a {display: block}
昨日の続き。やっぱ意味わかんなすぎた。
a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。
適当に該当部分のそれっぽいところだけ（既にどれがどれだか覚えてない）CSSを抜き出すと
#navi a:link,
#description a:link,
#toc a:link {
color: #fff;
text-decoration: none;
}
a {display: block}
昨日の続き。やっぱ意味わかんなすぎた。
a 要素をブロックにして広げるのはその長方形のボックス内どこをクリックしても飛ぶほうがいいかなぁという魂胆なのです。
適当に該当部分のそれっぽいところだけ（既にどれがどれだか覚えてない）CSSを抜き出すと
#navi a:link,
#description a:link,
#toc a:link {
color: #fff;
text-decoration: none;
}
負荷率がー
負荷率がー
✖
✖
bq
bq
✖
生活
とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。
さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……
そこで鳴っている
そこで鳴っているのは
目覚まし時計
生活 / Syrup16g
生活
とりあえず生活するためにはお金が必須であるけど、自分には金になる能力とか技術とか力の類がないんですよね。
さてどうやって生活してくんでしょ。困った。高校出るまではとりあえず大丈夫だけど……
そこで鳴っている
そこで鳴っているのは
目覚まし時計
生活 / Syrup16g
ART-SCHOOL.net
写真が変わりました、廃れた感じがマシに。
ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。
というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり
不思議なってなぁ、笑ったよ。
ART-SCHOOL.net
写真が変わりました、廃れた感じがマシに。
ついでに profile もアップデートされてた。なんかやっぱり感じが変わりますな。
というか、前からあったのかなこれ 木下の不思議なキャラクターが話題となり
不思議なってなぁ、笑ったよ。
4時
4時
かなしいときー！
かなしいときー！
わけわかめ width は内容幅
とりあえず width は内容幅。心の奥底で width = 内容幅 + padding + margin + border とか思っているので書いて戒めを。（width = 包含ブロックの幅 - padding - margin - border）
で、a 要素（何でも良いけど）を display: block にしてブロック全体でホヴァーを受けるようにするとします。Gecko は diplay: block だけで十分なのですが、IEだとテキスト部分しかホヴァー対象にならない。（でもホヴァーしたときに背景色だけは正常に変わる。今のこのサイトのスタイルシートだと左側のメニューがこれ）
んで width: 100% とかやればIEでもホヴァー対象がブロック全体に広がるんですけど、width は内容幅なので padding とかを指定してるともちろんハミだします（IEじゃハミださないけど）
というわけで、どうやったら親要素全体に padding(margin) を指定しつつ広げられるかはわからんという感じ。
とりあえず _width: 100% なんていう（IEだと先頭のアンダースコアが無視されるバグ利用）アレな解決方法で放置したのですが、納得いかない。
なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。
わけわかめ width は内容幅
とりあえず width は内容幅。心の奥底で width = 内容幅 + padding + margin + border とか思っているので書いて戒めを。（width = 包含ブロックの幅 - padding - margin - border）
で、a 要素（何でも良いけど）を display: block にしてブロック全体でホヴァーを受けるようにするとします。Gecko は diplay: block だけで十分なのですが、IEだとテキスト部分しかホヴァー対象にならない。（でもホヴァーしたときに背景色だけは正常に変わる。今のこのサイトのスタイルシートだと左側のメニューがこれ）
んで width: 100% とかやればIEでもホヴァー対象がブロック全体に広がるんですけど、width は内容幅なので padding とかを指定してるともちろんハミだします（IEじゃハミださないけど）
というわけで、どうやったら親要素全体に padding(margin) を指定しつつ広げられるかはわからんという感じ。
とりあえず _width: 100% なんていう（IEだと先頭のアンダースコアが無視されるバグ利用）アレな解決方法で放置したのですが、納得いかない。
なんか簡単すぎるような解決策がありそうだけど頭悪いので思いつかない。はげる。
p ins:before, li ins:before {
display: inline;
font-size: 80%;
color: #999;
content: "Add" "(@" attr(datetime) "):";
}
p ins, li ins {
display: inline;
margin: 0;
background: #eef;
border: none;
}
ins:before {
display: block;
font-size: 80%;
color: #999;
content: "Add" "(@" attr(datetime) ")";
}
ins(del) 使い分け
前に<%=my "20040324#p04", "ins(del)をインラインとブロックで使い分けたい" %>なんて書いたけど、通常の ins をブロックにして p とかその他もろもろの中に入ってるやつをインラインにすればいいだけか。
要するにこういうこと。
ins {
display: block;
background: #fff url("/img/ins.png") scroll no-repeat bottom right;
margin: 1em 1em 1em 1.5em;
text-decoration: none;
border-style: dotted;
border-width: 1px;
border-color: #ccc;
}
ins(del) 使い分け
前にins(del)をインラインとブロックで使い分けたいなんて書いたけど、通常の ins をブロックにして p とかその他もろもろの中に入ってるやつをインラインにすればいいだけか。
要するにこういうこと。
ins {
display: block;
background: #fff url("/img/ins.png") scroll no-repeat bottom right;
margin: 1em 1em 1em 1.5em;
text-decoration: none;
border-style: dotted;
border-width: 1px;
border-color: #ccc;
}
✖
✖
✖
はてなスタイル使用
このセクションは昨日の書き込みです。
この日付からはてなスタイル。
pタグ抑制 + ins
むー、output_rdf.rb を入れるとエラーがでる。
output_rdf.rb は切るか。
一度使い始めたら死ぬまで hatena_style.rb は削除できないぞー。
とりあえず datetime 自動挿入は便利。便利。
スタ更新
構想3分。制作1時間半。
暇すぎ……
てか、左側のやつが、だんだんゲゲゲの鬼太郎に見えてきて鬱です。
たぶんまだ弄ります。
途中で左側のぶっとい奴が一番下までいかねーよぉお。なんてことに悩んだり……
結局ボーダーで解決。えっと、だから左側のぶっといのはボーダーです。15emのボーダー。あぁ、なんで思いつかなかったのだ。
tb-show.rb めも
トラックバックがないときは <div class="commentbody trackbackbody"> を出さないように。
count ってそのままな変数があるしね……
CSS書いていると変なマークアップに気付く。
bot
順調に頭が良くなっている（？）
choKan がBOT
13:32 >#ぬそ:choKan< watahouにゃー
13:32 <#ぬそ:watahou> にゃー
13:32 >#ぬそ:choKan< ぶははは！！
13:32 <#ぬそ:watahou> ぶっ殺すぞこらあ！
13:32 <#ぬそ:cho45> バカにされてる八宝菜*1
13:33 >#ぬそ:choKan< はげー
13:33 <#ぬそ:watahou> 馬鹿にされてるのはお前だなハゲ*2
13:33 >#ぬそ:choKan< そうだね
13:33 <#ぬそ:watahou> ははは、同意をもらってしまったよ
13:33 >#ぬそ:choKan< したか
13:33 <#ぬそ:watahou> したよ
13:33 >#ぬそ:choKan< 肯定されたし
13:33 <#ぬそ:watahou> うむ
13:33 <#ぬそ:cho45> 何こいつら
13:34 <#ぬそ:watahou> ばっちこーい！
13:34 >#ぬそ:choKan< にゃー！
13:34 <#ぬそ:watahou> いいね無能、分かってきたじゃないか
13:34 <#ぬそ:Apoc> いつの間にか仲良いね君ら。
13:34 <#ぬそ:watahou> ばっちこーい！
13:34 >#ぬそ:choKan< にゃー！
変な反応を調教されてますけど……
無視しないで喋ってあげたほうが頭が良くなると思う。大体うざかったらそっこー沈黙モード突入で対処してたり。