TweetDeckブラウザ版のコンパクト化

stylish_compact_tweetdeck.css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("tweetdeck.twitter.com") {
    /* Sidebar */
    .app-header.is-condensed {
        width   : 24px !important;
    }
    .app-header.is-condensed .app-header-inner {
        width   : 24px !important;
        padding : 5px 0 0 !important;
        min-width   : 24px !important;
    }
    .app-header.is-condensed .padding-al {
        padding : 5px !important;
    }
    .app-header.is-condensed .icon-compose,
    .app-header.is-condensed .icon-search {
        font-size   : 24px !important;
    }
    .app-header.is-condensed .tweet-button {
        width           : 24px !important;
    }
    .app-header.is-condensed .tweet-button .icon-compose {
        margin-left : 0px !important;
    }
    .app-header.is-condensed .popover-position-rt {
        left    : 32px !important;
    }
    .app-header.is-condensed .column-nav-item {
        height  : 32px !important;
    }
    .app-header.is-condensed .column-nav-updates {
        left   : 5px !important;
    }
    .app-header.is-condensed .icon-large {
        font-size   : 18px !important;
    }
    .app-header.is-condensed .padding-hl {
        padding-left: 1px !important;
        padding-right:1px !important;
    }
    .app-header.is-condensed .pos-br {
        left: 47px !important;
    }
    .app-header.is-condensed .app-title .sprite-logo-badge {
        left    : -5px !important;
    }
    .application.is-condensed .antiscroll-inner {
        right   : 0 !important;
    }
    .antiscroll-inner {
        overflow: hidden;
    }
    .column-nav-flyout {
        left    : 24px !important;
    }

    
    /* Content */
    .application.is-condensed .app-content {
      left    : 24px !important;
    }

    /* Header */
    .column-header {
        height      : 16px !important;
        line-height : 16px !important;
    }
    .column-drag-handle {
        top     : 0px !important;
    }
    .sprite-drag-vertical {
        height  : 16px !important;
    }
    .column-number {
        left    : 6px !important;
        top     : 1px !important;
    }
    .column-type-icon {
        font-size   : 16px !important;
        height      : 16px !important;
        width       : 16px !important;
    }
    .column-title,
    .column-title .attribution {
        font-size   : 13px !important;
    }
    .column-header-link {
        top : 0 !important;
    }
    .column-header-link .icon-sliders {
        font-size   : 16px !important;
    }
    
    /* TimeLine */
    .column-content {
        top     : 16px !important;
    }
    .avatar {
        height  : 32px !important;
        width   : 32px !important;
    }
    .item-box {
        padding : 2px 10px !important;
    }
    .tweet {
        padding-left    : 42px !important;
    }
    
    /* Retweet, Mention, Favorite */
    .tweet-context,
    .activity-header {
        top         : 0 !important;
        left        : 0 !important;
        position    : absolute !important;
        margin      : 0 !important;
    }
    .tweet-context .item-img,
    .activity-header .item-img {
        margin      : 0 !important;
        width       : 18px !important;
    }
    .tweet-context .item-img .icon,
    .activity-header .item-img .icon {
        float       : left;
        font-size   : 18px !important;
    }
    .tweet-context .item-img .icon-retweet {
        color       : #71B332;
    }
    .tweet-context .nbfc,
    .activity-header .nbfc {
        display     : none !important;
    }
    .tweet-context:hover .nbfc,
    .activity-header:hover .nbfc {
        float       : left !important;
        background  : none repeat scroll 0 0 #FFFFFF;
        border      : 1px solid #EEEEEE;
        border-radius: 2px;
        box-shadow  : 0 1px 5px rgba(17, 17, 17, 0.95);
        display     : inline-block !important;
        margin      : 4px 2px;
        padding     : 6px 2px;
        position    : relative;
        z-index     : 1;
    }
    .tweet-context:hover .nbfc,
    .tweet-context:hover .nbfc a:not(:hover):not(:focus) {
        color       : black;
    }
}

• rev.5(2014/02/04)
• RTツイート、Notificationsタブのアクティビティ部分をアイコン左上に表示するように変更
• アイコンホバーで、誰がRT、＠、Favしたかを表示するように変更

rev.6 (2014/04/15)

• 表示がおかしくなっていたのを修正