twicliの表示をシンプルに (2)

最新版をご覧ください。

twicli の表示をシンプルに - メモ用紙 の改良版。

  • いろいろと色を変えた。まだ不完全だけどそれ以外はあまり見ないので。
  • リプライを辿るボタンは表示するようにした。


以下スタイルシート

#tw, #tw2 { font-size: 11px; }
#fst { font-size: 11px; height: 33px; margin: 0 0 -1px;
 font-family: "ヒラギノ角ゴPro", sans-serif; }
#tw, #tw2 { background: #fefefe; }
.tome { background: #ffffe4; }
.fromme { background: #f2f2f4; }
.emp { background-color: #ffd0de; }
a { color: #088253; text-decoration: none; }
a:hover { text-decoration: underline; }

#tw > div { border: none; }
#tw > div > div, #tw2c > div > div { padding: 4px; border-bottom: 1px solid #ccc; }
.uicon { margin-right: 6px; }
.uid, .uname { display: none; }
.utils { display: block; }
.utils span { vertical-align: middle; }
.utils .prop, .utils .button { display: block; float: left; margin: 0 6px 0 0; }
.utils .button { font-size: 10px; width: 13px; height: 13px;
 background: #deded8; color: #666;
 -moz-border-radius: 13px; border-radius: 13px }
.utils a.button:last-child { display: none; }

#control { border-color: #92928e; }
#menu a { background: #deded8; color: #888; border-color: #90908e;
 font-size: 11px; font-weight: bold; }
#menu a.sel { background: #f4f4f2; color: #222; border-bottom-color: #fff; }
#menu a.new { background: #fcfcd0; }