☰

bluesky 2014 twt

oldtwitter design immitation, no suggestions!

  1. /* ==UserStyle==
  2. @name           bluesky 2014 twt
  3. @namespace      rlego
  4. @version        1.0.1
  5. @description    oldtwitter design immitation, no suggestions!
  6. @author         rlego
  7. @license        MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("bsky.app") {
  11.     @font-face{font-family:"rosettaicons";src:url("https://abs.twimg.com/a/1486487005/font/rosetta-icons-Regular.eot");src:url("https://abs.twimg.com/a/1486487005/font/rosetta-icons-Regular.eot#iefix") format("embedded-opentype"),url("https://abs.twimg.com/a/1486487005/font/rosetta-icons-Regular.woff") format("woff"),url("https://abs.twimg.com/a/1486487005/font/rosetta-icons-Regular.ttf") format("truetype");font-style:normal;font-weight:normal}.Icon{background:transparent;display:inline-block;font-style:normal;vertical-align:baseline;position:relative}
  12.     .css-146c3p1 {
  13.         color: #292f33;
  14.         font-size: 14px;
  15.         line-height: 18px;
  16.         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  17.         letter-spacing:0!important
  18.     }
  19.     html {
  20.         all:inherit;
  21.     }
  22.     div[style*="border-radius: 12px"] {
  23.         border-radius:6px!important
  24.     }
  25.     /*body*/
  26.     body, body[data-scroll-locked] {
  27.         
  28.         overflow-y:scroll!important;
  29.         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  
  30.     }
  31.     body:after {
  32.         content:"";
  33.         background:#C0DEED url(https://abs.twimg.com/images/themes/theme1/bg.png) left 40px no-repeat fixed!important;
  34.         width:100%;
  35.         height:100%;
  36.         position:fixed;
  37.         z-index:-1
  38.     }
  39.     /*the newxt few r-14s had .r-2llsf before it*/
  40.     .r-14lw9ot[style="min-height: 100vh;"] > div:first-child {
  41.         margin-top:40px;
  42.     }
  43.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(3) {
  44.         margin-top:54px;
  45.         background:none!important
  46.     }
  47.     .r-14lw9ot[style="min-height: 100vh;"], .r-14lw9ot[style="min-height: 100vh;"] > div:first-child > div > div > div > div, .r-14lw9ot[style="min-height: 100vh;"] > div:first-child > div > div {
  48.         background:none!important;
  49.     }
  50.     /*h2*/
  51.     [style^="font-size: 22px; font-family: -apple-system,"] {
  52.         font: bold 18px/20px "Helvetica Neue",Arial,sans-serif!important;
  53.         color:#333!important;
  54.     }
  55.     /*h3*/
  56.     [style^="font-size: 17px; letter-spacing: 0.25px; font-weight: 700; font-family: -apple-system"] {
  57.         font: bold 14px/1 "Helvetica Neue",Arial,sans-serif!important;
  58.         letter-spacing:0!important;
  59.         color:#333!important;
  60.     }
  61.     #root > div > div > div > div > div > div > div > div > div > div > div .r-2llsf:not([data-testid]) {
  62.         background:rgba(255,255,255,.3);
  63.         width:628px;
  64.         margin:0 auto;
  65.         padding:14px 0;
  66.         min-height:calc(100vh - 42px)
  67.     }
  68.     /*header*/
  69.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) {
  70.         top:0;
  71.         left:0;
  72.         width:100%;
  73.         flex-direction:row;
  74.         margin:0;
  75.         justify-content:center;
  76.         /*2015*/
  77.         border-bottom:1px solid rgba(0,0,0,0.15)!important;
  78.         box-shadow:none;
  79.         height:47px;
  80.         /*2013*/
  81.         box-shadow:0 2px 3px rgba(0,0,0,.25);
  82.         border:none!important;
  83.         background:#252525 url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x;
  84.         height:40px;
  85.     }
  86.     [style="background-color: rgb(255, 255, 255); border-color: rgb(212, 219, 226);"] a[href^="/profile/"][role="link"] {
  87.         order:2;
  88.         width:auto;
  89.         padding:0;
  90.         margin:7px 15px 0 0;
  91.         /*2013*/
  92.         display:none
  93.     }
  94.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"] {
  95.         gap:0;
  96.         border-radius:0;
  97.         padding:0 14px 0 4px;
  98.         box-shadow:inset 0 -0px 0px #1b95e0;
  99.         transition:all .15s ease-in-out;
  100.         background:none!important;
  101.         height:100%;
  102.         color:#66757f!important;
  103.         /*2013*/
  104.         box-shadow:none;
  105.         color:#bbb!important;
  106.         text-shadow:0 -1px 1px rgba(0,0,0,.75);
  107.         transition:none;
  108.         padding:0 12px;
  109.     }
  110.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"]:hover {
  111.         box-shadow:inset 0 -4px 0px #1b95e0;
  112.         color:#1b95e0!important;
  113.         transition:all .15s ease-in-out;
  114.         /*2013*/
  115.         box-shadow:none;
  116.         color:#fff!important;
  117.         transition:none;
  118.     }
  119.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"]:focus {
  120.         color:#1b95e0!important;
  121.         /*2013*/
  122.         color:#fff!important;
  123.     }
  124.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"]:has([style*="font-weight: 800; "]) {
  125.         box-shadow:inset 0 -4px 0px #1b95e0;
  126.         border-radius:0!important;
  127.         /*2013*/
  128.         text-shadow: 0 1px 1px rgba(0,0,0,.5);
  129.         box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
  130.         background:#222 url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x 0 -50px!important;
  131.         color:#fff!important;
  132.     }
  133.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"] > div {
  134.         font-size:13px!important;
  135.         letter-spacing:0!important;
  136.         font-weight:500!important;
  137.         color:inherit!important;
  138.         margin:0;
  139.         align-items:start;
  140.         /*2013*/
  141.         font-family:"Helvetica Neue",Arial,sans-serif!important;
  142.         font-size:12px!important;
  143.         font-weight:700!important;
  144.     }
  145.     [style="background-color: rgb(255, 255, 255); border-color: rgb(212, 219, 226);"] a[href^="/profile/"][role="link"] > div, [style="background-color: rgb(255, 255, 255); border-color: rgb(212, 219, 226);"] a[href^="/profile/"][role="link"] > div > div {
  146.         width:32px!important;
  147.         height:32px!important;
  148.     }
  149.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"] > div:first-child {
  150.         /*2013*/
  151.         width:26px
  152.     }
  153.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href][data-no-underline="1"] > div:first-child svg { /*icons*/
  154.         display:none
  155.     }
  156.  
  157.     a[href^="/profile/"][role="link"] ~ [href] > div:first-child:before {
  158.         width: 23px;
  159.         height: 23px;
  160.         font-size: 21px;
  161.         line-height:21px;
  162.         font-family:"RosettaIcons";
  163.         /*2013*/
  164.         background: url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_icons.png);
  165.         width:22px;
  166.         height:21px;
  167.         background-position:0 -50px
  168.     }
  169.     a[href^="/profile/"][role="link"] ~ [href]:hover > div:first-child:before {
  170.         /*2013*/
  171.         background-position-y:-80px
  172.     }
  173.     a[href^="/profile/"][role="link"] ~ [href]:has([style*="font-weight: 800; "]) > div:first-child:before {
  174.         background-position-y:-110px
  175.     }
  176.     a[href^="/profile/"][role="link"] ~ [href="/"] > div:first-child:before {
  177.         content:"\f053";
  178.         /*2013*/
  179.         content:"";
  180.         background-position-x:0
  181.     }
  182.     a[href^="/profile/"][role="link"] ~ div [href] > div:first-child:before, a[href^="/profile/"][role="link"] ~ a[href="/search"] > div:first-child:before {
  183.         content:"\f058";
  184.         width: 23px;
  185.         height: 23px;
  186.         font-size: 21px;
  187.         line-height:21px;
  188.         font-family:"RosettaIcons";
  189.         background:none
  190.     }
  191.     a[href^="/profile/"][role="link"] ~ [href="/feeds"] > div:first-child:before {
  192.         content:"\f052";
  193.         /*2013*/
  194.         content:"";
  195.         background-position-x:-40px
  196.     }
  197.     a[href^="/profile/"][role="link"] ~ [href="/notifications"] > div:first-child:before {
  198.         content:"\f055";
  199.         /*2013*/
  200.         content:"";
  201.         background-position-x:-80px
  202.     }
  203.     a[href^="/profile/"][role="link"] ~ [href="/messages"] > div:first-child:before {
  204.         content:"\f054";
  205.         /*2013*/
  206.         content:"";
  207.         background-position:-87px -877px;
  208.     }
  209.     a[href^="/profile/"][role="link"] ~ [href="/messages"]:hover > div:first-child:before,
  210.     a[href^="/profile/"][role="link"] ~ [href="/messages"]:has([style*="font-weight: 800; "]):hover > div:first-child:before {
  211.         /*2013*/
  212.         background-position:-117px -877px;
  213.     }
  214.     a[href^="/profile/"][role="link"] ~ [href="/messages"]:has([style*="font-weight: 800; "]) > div:first-child:before {
  215.         background-position:-87px -877px;
  216.     }
  217.     a[href^="/profile/"][role="link"] ~ [href^="/lists"] > div:first-child:before {
  218.         content:"\f094";
  219.         /*2013*/
  220.         content:"";
  221.         background-position-x:-260px;
  222.     }
  223.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href^="/profile/"][role="link"] ~ [href^="/profile/"] > div:first-child:before {
  224.         content:"\f056";
  225.         /*2013*/
  226.         content:"";
  227.         background-position-x:-120px
  228.     }
  229.     a[href^="/profile/"][role="link"] ~ [href="/settings"] > div:first-child:before {
  230.         content:"\f059";
  231.         /*2013*/
  232.         content:"";
  233.         background-position-x:-160px
  234.     }
  235.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) > div:last-child {
  236.         padding-top:7px!important;
  237.         /*2013*/
  238.         margin-top:5px;
  239.         padding:1px 1px 1px 1px!important;
  240.         background:url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x 0 -100px;
  241.         border-radius:5px!important;
  242.         height:30px;
  243.         order:2;
  244.     }
  245.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) > div:last-child > button {
  246.         box-sizing:border-box;
  247.         background-color: #1b95e0;
  248.         background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  249.         background-repeat: no-repeat;
  250.         border: 1px solid transparent;
  251.         border-radius: 4px!important;
  252.         color: #fff;
  253.         cursor: pointer;
  254.         font-size: 13px;
  255.         font-weight: 500;
  256.         line-height: 1;
  257.         position: relative;
  258.         box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
  259.         height:32px;
  260.         margin:0;
  261.         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  262.         padding: 0 13px 0 14px!important;
  263.         /*2013*/
  264.         background:#2c77ba url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x 0 -140px;
  265.         padding: 3px 4px 5px 10px;
  266.         font-size: 12px;
  267.         line-height: 20px;
  268.         border-color:#bbb;
  269.         text-shadow: 0 -1px 1px rgba(0,0,0,.3);
  270.         border-color: #111;
  271.         box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
  272.         height:28px;
  273.     }
  274.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button:hover {
  275.         background:#1b95e0 linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
  276.         /*2013*/
  277.         border-color:#000;
  278.         background:#2c77ba url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x 0 -170px;
  279.     }
  280.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button:active {
  281.         background:#1b95e0 linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));
  282.         box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
  283.         opacity:1!important;
  284.         /*2013*/
  285.         box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.5);
  286.         background:#2c77ba url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_bgs.png) repeat-x 0 -200px;
  287. }
  288.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button > div {
  289.         font:inherit!important;
  290.         letter-spacing:0!important;
  291.         color:inherit;
  292.     }
  293.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button > div svg {
  294.         display:none
  295.     }
  296.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button > div:last-child {
  297.         /*2013*/
  298.         display:none;
  299.     }
  300.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) div:last-child > button > div:first-child:before {
  301.         content:"\f029";
  302.         font-size: 24px;
  303.         left: 0;
  304.         margin: 0;
  305.         position: relative;
  306.         top: -2px;
  307.         display: block;
  308.         font-family: "rosettaicons";
  309.         font-weight: normal;
  310.         font-style: normal;
  311.         text-align: center;
  312.         -webkit-font-smoothing: antialiased;
  313.         /*2013*/
  314.         content:"";
  315.         width:22px;
  316.         height:18px;
  317.         background: url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_icons.png) -200px -50px;
  318.     }
  319.     /*back arrow*/
  320.     [data-testid="viewHeaderBackOrMenuBtn"] {
  321.         top:8px
  322.     }
  323.     /*2013 exclusive layout*/
  324.      a[href^="/profile/"][role="link"] ~ [href="/messages"], a[href^="/profile/"][role="link"] ~ [href="/settings"] {
  325.         order:1;
  326.         padding:0 8px!important;
  327.     }
  328.     a[href^="/profile/"][role="link"] ~ [href="/messages"]:after, a[href^="/profile/"][role="link"] ~ [href="/settings"]:after {
  329.         content:"";
  330.         height:100%;
  331.         width:2px;
  332.         background: url(https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_icons.png) -240px -50px;
  333.         position:absolute;
  334.         right:2px
  335.     }
  336.     a[href^="/profile/"][role="link"] ~ [href="/messages"] > div:nth-child(2), a[href^="/profile/"][role="link"] ~ [href="/settings"] > div:nth-child(2) {
  337.         /*2013*/
  338.         display:none
  339.     }
  340.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href="/messages"][data-no-underline="1"]:has([style*="font-weight: 800; "]),
  341.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(2) a[href="/settings"][data-no-underline="1"]:has([style*="font-weight: 800; "]) {
  342.         background:none!important;
  343.         box-shadow:none
  344.     }
  345.     a[href^="/profile/"][role="link"] ~ [href="/messages"] {
  346.         margin-left:210px
  347.     }
  348.     /*search*/
  349.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] {
  350.         position:absolute;
  351.         top:-54px;
  352.         right:300px;
  353.         z-index:4;
  354.         width:202px;
  355.         background:none!important;
  356.         pointer-events:all;
  357.     }
  358.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] [style^="z-index: 10;"] {
  359.         display:none
  360.     }
  361.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] input {
  362.         background-color:#ccc!important;
  363.         color:#444!important;
  364.         --placeholderTextColor:#444!important;
  365.         padding:6px 27px 6px 12px!important;
  366.         font-size: 12px!important;
  367.         line-height: 1;
  368.         box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  369.         transition: all .2s ease-in-out;
  370.         border-radius:13px;
  371.         height:14px;
  372.         box-sizing:content-box;
  373.         margin-top:7px!important;
  374.         z-index:2!important;
  375.         cursor:text!important;
  376.         
  377.     }
  378.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] [style="z-index: 20; padding-right: 4px;"] {
  379.         position:absolute;
  380.         right:18px;
  381.         margin-top:4px
  382.     }
  383.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] [style="z-index: 20; padding-right: 4px;"] > svg {
  384.         background: url("https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_icons.png") -20px -710px;
  385.         width:12px;
  386.         height:14px;
  387.         z-index:55
  388.     }
  389.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="background-color: rgb(255, 255, 255);"] > [style="background-color: rgb(241, 243, 245);"] > button {
  390.         display:none
  391.     }
  392.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(3) {
  393.         overflow:visible;
  394.         touch-action:none;
  395.         pointer-events:none;
  396.     }
  397.     /*feeds*/
  398.     [data-testid="userAvatarImage"], [style="width: 80px; height: 80px; border-radius: 40px;"] {
  399.         border-radius:5px!important
  400.     }
  401.     [style^="position: absolute; inset: 0px; border-width: 1px; border-color: rgb(212, 219, 226); opacity: 0.6; pointer-events: none; border-radius"] {
  402.         display:none!important
  403.     }
  404.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] {
  405.         border-color:rgba(0,0,0,0.1)!important;
  406.         border-width:1px;
  407.         border-radius:6px;
  408.         margin:0;
  409.         pointer-events:all;
  410.     }
  411.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div {
  412.         padding: 12px;
  413.         background:none!important;
  414.         background:#f9f9f9!important;
  415.         border-radius:5px;
  416.     }
  417.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div:before {
  418.         content:"Followed Feeds";
  419.         font-size:14px;
  420.         color:#333;
  421.         margin-bottom:4px;
  422.         cursor:text;
  423.     }
  424.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div > div {
  425.         font-size:12px;
  426.         line-height:20px;
  427.         color:#0084b4;
  428.         padding:0!important;
  429.         text-shadow:0 1px 0 #fff;
  430.     }
  431.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div a[href] {
  432.         font:inherit!important;
  433.         letter-spacing:0;
  434.         color:inherit!important;
  435.     }
  436.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div > div:last-child {
  437.         margin-top:8px
  438.     }
  439.             /*feedback link*/
  440.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] ~ div {
  441.         color:#999;
  442.         font-size:12px;
  443.         text-shadow:0 1px 0 #fff;
  444.         padding:12px!important;
  445.         border-radius:6px;
  446.         outline:1px solid rgba(0,0,0,0.1);
  447.         background:#f9f9f9;
  448.         margin-top:10px;
  449.         pointer-events:all;
  450.     }
  451.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] ~ div div {
  452.             height:14px;
  453.     }
  454.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] ~ div div:hover {
  455.         color:#555;
  456.     }
  457.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] ~ div a[href] {
  458.         color:inherit!important;
  459.         font:inherit!important;
  460.     }
  461.     
  462.     
  463.     /*FOLLOW*/
  464.     [data-testid="followBtn"] div, [data-testid="unfollowBtn"] div, [role="dialog"] button > div {
  465.         color:inherit!important;
  466.         font:inherit!important;
  467.         letter-spacing:0!important;
  468.         margin:0!important;
  469.     }
  470.     [data-testid="followBtn"] svg, [data-testid="unfollowBtn"] svg {
  471.         display:none
  472.     }
  473.     [data-testid="followBtn"], [data-testid="unfollowBtn"], [role="dialog"] button[style^="flex-direction: row; align-items: center; justify-content: center; background-color: rgb("] {
  474.         overflow: visible;
  475.         padding: 5px 12px!important;
  476.         font-size: 13px;
  477.         font-weight: bold;
  478.         line-height: 18px;
  479.         color: #333!important;
  480.         text-shadow: 0 1px 1px rgba(255,255,255,.5);
  481.         background-color: #ccc;
  482.         background-repeat: no-repeat;
  483.         border: 1px solid #ccc;
  484.         cursor: pointer;
  485.         border-radius: 4px!important;
  486.         box-shadow: 0 1px 0 rgba(255,255,255,.5);
  487.         max-height:30px /*2013*/
  488.     }
  489.     [data-testid="followBtn"], [role="dialog"] button[style^="flex-direction: row; align-items: center; justify-content: center; background-color: rgb(2"] {
  490.         background-color: #ddd!important;
  491.         background-repeat: repeat-x;
  492.         background-image: -webkit-linear-gradient(#fff, #ddd);
  493.         background-image: linear-gradient(#fff, #ddd);
  494.     }
  495.     [data-testid="followBtn"]:hover, [role="dialog"] button[style^="flex-direction: row; align-items: center; justify-content: center; background-color: rgb(2"]:hover {
  496.         background-color: #d8d8d8!important;
  497.         background-image: -webkit-linear-gradient(#f8f8f8, #d8d8d8);
  498.         background-image: linear-gradient(#f8f8f8, #d8d8d8);
  499.         border-color: #bbb;
  500.     }
  501.     [data-testid="followBtn"]:active, [role="dialog"] button[style^="flex-direction: row; align-items: center; justify-content: center; background-color: rgb(2"]:active {
  502.         border-color: #bbb;
  503.         background-image: none;
  504.         box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.5);
  505.     }
  506.     [data-testid="followBtn"] > div:first-child:before {
  507.         content:"\f179";
  508.         font-family:"RosettaIcons";
  509.         color:#00acee;
  510.         font-size:16px
  511.     }
  512.     [data-testid="unfollowBtn"], [role="dialog"] button[style^="flex-direction: row; align-items: center; justify-content: center; background-color: rgb(1"] {
  513.         padding: 5px 11.99px!important;
  514.         gap:0!important;
  515.         color: #fff!important;
  516.         text-shadow: 0 -1px 1px rgba(0,0,0,.25);
  517.         background-color: #019ad2!important;
  518.         background-repeat: repeat-x;
  519.         background-image: -webkit-linear-gradient(#33bcef, #019ad2);
  520.         background-image: linear-gradient(#33bcef, #019ad2);
  521.         border-color: #057ed0;
  522.         -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  523.         box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
  524.     }
  525.     [data-testid="unfollowBtn"]:hover {
  526.         background-color: #c43c35!important;
  527.         background-repeat: repeat-x;
  528.         background-image: -webkit-linear-gradient(#ee5f5b, #c43c35);
  529.         background-image: linear-gradient(#ee5f5b, #c43c35);
  530.         border-color: #a93730;
  531.         border-bottom-color: #952f2a;
  532.     }
  533.     [data-testid="unfollowBtn"] div {
  534.         color:inherit!important;
  535.         font:inherit!important;
  536.         letter-spacing:0!important
  537.     }
  538.     [data-testid="unfollowBtn"] div:first-child { /*bird container*/
  539.         display:none;
  540.     }
  541.     [data-testid="unfollowBtn"] svg {
  542.         display:none
  543.     }
  544.     button[data-testid="profileHeaderDropdownBtn"] svg {
  545.         display:none
  546.     }
  547.     div button[data-testid="profileHeaderDropdownBtn"], div button[data-testid="suggestedFollowsBtn"], [data-testid="dmBtn"], [data-testid="profileHeaderEditProfileButton"] {
  548.         overflow: visible;
  549.         padding: 5px 12px!important;
  550.         font-size: 13px;
  551.         font-weight: bold;
  552.         line-height: 18px;
  553.         color: #333!important;
  554.         text-shadow: 0 1px 1px rgba(255,255,255,.5);
  555.         border: 1px solid #ccc;
  556.         cursor: pointer;
  557.         border-radius: 4px!important;
  558.         box-shadow: 0 1px 0 rgba(255,255,255,.5);
  559.         max-height:30px /*2013*/;
  560.         background-color: #ddd!important;
  561.         background-image: -webkit-linear-gradient(#fff, #ddd);
  562.         background-image: linear-gradient(#fff, #ddd);
  563.         transition-duration:0ms!important;
  564.     }
  565.     button[data-testid="profileHeaderDropdownBtn"]:hover, button[data-testid="suggestedFollowsBtn"]:hover, [data-testid="dmBtn"]:hover, [data-testid="profileHeaderEditProfileButton"]:hover {
  566.         background-color: #d8d8d8!important;
  567.         background-image: -webkit-linear-gradient(#f8f8f8, #d8d8d8);
  568.         background-image: linear-gradient(#f8f8f8, #d8d8d8);
  569.         border-color: #bbb;
  570.     }
  571.     button[data-testid="profileHeaderDropdownBtn"]:active, button[data-testid="suggestedFollowsBtn"]:active, [data-testid="dmBtn"]:active, [data-testid="profileHeaderEditProfileButton"]:active {
  572.         border-color: #bbb;
  573.         background-image: none;
  574.         box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.5);
  575.         opacity:1!important;
  576.     }
  577.     div button[data-testid="profileHeaderDropdownBtn"] {
  578.         -webkit-font-smoothing: antialiased;
  579.         cursor: pointer;
  580.         font: 400 16px "RosettaIcons";
  581.         display: inline-block;
  582.         min-width: 16px;
  583.         padding-left:6px!important;
  584.         padding-right:6px!important;
  585.         padding-top:3px!important
  586.     }
  587.     button[data-testid="profileHeaderDropdownBtn"]:before {
  588.         content:"\f124";
  589.         text-indent:2px;
  590.         font-size:18px!important;
  591.     }
  592.     button[data-testid="suggestedFollowsBtn"]:before {
  593.         content:"\f175";
  594.         font-size:18px!important;
  595.         font-family:"RosettaIcons"
  596.     }
  597.     [data-testid="dmBtn"]:before {
  598.         content:"\f187";
  599.         text-indent:2px;
  600.         font-size:18px!important;
  601.         font-family:"RosettaIcons"
  602.     }
  603.     [data-testid="dmBtn"] div {
  604.         display:none
  605.     }
  606.     /***likes default / little post**/
  607.     
  608.     button[data-testid="replyBtn"]:before {
  609.         content:"\f151";
  610.         /*2013*/
  611.         background-position:0 -190px;
  612.         content:"";
  613.         width:12px;
  614.     }
  615.     button[data-testid="replyBtn"]:hover {
  616.         color:rgb(0, 133, 255);
  617.         /*2013*/
  618.         color:inherit;
  619.     }
  620.     button[data-testid="replyBtn"]:after {
  621.         content:"Replies";
  622.         margin-left:3px;
  623.     }
  624.     button[aria-label="Repost or quote post"]:before {
  625.         content:"\f152";
  626.         /*2013*/
  627.         background-position:-20px -190px;
  628.         content:"";
  629.         width:14px;
  630.     }
  631.     button[aria-label="Repost or quote post"]:is(:hover,:has(.r-5ld2xk)) {
  632.         color:#5c913b;
  633.         /*2013*/
  634.         color:inherit;
  635.     }
  636.     button[aria-label="Repost or quote post"]:after {
  637.         content:"Retweets";
  638.         margin-left:3px;
  639.     }
  640.     button[data-testid="likeBtn"]:before {
  641.         content:"\f148";
  642.         /*2013*/
  643.         background-position:-40px -190px;
  644.         content:"";
  645.         width:10px;
  646.     }
  647.     button[data-testid="likeBtn"]:is(:hover,:has(.r-84gixx)) {
  648.         color:#ff385b;
  649.         /*2013*/
  650.         color:inherit;
  651.     }
  652.     button[data-testid="likeBtn"]:after {
  653.         content:"Favorites";
  654.         margin-left:3px;
  655.     }
  656.     button[data-testid="shareBtn"]:before {
  657.         content:"\f051"
  658.     }
  659.     button[data-testid="shareBtn"]:hover {
  660.         color:rgb(0, 133, 255);
  661.         /*2013*/
  662.         color:inherit;
  663.     }
  664.  
  665.     button[data-testid="postDropdownBtn"]:before {
  666.         content:"\f150";
  667.         /*2013*/
  668.         background-position:-280px -190px;
  669.         content:"";
  670.         width:15px!important;
  671.     }
  672.     button[data-testid="postDropdownBtn"]:hover {
  673.         color:rgb(0, 133, 255);
  674.         /*2013*/
  675.         color:inherit;
  676.     }
  677.     button[data-testid="postDropdownBtn"]:after {
  678.         content:"More"
  679.     }
  680.     button[data-testid="likeBtn"] .r-84gixx, button[data-testid="likeBtn"]:has(.r-84gixx), button[data-testid="likeBtn"] [style*="color: rgb(236, 72, 153);"] {
  681.         /*2013*/
  682.         color:#ff9b00!important;
  683.     }
  684.     button[aria-label="Repost or quote post"] .r-84gixx, button[aria-label="Repost or quote post"]:has([style="color: rgb(19, 195, 113);"]) {
  685.         /*2013*/
  686.         color:#609928!important;
  687.     }
  688.     
  689.     button[data-testid="likeBtn"]:has(.r-84gixx):before, button[data-testid="likeBtn"]:has([style="color: rgb(19, 195, 113);"]) {
  690.         /*2013*/
  691.         color:#ff9b00!important;
  692.         background-color:#ff9b00!important;
  693.     }
  694.     button[aria-label="Repost or quote post"]:has(.r-84gixx):before, button[aria-label="Repost or quote post"]:has([style="color: rgb(19, 195, 113);"]):before {
  695.         /*2013*/
  696.         color:#609928!important;
  697.         background-color:#609928!important;
  698.     }
  699.     [data-testid^="postThreadItem"] button[data-testid="replyBtn"]:before, [data-testid^="postThreadItem"]  div[aria-label="Repost or quote post"]:before, [data-testid^="postThreadItem"]  button[data-testid="likeBtn"]:before, [data-testid^="postThreadItem"]  button[data-testid="postDropdownBtn"]:before {
  700.         background-position-y:-220px
  701.     }
  702.     [style="flex-direction: row; justify-content: space-between; align-items: center;"] > div:has([data-testid="shareBtn"]) {
  703.         /*2013*/
  704.         display:none
  705.     }
  706.     
  707.     
  708.     /***likes big, all 2013 **/
  709.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] button[data-testid="replyBtn"]:before {
  710.         background-position: 0 -280px;
  711.         width: 18px;
  712.         height:16px;
  713.         margin-top:-2px;
  714.     }
  715.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] div[aria-label="Repost or quote post"]:before {
  716.         background-position: -30px -280px;
  717.         width: 22px;
  718.         height:16px;
  719.         margin-top:-2px;
  720.     }
  721.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] button[data-testid="likeBtn"]:before {
  722.         background-position: -60px -280px;
  723.         width: 16px;
  724.         height:16px;
  725.         margin-top:-2px;
  726.     }
  727.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] button[data-testid="postDropdownBtn"]:before {
  728.         background-position: -180px -280px;
  729.         width: 22px!important;
  730.         height:16px;
  731.         margin-top:-2px;
  732.     }
  733.     
  734.     [style="flex-direction: row; justify-content: space-between; align-items: center;"], [style="flex-direction: row;justify-content: space-between;align-items: center;"] {
  735.         justify-content:initial!important;
  736.         width:100%;
  737.         /*2013*/
  738.         min-height:18px;
  739.         padding-top:1px;
  740.     }
  741.     [style="flex-direction: row; justify-content: space-between; align-items: center;"] > div, [style="flex-direction: row;justify-content: space-between;align-items: center;"] > div {
  742.         min-width:80px;
  743.         align-items:initial!important;
  744.         margin:0!important;
  745.         flex:initial!important;
  746.         /*2013*/
  747.         min-width:0;
  748.         margin-right:11px!important
  749.     }
  750.     [style="flex-direction: row; justify-content: space-between; align-items: center;"] > div > div, [style="flex-direction: row;justify-content: space-between;align-items: center;"] > div > div {
  751.         justify-content:initial!important;
  752.     }
  753.     
  754.     :is([data-testid^="post"],[data-testid^="feedItem"]) button[style*="border-radius: 999px;"] {
  755.         border-radius:0!important;
  756.         background-color:transparent!important;
  757.         flex-direction:row;
  758.         align-items:center;
  759.         gap:0!important;
  760.         padding:0!important;
  761.         color:#8899a6;
  762.         /*2013*/
  763.         color:#999;
  764.         font-size:12px
  765.     }
  766.     div:is([data-testid^="postThreadItem"],[data-testid^="feedItem-"]) button[style*="border-radius: 999px;"]:before {
  767.         -webkit-font-smoothing: antialiased;
  768.         cursor: pointer;
  769.         font: 400 16px "RosettaIcons";
  770.         margin-right: 10px;
  771.         display: inline-block;
  772.         min-width: 16px;
  773.         /*2013*/
  774.         color:#0084b4;
  775.         background-color:#0084b4;
  776.         width:14px;
  777.         min-width:10px;
  778.         height:13px;
  779.         vertical-align: text-top;
  780.         background-image: url('https://abs.twimg.com/a/1386278595/t1/img/twitter_web_sprite_icons.png');
  781.         background-repeat: no-repeat;
  782.         margin-right:5px;
  783.     }
  784.     :is([data-testid^="post"],[data-testid^="feedItem"]) button[style*="border-radius: 999px;"] svg {
  785.         display:none
  786.     }
  787.     :is([data-testid^="post"],[data-testid^="feedItem"]) button[style*="border-radius: 999px;"] > div {
  788.         padding:0!important;
  789.         gap:0!important;
  790.         display:inline!important;
  791.         line-height:15px!important
  792.     }
  793.     div:is([data-testid^="postThreadItem"],[data-testid^="feedItem-"]) button[style*="border-radius: 999px;"] svg ~ div {
  794.         color:inherit!important;
  795.         letter-spacing:0!important;
  796.         font-family:inherit!important;
  797.         font-size:12px!important;
  798.         line-height:normal!important;
  799.     }
  800.     /*2013 tweet count texts*/
  801.     div:is([data-testid^="postThreadItem"],[data-testid^="feedItem-"]) button[style*="border-radius: 999px;"] > div div {
  802.         font-size:12px!important;
  803.         letter-spacing:0!important;
  804.         font-family:inherit!important;
  805.         color:inherit!important;
  806.     }
  807.     /*profile header*/
  808.     [data-testid="profileView"] > div:first-child > div:first-child[style="border-color: rgb(212, 219, 226);"] {
  809.         border:1px solid rgba(0,0,0,.1)!important;
  810.         border-radius:6px;
  811.         margin-bottom:10px;
  812.     }
  813.     [data-testid="profileView"] > div:first-child > div:first-child > div {
  814.         background:#fff!important;
  815.         border-radius:6px;
  816.     }
  817.     [style="padding: 12px 16px 8px; overflow: hidden;"] {
  818.         overflow:visible!important;
  819.         padding:0!important;
  820.     }
  821.     [style="padding: 12px 16px 8px; overflow: hidden;"] ~ [style="padding: 4px 16px;"] {
  822.         display:none;
  823.     }
  824.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(1) {
  825.         padding:10px!important
  826.     }
  827.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(2) {
  828.         justify-content:center;
  829.         align-items:center;
  830.         position:absolute;
  831.         width:100%;
  832.         left:0;
  833.         top:-156px;
  834.         gap:0!important
  835.     }
  836.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(2) div {
  837.         color:white!important;
  838.         letter-spacing:0!important;
  839.         text-shadow:0 1px 1px rgba(0,0,0,.5);
  840.         cursor:text;
  841.     }
  842.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(2) div[style="background-color: rgb(241, 243, 245); border-radius: 4px; padding: 4px 8px;"] {
  843.         background-color:#019ad2!important
  844.     }
  845.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(2) > div:last-child > div:last-child {
  846.         font-size:18px!important;
  847.         line-height:normal!important;
  848.     }
  849.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) {
  850.         position:absolute;
  851.         padding:0!important;
  852.         gap:0!important
  853.     }
  854.     
  855.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) > [dir="auto"] {
  856.         padding: 10px 30px 8px 12px;
  857.         border-left: 1px solid #e8e8e8;
  858.         display:block;
  859.         font-size:14px!important;
  860.         color:#333!important;
  861.         text-decoration:none!important;
  862.     }
  863.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) > [dir="auto"]:hover {
  864.         color:#55acee!important
  865.     }
  866.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) > [dir="auto"] > span {
  867.         display:block;
  868.         letter-spacing:0!important;
  869.         font-size:10px!important;
  870.         color:#999!important;
  871.         text-transform:uppercase;
  872.     }
  873.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) > [dir="auto"] > span:nth-last-child(2) {
  874.         font-size:inherit!important;
  875.         color:inherit!important;
  876.     }
  877.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(3) > [dir="auto"]:hover > span {
  878.         text-decoration:none;
  879.         color:inherit!important
  880.     }
  881.     [data-testid="profileHeaderFollowersButton"] {
  882.         border-left:0!important;
  883.     }
  884.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(4) {
  885.         justify-content:center;
  886.         align-items:center;
  887.         position:absolute;
  888.         width:100%;
  889.         left:0;
  890.         top:-102px;
  891.         max-height:102px
  892.     }
  893.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(4) > div {
  894.         color:white!important;
  895.         text-shadow:0 1px 1px rgba(0,0,0,.5);
  896.         font-size:14px!important;
  897.         line-height:18px!important;
  898.         text-align:center;
  899.     }
  900.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(4) > div > span {
  901.         all:inherit!important;
  902.     }
  903.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(5) {
  904.         align-items:center;
  905.         width:100%;
  906.         padding:4px 12px!important;
  907.         border-top:1px solid #e8e8e8;
  908.     }
  909.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(5) > a div:first-child {
  910.         width:24px!important;
  911.         height:24px!important;
  912.         border:0!important;
  913.     }
  914.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(5) > a div[style] > div[style] {
  915.         width:24px!important;
  916.         height:24px!important;
  917.         border:0!important;
  918.     }
  919.     [style="padding: 12px 16px 8px; overflow: hidden;"] > div:nth-child(5) span {
  920.         font:inherit!important
  921.     }
  922.     [data-testid="profileHeaderAviButton"] > div {
  923.         margin:20px auto 6px;
  924.         width:81px!important;
  925.         height:81px!important;
  926.     }
  927.     [data-testid="profileHeaderAviButton"] > div > div {
  928.         width:81px!important;
  929.         height:81px!important;
  930.         border:4px solid #fff;
  931.         cursor:pointer;
  932.     }
  933.     [data-testid="profileHeaderAviButton"] {
  934.         width:100%;
  935.         background:none!important;
  936.         border:0;
  937.         left:0;
  938.         top:0;
  939.     }
  940.     div:has(>[data-testid="profileHeaderAviButton"]) {
  941.         top:00px;
  942.         left:250px
  943.     }
  944.     [data-testid="profileHeaderDisplayName"] {
  945.         font-size: 24px!important;
  946.         font-weight: 700!important;
  947.         line-height: 1;
  948.     }
  949.     [data-expoimage="true"][style="overflow: hidden; width: 100%; height: 150px; background-color: rgb(241, 243, 245);"], [data-testid="userBannerFallback"] {
  950.         height:260px!important;
  951.         border-radius:6px 6px 0 0
  952.     }
  953.     [style="position: relative; height: 150px;"] {
  954.         height:260px!important
  955.     }
  956.     [data-expoimage="true"][style="overflow: hidden; width: 100%; height: 150px; background-color: rgb(241, 243, 245);"]:after {
  957.         content:"";
  958.         position:absolute;
  959.         background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.55) 100%);
  960.         height:200px;
  961.         width:100%;
  962.         bottom:0
  963.     }
  964.     /*profile nav*/
  965.     [data-testid="profileView"] > div:first-child > div:first-child[style="border-color: rgb(212, 219, 226);"] ~ [style="border-color: rgb(212, 219, 226);"] {
  966.         border-radius:6px 6px 0 0;
  967.         border:1px solid rgba(0,0,0,.1);
  968.         border-bottom-width:0;
  969.         border-color:rgba(0,0,0,.1)!important;
  970.     }
  971.     [data-testid="profileView"] > div:first-child > div:first-child[style="border-color: rgb(212, 219, 226);"] ~ [style="border-color: rgb(212, 219, 226);"] > div {
  972.         background:#fff!important;
  973.         border-radius:6px 6px 0 0;
  974.     }
  975.     
  976.     
  977.     
  978.     /*SETTING PAGE*/
  979.  
  980.     [data-testid="settingsScreen"] .r-10sqg0u {
  981.         color:#0084B4;
  982.         background-color: #f9f9f9!important;
  983.         border-top: 1px solid #e8e8e8!important;
  984.         -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  985.         box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  986.         padding: 8px 12px;
  987.         font-size:14px;
  988.     }
  989.     [data-testid="settingsScreen"] .r-10sqg0u:hover {
  990.         background-color:#fff!important;
  991.         color:#333;
  992.     }
  993.     [data-testid="settingsScreen"] .r-10sqg0u > div {
  994.         font:inherit!important;
  995.         color:inherit!important;
  996.         letter-spacing:0!important;
  997.     }
  998.     [data-testid="settingsScreen"] .r-10sqg0u:not(:nth-child(1)) > div:first-child {
  999.         display:none;
  1000.     }
  1001.     
  1002.     /*TWEET PAGE*/
  1003.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] {
  1004.         max-width:628px;
  1005.         background-color:rgba(255, 255, 255, .3);
  1006.         padding:14px;
  1007.         border:0!important;
  1008.     }
  1009.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] > div {
  1010.         border-radius:6px!important;
  1011.         border:1px solid rgba(0,0,0,.1)!important;
  1012.     }
  1013.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] > div > div:last-child {
  1014.         background-color:#f5f5f5;
  1015.         border-radius:5px;
  1016.     }
  1017.     /*big twt*/
  1018.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] {
  1019.         border-radius:6px 6px 0 0;
  1020.         padding:25px 50px!important;
  1021.         background:#fff;
  1022.     }
  1023.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div {
  1024.         padding:0 0 15px 0!important;
  1025.     }
  1026.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:first-child > div:first-child {
  1027.         padding:0!important
  1028.     }
  1029.     [data-testid^="postThreadItem-"] [style="width: 42px; height: 42px;"], [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] [style="width: 42px; height: 42px;"] > div {
  1030.         width:48px!important;
  1031.         height:48px!important;
  1032.     }
  1033.     [data-testid^="postThreadItem-"] [style="width: 42px; height: 42px;"] svg {
  1034.         width:48px!important;
  1035.         height:48px!important;
  1036.     }
  1037.     [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:first-child div:first-child > .r-1iln25a { /*post author*/
  1038.         font-size:18px!important;
  1039.         line-height:1.25!important;
  1040.         padding-top:2px;
  1041.         margin-top:3px;
  1042.     }
  1043.     [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] .r-1559e4e {
  1044.         padding:0;
  1045.     }
  1046.     [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] div:last-child > .r-1iln25a {
  1047.         font-size:14px!important;
  1048.         line-height:normal!important;
  1049.         color:#999!important;
  1050.         font-family:inherit!important;
  1051.     }
  1052.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div[style="padding-bottom: 8px;"] [data-word-wrap] {
  1053.         font-family: Georgia, "Times New Roman", serif!important;
  1054.         font-size: 22px!important;
  1055.         line-height: 28px!important;
  1056.         letter-spacing:0!important;
  1057.         color:#333!important;
  1058.     }
  1059.         /*counts*/
  1060.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(3) {
  1061.         margin:10px 0 0 0;
  1062.         padding:0!important;
  1063.         gap:0!important;
  1064.         border-color:rgba(0,0,0,.1)!important;
  1065.         order:1;
  1066.     }
  1067.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(3) > div {
  1068.         margin:0;
  1069.         padding:7px 12px;
  1070.         color: #999;
  1071.         font-size: 10px;
  1072.         line-height: 16px;
  1073.         text-transform: uppercase;
  1074.         border-right:1px solid #e8e8e8
  1075.     }
  1076.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(3) > div > div {
  1077.         font:inherit!important;
  1078.         color:inherit!important;
  1079.         display:flex;
  1080.         flex-direction:column;
  1081.         
  1082.     }
  1083.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(3) > div:first-child {
  1084.         padding-left:0;
  1085.     }
  1086.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(4) {
  1087.         /*2013*/
  1088.         padding:0
  1089.     }
  1090.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(3) > div > div > span  {
  1091.         font:inherit!important;
  1092.         font-weight:700!important;
  1093.         color: #333!important;
  1094.         font-size: 14px!important;
  1095.         
  1096.     }
  1097.         /*date*/
  1098.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(2) {
  1099.         order:2;
  1100.         margin:10px 0 0 0;
  1101.         padding:0!important
  1102.     }
  1103.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(2) div {
  1104.         font:inherit!important;
  1105.         color:#999!important;
  1106.         font-size:12px!important;
  1107.     }
  1108.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(2) div > svg {
  1109.         display:none
  1110.     }
  1111.     [style="flex: 1 1 0%; border-left-width: 1px; border-right-width: 1px; border-color: rgb(212, 219, 226);"] [style="border-color: rgb(212, 219, 226);"] [style*="padding-top: 16px;"][data-testid^="postThreadItem-"] > div:nth-child(2) > div:nth-child(2) div > div:before {
  1112.         content:"\f209 ";
  1113.         margin-right:3px;
  1114.         line-height:1;
  1115.         font-family:"RosettaIcons";
  1116.     }
  1117.     /**small twts reply*/
  1118.     /*urs*/
  1119.     [aria-label="Compose reply"] {
  1120.         padding:10px 50px!important;
  1121.         background:#e5f2f7!important;
  1122.     }
  1123.     [aria-label="Compose reply"] > div:first-child > div:first-child {
  1124.         display:none!important;
  1125.     }
  1126.     [aria-label="Compose reply"] > div {
  1127.         background:#fff!important;
  1128.         width:100%;
  1129.         height:30px;
  1130.         line-height:30px;
  1131.         border:1px solid rgba(0,0,0,.1);
  1132.         border-radius:2px;
  1133.         font-size:12px!important;
  1134.         letter-spacing:0!important;
  1135.         font-family:inherit!important;
  1136.         padding-left:6px!important
  1137.     }
  1138.     /*not urs*/
  1139.     [style="border-color: rgb(212, 219, 226); flex-direction: row; padding-right: 6px; padding-left: 6px; border-top-width: 1px;"] {
  1140.         border-color:rgba(0,0,0,.1)!important;
  1141.     }
  1142.     [style="border-color: rgb(212, 219, 226); flex-direction: row; padding-right: 6px; padding-left: 6px; border-top-width: 1px;"] > div > div {
  1143.         background:none!important
  1144.     }
  1145.     /*?*/
  1146.     [data-testid^="feedItem"] {
  1147.         background:#fff;
  1148.     }
  1149.     /*notifs*/
  1150.     [data-testid="notificationsScreen"] {
  1151.         max-width:none
  1152.     }
  1153.     [data-testid="notificationsScreen"] .r-sa2ff0 {
  1154.         background:#fff;
  1155.         border-radius:6px;
  1156.         min-height:0;
  1157.         outline:1px solid rgba(0,0,0,.1);
  1158.         margin-top:-1px;
  1159.         max-width:598px
  1160.     }
  1161.     [data-testid="notificationsScreen"] .r-sa2ff0 > div {
  1162.         background:none!important;
  1163.     }
  1164.     /*video player*/
  1165.     [data-testid="scrubber"] {
  1166.         padding:0!important;
  1167.         height:8px!important
  1168.     }
  1169.     [data-testid="scrubber"] [style="flex: 1 1 0%; display: flex; align-items: center; position: relative; cursor: grab;"] > div[style*="border-radius: 999px;"]:first-child {
  1170.         background:#444!important;
  1171.     }
  1172.     [data-testid="scrubber"] [style="width: 100%; height: 100%; border-radius: 999px; background-color: rgb(255, 255, 255); transform: scale(0.6);"] {
  1173.         border-radius:50%!important;
  1174.         transform:scale(1)!important;
  1175.         background:#999!important
  1176.     }
  1177.     [data-testid="scrubber"] ~ div {
  1178.         padding:0!important
  1179.     }
  1180.     [data-testid="scrubber"] ~ div > button {
  1181.         padding:5px!important
  1182.     }
  1183.     /*settings tooltip popup menu*/
  1184.     [data-radix-popper-content-wrapper] [data-side] > div {
  1185.         padding: 4px 0!important;
  1186.         margin: 2px 0 0;
  1187.         background-color: #fff;
  1188.         border-color: #999;
  1189.         border-color: rgba(0, 0, 0, .2)!important;
  1190.         border-style: solid;
  1191.         border-width: 1px;
  1192.         border-radius: 4px!important;
  1193.         -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  1194.         box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;
  1195.         background-clip: padding-box;
  1196.         min-width:0!important
  1197.     }
  1198.     [data-radix-popper-content-wrapper] [data-side] > div > div[data-testid] {
  1199.         padding:3px 15px 3px 22px!important;
  1200.         font-size:12px;
  1201.         line-height:18px;
  1202.         color:#333;
  1203.         min-height:0!important;
  1204.         border-radius:0!important;
  1205.     }
  1206.     [data-radix-popper-content-wrapper] [data-side] > div > div[data-testid]:hover {
  1207.         background-image: -webkit-linear-gradient(top, #2f7eb6 0, #2271a9 100%);
  1208.         background-image: linear-gradient(top, #2f7eb6 0, #2271a9 100%);
  1209.         color: #fff;
  1210.         background-color: #2271a9;
  1211.     }
  1212.     [data-radix-popper-content-wrapper] [data-side] > div > div[data-testid] > [dir] {
  1213.         font:inherit!important;
  1214.         color:inherit!important;
  1215.         flex:initial!important
  1216.     }
  1217.     [data-radix-popper-content-wrapper] [data-side] > div > div[data-testid] > div:nth-child(2) {
  1218.         display:none
  1219.     }
  1220. }
  1221. @-moz-document regexp("https://bsky\\.app/profile/[A-Za-z0-9]+\\.[A-Za-z0-9]+"), regexp("https://bsky.app/profile/[A-Za-z0-9]+\\.bsky.social"), regexp("https://bsky.app/profile/[A-Za-z0-9-]+\\.com"), url-prefix("https://bsky.app/profile/did:plc:") {
  1222.     [data-testid="profileView"] > div:first-child > div:first-child[style="border-color: rgb(212, 219, 226);"] ~ [style="border-color: rgb(212, 219, 226);"] {
  1223.         position:absolute;
  1224.         left:14px;
  1225.         top:14px;
  1226.         width:auto;
  1227.         border-radius:6px;
  1228.         border-bottom-width:1px;
  1229.     }
  1230.     [data-testid="profileView"] > div:first-child > div:first-child[style="border-color: rgb(212, 219, 226);"] ~ [style="border-color: rgb(212, 219, 226);"] > div {
  1231.         width:238px;
  1232.         border-radius:6px;
  1233.     }
  1234.     #root > div > div > div > div > div > div > div > div > div > div > div .r-2llsf:not([data-testid]) {
  1235.         padding-left:252px;
  1236.         width:880px;
  1237.     }
  1238.     [data-testid="profilePager-selector"] {
  1239.         display:block;
  1240.     }
  1241.     [data-testid="profilePager-selector"] > div {
  1242.         display:block;
  1243.         text-shadow:0 1px 0 #fff;
  1244.     }
  1245.     [data-testid="profilePager-selector"] ~ div {
  1246.         display:none;
  1247.     }
  1248.     [data-testid^="profilePager-selector-"]:first-child, [data-testid^="profilePager-selector-"]:first-child > div {
  1249.         border-radius:5px 5px 0 0;
  1250.         border-top:0;
  1251.     }
  1252.     [data-testid^="profilePager-selector-"]:last-child, [data-testid^="profilePager-selector-"]:last-child > div {
  1253.         border-radius:0 0 5px 5px;
  1254.         border-bottom:0;
  1255.     }
  1256.     [data-testid^="profilePager-selector-"] {
  1257.         background-color: #f9f9f9;
  1258.         border-top: 1px solid #e8e8e8;
  1259.         -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  1260.         box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  1261.         padding: 0;
  1262.         color:#226699;
  1263.         font-size:14px;
  1264.     }
  1265.     [data-testid^="profilePager-selector-"] > div {
  1266.         padding: 8px 12px;
  1267.         border:0;
  1268.     }
  1269.     [data-testid^="profilePager-selector-"] > div > div {
  1270.         color:inherit!important;
  1271.         font:inherit!important;
  1272.     }
  1273.     [data-testid^="profilePager-selector-"] > div[style] {
  1274.         color:#000;
  1275.         font-weight:bold;
  1276.         background:#fff;
  1277.     }
  1278.     [data-testid^="profilePager-selector-"] > div:hover {
  1279.         color:#000;
  1280.         background:#fff;
  1281.     }
  1282.     [data-testid^="profilePager-selector-"] > div:focus {
  1283.         text-decoration:underline;
  1284.     }
  1285.     /*feeds*/
  1286.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] {
  1287.         left:-755px;
  1288.         top:calc(100vh - 294px);
  1289.         width:240px;
  1290.     }
  1291.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] > div {
  1292.         width:238px
  1293.     }
  1294.     [style="padding-top: 20px; padding-bottom: 20px;"] > [style="border-color: rgb(212, 219, 226);"] ~ div {
  1295.         left:-754px;
  1296.         width:238px;
  1297.         top:calc(100vh - 294px);
  1298.     }
  1299.     /*up arrow*/
  1300.     button[aria-label="Load new posts"][style^="position: fixed; left:"] {
  1301.         min-width:238px;
  1302.         margin-left:-52px;
  1303.         border-radius:6px!important;
  1304.         border:none;
  1305.         outline:1px solid rgba(0,0,0,.1);
  1306.         bottom:234px!important;
  1307.     }
  1308.     /*main profile area*/
  1309.     div.r-1ye8kvj[style="border-color: rgb(212, 219, 226);"] {
  1310.         border-radius:6px;
  1311.         border:1px solid rgba(0,0,0,.1)!important;
  1312.         min-height:0;
  1313.     }
  1314.     div.r-1ye8kvj[style="border-color: rgb(212, 219, 226);"] .css-175oi2r:nth-child(2) [data-testid^="feedItem"], div.r-1ye8kvj[style="border-color: rgb(212, 219, 226);"] [style="min-height: 32px;"] {
  1315.         border-radius:5px;
  1316.     }
  1317.     div.r-1ye8kvj[style="border-color: rgb(212, 219, 226);"] [style="min-height: 32px;"] {
  1318.         background:#efefef;
  1319.     }
  1320. }
  1321. @-moz-document url("https://bsky.app/"), url("https://bsky.app/feeds") {
  1322.     .r-2llsf:not([data-testid]) {
  1323.         background:rgba(255,255,255,.3)!important;
  1324.         width:628px;
  1325.         margin:0 auto;
  1326.         padding:14px 0;
  1327.         min-height:calc(100vh - 42px);
  1328.         margin-top:-7px
  1329.     }
  1330.     .r-2llsf:not([data-testid]) div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] > div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] {
  1331.         margin:0 14px;
  1332.     }
  1333.     .r-2llsf:not([data-testid]) div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] > div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] [style="border-color: rgb(212, 219, 226);"] {
  1334.         outline:1px solid rgba(0,0,0,.1)!important;
  1335.         border:0!important;
  1336.         border-radius:6px;
  1337.         background:#fff
  1338.     }
  1339.     .r-2llsf:not([data-testid]) div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] > div.r-13awgt0[style="background-color: rgb(255, 255, 255);"] [style="border-color: rgb(212, 219, 226);"] [style^="background-color: rgb(255, 255, 255)"] {
  1340.         background:none!important;
  1341.     }
  1342.     .r-14lw9ot[style="min-height: 100vh;"] > div:nth-child(3) {
  1343.         top:0
  1344.     }
  1345. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址