wanningzinho

#workskin .screenreader {
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

wanningzinho

#workskin p {
  line-height: 1em;
}

#workskin .mobilescreen {
  transform: rotate(-90deg);
  margin-top: 40px;
}

#workskin a,

wanningzinho

<div class="page" align="justify"><a name="p0" rel="nofollow" id="p0"></a><br />
<div class="settingsbox">
<a href="https://archiveofourown.org/works/48168847/chapters/121469281#p1" rel="nofollow"><span class="settingsbutton1"><span class="settingstext">Desktop</span></span></a>
<a href="https://archiveofourown.org/works/48168847/chapters/121469305#p1" rel="nofollow"><span class="settingsbutton2"><span class="settingstext">Mobile</span></span></a>
</div>
</div>

wanningzinho

<div class="twt"><div class="light"> <div class="storycontainer">





<div class="page">
<p><a name="tl1" rel="nofollow" id="tl1"></a>
<div class="phone">
<span class="screenreader">A phone template displaying a twitter timeline, as if you were navigating on the twitter app from tai’s account.</span>

wanningzinho

#workskin .screenreader {
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

wanningzinho

<div class="twt"><div class="light">
<p><span class="dmdate">Today</span></p>


<p><span class="dmreceived1">We have direct messages too!</span></p>
<p><span class="dmreceived2">Look</span></p>
<p><span class="dmemojireceived">😁✌️</span>
<p><div class="dmreactionreceived"><span class="dmtimestampreceived"><span class="screenreader">Sent by tai again at </span>9:00 AM <span class="dmaddreactionsmall"></span></span></div></p>

<p><span class="dmemojisent">❤️❤️❤️</span>

wanningzinho

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with text only!</p>
Right under this text, in the HTML, you will notice a few elements:</p>
twtnumers 1, 2 and 3 - this is the info about your tweet such as retweets, qrts and likes. You can delete them as you wish (if your tweet has only likes and no rts or qrts, keep only twtnumbers1 and delete the others, etc);</p>
twtbutton - these are the images for replies, retweets and likes. twtbutton1a=regular replies, twtbutton1b=can’t reply, twtbutton2a=regular retweets, twtbutton2b=can’t retweet, twtbutton2c=retweeted, twtbutton3a=regular like, twtbutton3b=l

wanningzinho

#workskin .screenreader {
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

wanningzinho

    #workskin .screenreader {
      position: absolute;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }