未だに家のPCでIE8標準モードだとスライドバーが動かないけどなんでだろう…キャッシュクリアとかじゃだめみたい
まぁIE7互換モードなら動くからそのうち解決すると願って放置。基本全て表示にしとけば使わないし
で、丸みを帯びた行間たっぷりのデザインが見づらくて仕方ないのでユーザスタイルシートを作成しました。
このCSSは基本的にトップページとストーリーだけ考えていて日記ページの閉じるボタンなんかは白くて見えない…ってこれは元からっぽいな!ひどい…
フォントサイズの固定関係についてはあんまりタッチしてません。今のサイズで見られてるので。
関連ストーリー: スラッシュドット・ジャパン、新システム稼働開始
関連日記ログ: Slashdotシンプルデザイン for IE6/Firefox/Opera(2006/11/01)
以下の環境で確認してます。IE6はもう確認できる環境が手元にないので未確認。
Firefox5/6 Stylish
Sleipnir(IE8) User Style Sheet
コードは以下のとおり。
---------------------------------
.article:not(.fhitem-journal) .body .p {
margin: 5px 5px 5px 20px !important;
}
/* スレッドの本文 */
.fhitem .body blockquote,
#commentlisting blockquote {
margin: 5px 5px 0px 0px !important;
}
/* スレッドの本文の各段落 */
.fhitem .body blockquote p,
#commentlisting blockquote p {
margin: 0px 0px 1em 0px !important;
line-height: 1.3em !important;
}
/* スレッドの本文の段落の最後 */
.fhitem .body blockquote :last-child,
#commentlisting blockquote :last-child {
margin-bottom: 0.5em !important;
}
/* スレッドのタイトルの画像をやめる */
body.slashdot-it li.comment.full .title h4, header.h hgroup, #firehose article header h2, #comments h4, #modal_box #editor h2.firehose, .pollBooth_view .title h3, .bar .barColor, #d2header > div > nav, footer.nf {
/* background: -moz-linear-gradient(100% 100% 90deg, #004242, #006666 100%) repeat scroll 0 0 #004242 !important;*/
background: none !important;
background-color: #105252 !important;
border-radius: 0 !important;
}
#content:not(.a2) #firehose article.currfh {
border-radius: 0px !important;
box-shadow: 0 1px 3px #B9B9B9 !important;
}
/* スレッドのタイトルの高さを狭める */
body.slashdot-it li.comment.full h4, #slashboxes article header h2, #firehose article header h2, #comments h4, #modal_box #editor h2.firehose, .generaltitle h3 {
padding: 1px 20px !important;
line-height: 1.1em !important;
}
#firehose article:not(.fhitem-story) header h2 a {
color: white !important;
}
/* スレッドのコメントボタンのボックス */
.a2commentwrap #d2header > div {
margin-top: 3px !important;
}
/* コメントのボックス */
.slashdot-it #commentlisting li.comment.full, #comments .full {
border: none !important;
margin-bottom: 0px !important;
}
/* コメント本文 */
body.slashdot-it li.comment.full .commentBody, #commentlisting .comment_footer, #commentlisting.d1 .commentBody, #comments .commentBody, #wide #commentlisting .commentBody {
padding: 8px 20px 0 !important;
line-height: 1.3em !important;
}
.commentBody p {
margin-bottom: 1em !important;
}
.commentBody p:last-child {
margin-bottom: 0em !important;
}
/* コメントのレスリンクなど */
#comments .commentSub {
margin-top: 0.5em !important;
margin-bottom: 0.3em !important;
height: 1.7em !important;
background-color: #eee;
}
#comments .commentSub * {
vertical-align: top !important;
line-height: 1.5em !important;
margin: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/* トピックアイコンが大きすぎて本文に被る対策 */
#firehose article header .topic, #editpreview article header .topic {
top: 5px !important;
right: 10px !important;
}
/* 上記までのcssの都合で最新記事一覧でレス数が隠れてしまっていた対策 */
article.briefarticle .comments {
margin-right: 0px !important;
}
---------------------------------
ここまで