tpex_ovon's blog

Web屋の人。はてブのユーザースタイルシートの記事しか書いてない。

今日リニューアルの修正がされたはてブをどうにかするユーザースタイルシート

1/16にリニューアルの修正がされたので修正

新デザインの調整と人気エントリーの改善を行いました - はてなブックマーク日記 - 機能変更、お知らせなど 

 

f:id:tpex_ovon:20130116223007j:plain


サムネの場所がエントリータイトルの後になったみたい。うまいこと場所が移動できないので消しちゃったよ。

親の要素にサムネあった場合のClassがついてるからうまくできると思うけど、そもそも役に立つサムネ設定してあることが少ないのでなくてもいいや。

あと、動画カテゴリーのサムネと通常カテゴリーのサムネのHTML上の位置が違うので面倒になった。

 

今回はてブCSSを見てみたけど、フォントサイズがpx固定でline-heightもpx固定なのがいまいち筋が悪いなあとか思った。

 

今回修正したユーザースタイルシートはずっと書き足してきたので、そろそろ無駄なスタイルをつけてしまっているかもしれない。

[ 追記]:はてブの広告部分のスタイルを設定するのを忘れてた - tpex_ovon's blog 

------------------------------

/*お好みで*/

body{background-color:#F0F0F0;}

.box3_2,.box1_1,ul#navi-category{background-color: white;}

 

/*リンクカラー*/

div.entry-contents h3 a{color: #0056BD !important;}

div.entry-contents h3 a:visited{color: #838 !important;}

 

 

/*いらないブロック消す*/

ul.entry-list-xl div.entry-contents blockquote,

ul.entry-list-xl li.entry-unit ul.entry-comment,

ul.entry-list-l div.entry-contents blockquote,

ul.entry-list-l li.entry-unit ul.entry-comment,

div.entry-contents blockquote,

li.entry-unit .follow.hb-favorites-appended,

.box3_1,

a.thumbnail

{display: none !important;}

 

/*復活*/

ul.entry-list-xl ul.entry-data{display:block;}

 

/*ボックスボーダー*/

.box3_2,

.box1_1{width: 100% !important;border: 1px solid #CCC;border-radius:4px;}

 

/*背景画像ボーダー消す*/

div.box-wrap.box2.mix,ul.entry-vertical-4,ul.entry-vertical-3,div.box1_1 li.more-entry{background-image: none !important;}

 

h2 {margin:0;padding: 5px 0 5px 5px;display:block;border-radius: 3px 3px 0 0;}

.box1_1 h2{background-color: #2C6EBD;}

 

/*エントリーリスト*/

ul.entry-data,ul.entry-data li{margin:0 0 0 0 !important;}

ul.entry-data li.date{line-height:1!important;}

.entry-contents h3{margin:0 !important; clear:none !important;line-height:1 !important;}

.hb-entry-link-container{ padding-right:170px !important;}

 

li.entry-unit{ width:100% !important; border-bottom:1px solid #ccc; overflow:hidden; position:relative;}

li.entry-unit:last-child{border-bottom:none;}

li.entry-unit ul.users {border-bottom:none;}

ul.entry-list-xl,

ul.entry-list-l,

li.entry-unit{margin:0 !important;}

li.entry-unit, li.entry-list {clear:both; padding:0;}

ul.entry-list-xl{border-bottom:1px solid #ccc;}

 

 

ul.entry-meta{position: absolute;top: 5px;right: 5px;padding:0 !important;border-bottom:none !important;}

ul.entry-meta li.tag {display: none !important;}

ul.entry-meta li.domain {margin: 0px 0px 3px 0;}

 

 

/*サムネ*/

/*a.thumbnail{display: inline !important;margin:0 !important;}

a.thumbnail img,

Ul.entry-vertical-4 li.entry-unit div.entry-contents a.video,

 ul.entry-vertical-4 li.entry-unit.video div.entry-contents a.thumbnail {width:50px !important;height: auto !important;}*/

 

a.video span.play{display:none !important;}

 

/*カテゴリー・日付*/

ul.entry-data{padding:4px 0 0 0 !important;}

ul.entry-data li.category a,

ul.entry-vertical-4 ul.entry-data li.category a{background:none !important;color: #303030!important;padding:0 !important;margin-right: 5px !important; line-height:1 !important;}

 

/*レイアウト*/

div.entry-contents{float:left; width:89%;margin:0 !important;padding:5px 0 !important;border-bottom:none !important;}

 

 

/*xxx user*/

ul.users{border:none !important;height: auto !important;float: left;font-size:9px !important; margin: 5px;border-bottom: none;width: 80px;text-align: center;}

ul.users li{font-weight:bold !important;}

ul.users li a {padding-left: 0 !important;color:#FF0707 !important;background-color: #FFCBCB;border-bottom: 1px solid #FF0707;}

ul.users strong span,

ul.users em span{font-size:12px !important;font-weight:bold !important;letter-spacing:0px !important;margin-right:0px !important;} 

 

div.shim-elem-for-height{ height:30px !important;}

 

/*もっと読む*/

li.more-entry a {color: #383838;}

------------------------------