新はてブのUserCSSを書いた
3カラムで横幅固定だと見にくいので。
/*新はてブレイアウト対策*/ .wrapper-container-inner { width:100%!important; padding-left:0!important; } .wrapper-container-inner.left-column-line { background-image : none!important; } #left-container { float:right!important; width:200px!important; } #center-container { width:auto!important; float:none!important; margin-right:200px!important; margin-left:0!important; } #right-container { display:none!important; }
左カラムの横幅を広げて右に配置し、今のところ重要な情報がほとんど無い右カラムは削除、中央カラムの横幅を非固定に。
コメントを一行にしたい場合は
/*新はてブ一行コメント*/ ul.main-entry-list .header { display: inline!important; } ul.main-entry-list img.profile-image { width:16px!important; height:16px!important; margin-left:-30px!important; } .main-entry-list .entry-comment .entry-comment-fold .profile-image { margin-left:0px!important; }
例としてこんな感じ。アイコンを小さくし、表示位置を微調整しています。
編集、削除ボタンの並びが縦なので、コメント表示を一行にすると隠れてしまうため、横並びにする。
/*編集削除ボタンを横並びに*/ .inplace-delete-icon, .inplace-edit-icon { position:static!important; float:right!important; }
こんな感じで。
ヘッダが横幅固定のため、ウインドウサイズを大きくすると中央寄りになってしまい気持ち悪いので
/*ヘッダ修正*/ #header-body { width:auto!important; min-width:0px!important; margin-left:10px!important; margin-right:10px!important; }
横幅を修正。