エントリーページがまたうんこ化したのでusercssを書いた
はてブのusercssは他にがっつり書いてる人がいて乗り遅れた感がありますが、毎回書いているので。
コメントを一覧表示するページをリニューアルしました - はてなブックマーク日記 - 機能変更、お知らせなど
配色はともかく、シングルカラム可変幅にして、コメントを1行にするだけでずいぶん印象が変わるのに、どうしてそれが出来ないのか。前回のエントリーページデザイン変更のときから疑問に思っている。
スタイルシート
/*20130321はてブエントリページ対策*/
ul.ad-head-text,
div#sidebar-inner {display:none!important;}
div#container,
div.box3_2,
div.entry-contents,
div.box-wrap {width:auto!important;}
div.box-wrap.box2.mix {background-image:none!important;}
div#container {padding:0!important;}
a.profile-icon img {
width:16px!important;
height:16px!important;
}
div.comment-container {margin:0!important;}
div.comment-container span.comment {margin-left:10px!important;}
ul.bookmark-list span.header {
width:auto!important;
margin:0!important;
float:left!important;
}
ul.bookmark-list li {
border :none!important;
width:auto!important;
padding:0px 10px 0px 10px!important;
}
div#main {width:auto!important;} /*20130404追加*/
div.box3_2 {display:block!important;} /*20130608追加*/
div.user-comment-meta,
div.inplace-comment-controller {display:inline!important;} /*20141107追加*/
スクリーンショット
Opera Mobileでもご利用いただけます。
一部エントリーページでデザイン変更されてたときから、コメントとタグの高さが合わなくて悩んでたんだけど、.comment-containerをdisplay:inline;にしなければ高さが合う事に気付いた。
他
Operaにもstylish*1はありますが、Desktop版とOpera Mobileで共通のusercssを利用している都合で、ユーザページのcssへ干渉しないように書いているつもり。トップページは見ないので知りません。
ようするに、僕はこれとまとめて単一のcssでb.hatena.ne.jpに適用してる。
実際に使ってるのはこれ。
@charset "utf-8";
/* Name: はてブ*/
/*新はてユーザーページ対策*/
.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;
}
.wrapper-container-inner.left-column-line {
min-width:0px!important;
margin-left:0px!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;
}
/*はてブのインタレスト*/
#top-interest-contents {
width:auto!important;
}
/*20130322はてブエントリページ対策*/
ul.ad-head-text,
div#sidebar-inner {display:none!important;}
div#container,
div.box3_2,
div.entry-contents,
div.box-wrap {width:auto!important;}
div.box-wrap.box2.mix {background-image:none!important;}
div#container {padding:0!important;}
a.profile-icon img {
width:16px!important;
height:16px!important;
}
div.comment-container {margin:0!important;}
div.comment-container span.comment {margin-left:10px!important;}
ul.bookmark-list span.header {
width:auto!important;
margin:0!important;
float:left!important;
}
ul.bookmark-list li {
border :none!important;
width:auto!important;
padding:0px 10px 0px 10px!important;
}
div#main {width:auto!important;} /*20130404追加*/
div.box3_2 {display:block!important;} /*20130608追加*/
div.user-comment-meta,
div.inplace-comment-controller {display:inline!important;} /*20141107追加*/
前の
はてブの糞すぎるレイアウトをとりあえずどうにかするusercss - いさぢちんメモ
もう2年前なんですね。
