TweetDeck Tweak CSS Ver2

User.css

/* TweetDeck Tweak CSS */

/* 4カラム */
@media (max-width: 1900px) { 
    /* Home TLだけ大きく */
    section.js-column:nth-child(1) {
        min-width: 400px !important;
        max-width: 700px !important;
        width:35% !important;

    }

    /* 2番目は少し大きく */
    section.js-column:nth-child(2) {
        min-width: 300px !important;
        max-width: 400px !important;
        width:24% !important;

    }

    /* 他のカラムは小さく */
    section.js-column:nth-child(n+3) {
        min-width: 300px !important;
        max-width: 400px !important;
        width:20% !important;

    }
}

/* 3カラム */
@media (max-width: 1500px) { 
    section.js-column:nth-child(1) {
        min-width: 200px !important;
        max-width: 700px !important;
        width:40% !important;
    }
    
    section.js-column:nth-child(2) {
        min-width: 200px !important;
        max-width: 700px !important;
        width:35% !important;
    }
    
    section.js-column:nth-child(n+3) {
        min-width: 100px !important;
        max-width: 400px !important;
        width:24% !important;

    }
}

/* 2カラム */
@media (max-width: 1000px) { 
    section.js-column:nth-child(1) {
        min-width: 200px !important;
        max-width: 700px !important;
        width:60% !important;
    }
    
    section.js-column:nth-child(n+2) {
        min-width: 100px !important;
        max-width: 400px !important;
        width:38% !important;

    }
}

/* 1カラム */
@media (max-width: 600px) { 
    section.js-column:nth-child(1) {
        min-width: 200px !important;
        max-width: 700px !important;
        width:99% !important;
    }
    
    section.js-column:nth-child(n+2) {
        min-width: 200px !important;
        max-width: 700px !important;
        width:99% !important;
    }
}

/* アイコンを四角形で表示 */
.avatar {
    border-radius: 0% !important;
}

a {
    border-radius: 0% !important;
}

/* 添付画像の表示サイズ */

.media-size-medium , .js-card-container {
    /*height: 200px !important;*/
    max-width: 300px !important;
}


header.tweet-header .avatar {
    margin-left: 46px; 
    z-index: 0 !important;
}

header.tweet-header .nbfc {
    margin-left: 46px; 
}

header.tweet-header .nbfc > * > *{
    display: block;
}

.tweet {
    padding-left: 0px !important;
    background: none  !important;
}

.tweet-body {
    margin-top: 10px;
}