tpex_ovon's blog

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

はてブユーザースタイルシート~サムネ復活しました~

サムネがほしいとのことで。幅は50px。

閲覧注意の画像があっても安心だね!

[1/16追記]はてブの仕様変更によりサムネの位置が変わってしまい、使えなくなってしまいました。 サムネ消した最新はこちら

http://tpex.hateblo.jp/entry/2013/01/16/222856  
 

f:id:tpex_ovon:20130110144124p:plain

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

/*お好みで*/

body{background-color:#F0F0F0;}

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

 

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

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

{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{margin:5px 0 0 0;}

div.entry-contents h3{margin:0 !important; clear:none !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: 2px;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{float:left!important;margin:5px 5px 0 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;}/*幅50px*/

 

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

 

 

/*レイアウト*/

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

 

 

/*xxx user*/

ul.users{border:none !important;height: auto !important;float: left;font-size:14px !important; margin: 5px;border-bottom: none;}

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;width:10%;font-weight:bold !important;} 

 

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

 

/*もっと読む*/

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

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

ホッテントリ用のスタイルを追加してくれた方がいらっしゃいました

あっ、サムネの位置が綺麗!

はてなブックマークのhotentryをユーザスタイルシートで見やすくする - ナレッジエース : http://n.blueblack.net/articles/2013-01-10_01_hatena_bookmark_hotentry_user_css/