Don't Speak (sig)

[align=center]the rust is real  :sick: [/align]

[dohtml]
<link href="https://fonts.googleapis.com/css?family=Poppins|Montserrat:800" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<style>
#dontspeak {
  width: 500px;
  height: 200px;
  outline: 1.5px solid #0E6655;
  background: url(https://signavatar.com/57076_s.gif);
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

#dontspeak ::-webkit-scrollbar {
  width: 8px;
}

#dontspeak ::-webkit-scrollbar-track {
  background: #0E6655;
}

#dontspeak ::-webkit-scrollbar-thumb {
  background: #F5B7B1;
  border: 1px solid #0E6655;
}

#dontspeak .base {
  width: 500px;
  height: 130px;
  background: #fff;
  position: absolute;
  border-bottom: 1px solid #0E6655;
  opacity: 0.85;
  top: -132px;
  overflow: hidden;
  transition: 0.7s;
}
#dontspeak:hover .base {
  top: 0px;
}

#dontspeak .topbar {
  width: 500px;
  height: 130px;
  background: transparent;
  position: absolute;
  border-bottom: 1px solid #0E6655;
  top: -132px;
  overflow: hidden;
  transition: 0.7s;
}
#dontspeak:hover .topbar {
  top: 0px;
}

#dontspeak .bottombar {
  width: 500px;
  height: 70px;
  background: #fff;
  position: absolute;
  border-top: 1px solid #0E6655;
  bottom: -72px;
  transition: 0.7s;
}
#dontspeak:hover .bottombar {
  bottom: 0px;
}

#dontspeak .textbox {
  width: 190px;
  height: 50px;
  background: #F5B7B1;
  position: absolute;
  border: 12px solid #F5B7B1;
  outline: 1.5px solid #0E6655;
  top: 28px;
  right: 60px;
  overflow: auto;
  font-family: 'Poppins', sans-serif;
  font-size: 9.5px;
  color: #0E6655;
  text-align: justify;
  line-height: 13px;
  letter-spacing: 0.5px;
  font-weight: normal;
  padding-right: 10px;
}

#dontspeak .navbar {
  width: 300px;
  height: 20px;
  background: transparent;
  position: absolute;
  bottom: 23px;
  right: 8px;
}

#dontspeak .sf {
  color: #0E6655;
  font-size: 18px;
  margin-right: 15px;
}
#dontspeak .sf:hover {
  color: #EC7063;
}

#dontspeak a {
  text-decoration: none;
}

#dontspeak .statusbox {
  width: 170px;
  height: 30px;
  position: absolute;
  left: 47px;
  bottom: 12px;
  font-size: 10px;
  color: #0E6655;
}

#dontspeak .statusbox c{
  font-family: 'Montserrrat', sans-serif;
  font-weight: 800;
  letter-spacing: 1px;
  background: #F1948A;
  border: 1px solid #0E6655;
  padding: 5px 10px;
  font-size: 10px;
}

#dontspeak .statusbox n{
  font-family: 'Poppins', sans-serif;
  font-size: 9.5px;
  font-weight: normal;
  background: #F5B7B1;
  border: 1px solid #0E6655;
  border-left: 0px solid #0E6655;
  padding: 6.5px 12px 5px 12px;
  letter-spacing: 0.5px;
}

#dontspeak .icon {
  background: url(https://i.imgur.com/72mWVrV.gif);
  background-size: 77px;
  border: 1px solid #0E6655;
  width: 77px;
  height: 77px;
  position: absolute;
  top: 27px;
  left: 65px;
  border-radius: 100px;
  padding: 3p
}

#dontspeak .line {
  width: 200px;
  height: 170px;
  background: transparent;
  position: absolute;
  border-left: 1px solid #0E6655;
  top: 0px;
  left: 105px;
}

#dontspeak .line2 {
  width: 200px;
  height: 170px;
  background: transparent;
  position: absolute;
  border-top: 1px solid #0E6655;
  top: 65px;
  left: 105px;
}

</style>

<center>
<div id="dontspeak">

  <div class="base"></div>
  <div class="topbar">
    <div class="line"></div>
    <div class="line2"></div>

    <div class="icon"></div>

    <div class="textbox">
      --<br>
      a hobbyist graphic designer and coder from malaysia.
      i love everything dark and peculiar. <p>
      thank you so much for the beautiful beautiful gifts everyone!
    </div>
  </div>

  <div class="bottombar">
     <div class="statusbox">
     <c>OPEN</c><n>for request</n>
     </div>

     <div class="navbar">
      <a href="https://shadowplayers.jcink.net/index.php?showtopic=11483" title="coding playground"><span class="sf sf-cursor-o"></span></a>
      <a href="https://shadowplayers.jcink.net/index.php?showtopic=2034" title="graphic archive"><span class="sf sf-diary-o"></span></a>
      <a href="https://shadowplayers.jcink.net/index.php?showtopic=8958" title="hall of records"><span class="sf sf-calendar-o"></span></a>
      <a href="https://www.deviantart.com/orpheusz" title="deviantart"><span class="sf sf-donut-o"></span></a>
      <a href="https://shadowplayers.jcink.net/index.php?act=Msg&CODE=04&MID=95" title="pm me!"><span class="sf sf-envelope-2-o"></span></a>
      <a href="https://shadowplayers.jcink.net/index.php?showtopic=16991" title="xmas wishlist"><span class="sf sf-gift-o"></span></a>
     </div>
  </div>
</div>
</center>
[/dohtml]