TweetDeck用超スケールを小さくギチギチスタイルSuperNarrowTweetDeck

TweetDeckを極限まで小さくするスタイリッシュ。面積あたりの情報量が2倍になる恐怖。目が悪くなるの必至のギチギチスタイリッシュを喰らえ。

以下のcssをStylishとかStylusとかに適用してください。TweetDeckの設定でClomunsをNarrowにしてないと狭くなりません。思いついたところからどんどん違法建築しているので整備性最悪。それでもいいなら。まあ動けばいいんだよ動けば！
あと、リストに追加しようとする時とか、一部は完全にデザインが崩壊しているのでそういうところは割り切ってください。
Bloggerのせいでインデントが消えてるけど気にしないで。

.is-narrow-columns .column {
width:155px;
margin-right: 2px;
}
.item-box {
padding: 3px;
}
.txt-size--13 {
font-size: 11px !important;
}
.tweet-footer {
margin-top: 0px;
}
.avatar {
width: 24px;
height: 24px;
border-radius: 15%;
}
.tweet-context, .tweet-img {
margin-left: -26px;
}
.account-summary {
margin-left: -10px !important;
}

.tweet {
padding-left: 30px;
line-height: 1.2em;
}
.tweet-action .icon, .tweet-detail-action .icon, .dm-action .icon, .tweet-action .Icon, .tweet-detail-action .Icon, .dm-action .Icon {
font-size: 8px;
}
.padding-bs {
margin-left: -48px !important;
}
/*.column-header, .column-header-temp {
height: 30px;
padding: 0 3px;
}
.column-type-icon {
font-size: 16px;
width: 18px;
height: 18px;
}*/
::-webkit-scrollbar{
width:4px!important;
}
.item-box {
padding: 4px 6px;
}
.margin-v--8, .margin-vm {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.med-embeditem {
bottom: 90px;
top: 10px;
}
.tweet-body {
min-height: 0px;
}
.column-header .column-type-icon, .column-header-temp .column-type-icon {
position: relative;
bottom: 0;
left: 0;
}
.sprite-drag-vertical {
height: 20px;
}
.column-header, .column-header-temp {
height: 40px;
line-height: 38px;
}
.thread {
left: 14px;
margin-top: 15px;
height: calc(100% - 33px);
}
.item-box {
padding: 3px 1px
}
.heartsprite {
transform: scale(0.3);
width: 100px;
height: 55px;
left: -450%;
}
.column-nav-link {
position: absolute;
height: 50%;
}
.column-nav-item {
height: 32px;
}
.margin-l--58 {
margin-left: 0px !important;
}
.margin-l---58 {
margin-left: 0px !important;
}
.column-title {
font-size: 18px;
}

.js-tweet-text {
margin-top: 2px ;
margin-left: -28px ;
}
.js-card-container{
margin-left: -28px ;
}
.margin-b--5 {
margin-left: -28px ;
}
.js-media {
margin-left: -26px ;
width: 145px;
}

.js-quote-detail {
left: -26px;
width: 123px;
}

.tweet-detail {
padding-left: 28px
}
.margin-b--10, .margin-bl {
margin-left: -28px ;
margin-bottom: 2px !important;
}

.account-inline {
line-height: 1;
vertical-align: middle;
height: 24px;
word-wrap: break-word;
white-space: normal
}
.sprite-verified-mini {
width: 12px;
height: 12px;
background-size: 1;
}
.margin-l--5 {
margin-left: -20px !important;
}
.column-title {
font-size: 11px;
}
.txt-size-variable--18 {
font-size: 13px !important;
margin-left: -28px !important;
}
.tweet-detail-actions {
margin-left: -30px !important;
width:155px
}
.margin-t--10, .margin-tl {
margin-left: -28px !important;
margin-top: 10px !important;
}
.thread {
left: 2px;
width: 10px;
opacity: 0.5;
}
.player-container {
width: 155px;
}
/*.js-stats-list {
margin-left: -28px !important;
}*/
.account-inline .icon-protected {
width: 10px;
height: 10px;
background-size: 1;
}
.txt-line-height--20 {
line-height: 12px;
}
.js-tweet-stats {
margin-left: -25px !important;
}
.js-dropdown-content {
width:150px;
}
.is-selectable {
margin-left: -12px !important;
}
/*
.js-stream-item{
margin-left: -12px !important;
}*/