Twitter のユーザ・スタイル・シート

Twitter が新しい UI に変わり、タイム・ラインとプロファイル上が左右逆転し、馴染めない人も多いよう。

そこで私の Firefox 用のスタイル・シートをここに載せておく。

左右逆転だけでなく、Twitter は

  • 改行が空白になるがそのまま表示 2013/03/15 の時点で改行表示がされる様になっているので、下記該当部分は削除
  • デザインが縦長で横長ディスプレイでは、無駄な空白が多くなるので、ウィンドウ幅に因って列幅を変える処理 (不十分だけど)

も入れてある (下線部は後からの追加分)

2013/07/20

カラム左右逆転で、リストの一覧の時余分なフロート解除されないようにした。

@-moz-document url-prefix(https://twitter.com/){ div#page-container{/* 幅の設定 */ width:90% !important; min-width:837px !important; } #page-container div.content-main{ float:left !important; /* 左右逆転 */ width:70% !important; /* 以下幅の設定 */ max-width:70em !important; min-width:522px !important; float:left !important; } #page-container div.dashboard{ float:right !important; /* 左右逆転 */ width:28% !important; /* 以下幅の設定 */ max-width:30em !important; min-width:200px !important; } #suggested-users{/* 左右逆転のペア */ clear:left !important; } .rtl #suggested-users{/* 左右逆転のペア */ clear:right !important; } #page-container p.js-tweet-text{/* ついでにワードラップ */ word-wrap:normal !important; } #page-container div.content-main div.twt-border{/* 埋め込みツイートの設定 */ width:95% !important; max-width:70em !important; min-width:500px !important; } }