Skip to content

Instantly share code, notes, and snippets.

@buty4649
Last active January 4, 2016 05:59
Show Gist options
  • Save buty4649/8578887 to your computer and use it in GitHub Desktop.
Save buty4649/8578887 to your computer and use it in GitHub Desktop.
TweetDeckブラウザ版のコンパクト化
@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;
}
}
@buty4649
Copy link
Author

rev.6 (2014/04/15)

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment