「コミュニティ型ニュースサイト「スラド」オープン」記事へのコメント

文字を追うのが辛い

[Anonymous Coward]

今までの感じだと

■■■■
■■■■　←文字のまとまり
■■■■
■■■■

だったのが

■■■■■■■■■■■■■■■■

になった上、白地面積が増えて目が疲れる。
画面いっぱいに表示することが必ずしも良いこととは限らない。

Re:文字を追うのが辛い

[ruto (17678)]

とりあえずざっとCSSを調整してみました。
Firefoxの開発ツールのスタイルエディタを開いてこれをCSSの先頭に付けると適用されます。ずっと適用する場合はお好みのブラウザでユーザスタイルシートとして設定してください。
最大幅は適当です。好みで調整してください。
また、目についた要素の枠を消しています。これだけでずっとすっきりするはずです(ちゃんと元のCSS読んでないので残ってる枠も多分あります)。

.col_2 {
    max-width: 920px;
    margin: 0 20px;
    margin: 0 auto;
}

article, .msg, #article-bottom-link, #d2header, #commentlisting li {
    border-style: none !important;
    box-shadow: none !important;
}

a {
    color: #005fad;
}

input[type="submit"], input[type="button"], button, .btn {
    border-style: none !important;
}

#d2_threshold_g2 .counter {
    border-color: #E0D2BD;
}

Re:文字を追うのが辛い

[ruto (17678)]

スクリーンショット [tatapa.org]

Re:文字を追うのが辛い

[taka2 (14791)]

なかなか良い感じですね。で、ついでに、こっちで挙げられてる [srad.jp]
blockquoteやquoteが効かない [srad.jp]のと、空行で改段落にならない [srad.jp]点について、
私は

.commentBody blockquote, .commentBody .quote {
    border-left: 3px solid #dddddd;
    margin-bottom: 0.75em;
    margin-left: 0;
    margin-top: 0.5em;
    padding-left: 0.75em;
}
 
.commentBody p {
    margin-bottom: 1em;
}

というスタイルを追加しました。
どっちもストーリー部分で使われてるスタイルのコピペです。