pc版(web)のtwitterのuiを見やすくするcss。

twitter-pc-ui-css-extension

/*-- Twitter拡張 --*/

/*-- 引用リツイートのogp付きカード --*/
section[role=region] [role=article] [data-testid="card.wrapper"] [data-testid="card.layoutLarge.media"]{
  height:0px;
  opacity:.3;
}

section[role=region] [role=article] [data-testid="card.wrapper"]:hover [data-testid="card.layoutLarge.media"]{
  height:inherit;
  opacity:1;
}

/*-- 画像/動画  --*/
.css-1dbjc4n.r-1kqtdi0.r-1867qdf.r-1phboty.r-rs99b7.r-a1ub67.r-1ny4l3l.r-1udh08x{
    height: auto;
    width: 100px;
    opacity: .5;
    position: relative;
    transition: left .1s, opacity .5s  /*, width .1s */ ;
    left: calc(100% - 100px);
}
.css-1dbjc4n.r-1kqtdi0.r-1867qdf.r-1phboty.r-rs99b7.r-a1ub67.r-1ny4l3l.r-1udh08x:hover{
    width:100%;
    opacity: 1;
    left: 0;
}
/*-- 動画のコントロール --*/
    /*-- 再生ボタン --*/
div[aria-label="Embedded video"] div[aria-label="Play this video"]{
    transform:scale(.5)
}
div[aria-label="Embedded video"]:hover div[aria-label="Play this video"]{
    transform:scale(1)
}
    /*-- 動画長/view countのラベル--*/
div[aria-label="Embedded video"] > div:nth-child(2){
  z-index:1;
  flex-wrap:wrap;
  bottom:5px;
}


a[roll=link].css-4rbku5.css-18t94o4.css-1dbjc4n.r-1loqt21.r-1ny4l3l{
   opacity:.6;
   height:10%;
}


/*-- Followをゴーストに、FollowingをFilledに --*/
div[aria-label^="Follow "]{
    background-color:transparent;
    border-color:white;
}
div[aria-label^="Follow "]>div{
    color:white;
}
div[aria-label^="Following "]{
    background-color:white;
}
div[aria-label^="Following "]>div{
    color:black;
}
div[aria-label^="Following "]:hover{
    background-color:rgb(220,30,41)
}