Stylishを使ってp2.2ch.netをデザインしてみる その２

今度はヘッダーとスレのタイトルを弄った

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("p2.2ch.net") {

body#read {
 font-size:85%;
}

body#read div#header {
 background-color:#F5AEAE;
 padding: 4px 6px;
 border-top:1px solid #FFD2D2;
 border-right:1px solid #B06767;
 border-bottom:1px solid #B06767;
 border-left:1px solid #FFD2D2;
}

body#read h3.thread_title {
 margin: 18px 14px;
 padding: 12px 16px;
 background-color: #FDF5E6;
 border: 1px solid #EEE6D7;
 border-left: 6px solid #F8C73B; 
}

}

付箋っぽいのが好きですのでこんな感じ

色の趣味が微妙ですが、こういうのも勉強しないとなあ。見にくいだけだし。

さらに変更

dlを指定して、背景色を入れた他、body#readの背景色も変えた。
あとフッターが見えにくくなったから、ヘッダと同じものにしてみた。
さらに、dtにボーダー線を上側だけに入れて、レスの敷居をつけてみた。いい感じだ。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("p2.2ch.net") {

body#read {
 font-size: 85%;
 background:#76617E !important;
}

body#read div#header {
 background-color:#F5AEAE;
 padding: 4px 6px;
 border-top:1px solid #FFD2D2;
 border-right:1px solid #B06767;
 border-bottom:1px solid #B06767;
 border-left:1px solid #FFD2D2;
}

body#read h3.thread_title {
 margin: 18px 14px;
 padding: 12px 16px;
 background-color: #FDF5E6;
 border: 1px solid #EEE6D7;
 border-left: 6px solid #F8C73B; 
}

body#read dl {
 background-color: #E0FFFF;
 padding: 18px 14px;
 border: 1px dotted #483D8B;
}

body#read dl dt {
 border-top:1px dashed #00f;
}

body#read table#footer.toolbar {
 background-color:#F5AEAE;
 padding: 4px 6px;
 border-top:1px solid #FFD2D2;
 border-right:1px solid #B06767;
 border-bottom:1px solid #B06767;
 border-left:1px solid #FFD2D2;
}

}

ほら、簡単でしょ！
大体の感じは掴めた。後はレスをどう弄るかかな。CSSの指定が面倒なんだな。
いい感じになったら、userstyles.orgにでもうpしてみるかな。