tumblr dashboard用StylishCSS
Firefox拡張機能のCSS版GMみたいなStylishはWebサービスのインタフェースのカスタマイズに有用。
http://gist.github.com/27346
割とシンプル目で、ぱっと見tumblrを見てる様には見えないtumblr dashboard用StylishCSS。自分としてはこれではるかに閲覧性があがる。
css直書き↓
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.tumblr.com") { * { -moz-border-radius: 0px !important; border:none !important ; color:#555 !important ; line-height:1.3em !important ; font-size:11px !important ; letter-spacing: .5px !important ; } body,.notification.single_notification,#pagination a{ background:transparent !important; } p { margin:0px !important; margin-bottom:.5em !important; } #dashboard_index { background: #f0f0f0 !important; } #container{ width:95% !important ; } img#content_tab_left { display: none !important; } #content_tab { padding:0px !important; padding-left:10px !important; padding-top:5px !important; background-color: transparent !important ; border:1px dotted #ddd !important ; left:0px !important ; top:10px !important ; width:50% !important ; height:1.5em !important ; } #content_tab a { color:#ccc !important ; } #search_box{ margin-top:-5px; } #content,#content_container,#tip,.nav_item,.notification{ background-color: transparent !important ; padding:0px !important; } #logo{ display:none !important ; } #posts{ margin-left:0px !important; } #right_column{ width:180px !important; font-size:80% !important; } ol#posts li.post { background-color:transparent !important; border:1px dotted #ccc !important ; margin:0px 0 7px !important; padding:8px 15px !important; position:relative !important; } ol#posts li.post .post_title{ font-size:16px !important; } ol#posts li.post:hover .permalink{ opacity:.07 !important; } div.post_info{ margin:0px !important; margin-bottom:8px !important; } ol#posts li.post a.avatar{ opacity:.5 !important; width:10px !important; height:10px !important; left:0px !important; top:0px !important; } .arrow{ display:none !important; } li.post.is_mine.with_avatar.new_post{ display:none !important ; } #new_post_notice_container{ display:none !important ; } #header{ height:50px !important; } span.quote{ line-height:1.3em !important; } }
がーん!ぐっちゃぐちゃや!
一時盛り上がってた角丸をとって高速化するハックも取り込んでる。適当に建て増ししながらいじったんで、無駄もありそうだ。その分か遅くなってる気もするけど、とりあえーずまあいいや。