for usagi

<style>/* noemi @ subeta, for usagi */
@import url('https://fonts.googleapis.com/css?family=Karla');
html, body, #navigation, input, textarea {font: 12px/1.5em 'Karla', 'Lucida Sans Unicode', Arial, sans-serif; color: #555;}
body {height: 100vh; overflow-x: hidden;}

/* nav */
#navigation {position: fixed; color: transparent; background: 0; border: 0; bottom: 0; right: 0; line-height: .7; text-align: right; z-index: 100; padding: 20px;}
#navigation a {display: none;}
#navigation a:first-child, #navigation:hover a {display: block !important; width: initial; padding: 0 20px; line-height: 1.2em}

/* edit buttons - they'll be at the top right of your window */
div#header_blank, #header_widget {position: fixed; top: 0; right: 0; z-index: 999; width: 50px;}
#header_widget {top: 60px !important;}
.updated_text, #toolbox {position: relative; z-index: 998; float: left}
#content_widget {display: none;}

/* reset and center */
.div_float {position: absolute; width: 100%; top: 25%}
div+.div_float:nth-child(2) {display:none;}
ul.column li {margin: 0; border: 0;}
.column {margin: 0 auto; padding: 0; position: relative}
.header {border: 0; background: 0; height: 0; padding: 0}
.block {border-radius: 0; background: 0}
.blank_1 > div {position: absolute;}
.info_block {padding: 0; background: 0}

/* box sizes */
.column {width: 600px; height: 320px;}
#column1_comment {width: 400px; height: 230px;}
#pets {width: 416px; height: 235px;}
textarea {width: 400px !important; height: 200px !important; resize: none;}

/* anchors - show and hide */
#column1_comment, #pets {display: none;}
#column1_comment:target, #pets:target, #about:target {display: block;}

/* textarea */
textarea, input {border: 0;}
input {width: 100% !important; margin-top: 5px;}

/* right column */
#rightcol {margin-left: 140px; padding: 10px 20px; height: 300px; overflow: hidden;}
#rightcol div {padding: 10px 0;}
#leftcol {bottom:0; text-align: center;}
#box {height: 245px; width: 100%; padding-top: 0 !important; overflow-y: scroll;}
#about {padding-right: 5px !important;}

.avatar a {padding: 2px 3px; text-transform: lowercase;}

/* comments */
#column1_comment {z-index: 100; margin-left: 145px; margin-top: 52px; padding: 20px;}
#column1_comment:target {position: absolute;}
#pets {position: absolute; top: 49px; overflow-y: scroll;}

/* customize ----------------------------------------------------------- ! */
/* background */
html {background: #fff1ee;}
body {background: url('http://i.imgur.com/psArlZI.png');} /* <- the grid is separate from the background color, so you can layer a different transparent background if you'd like, or just erase it altogether */

/* scrollbar */
::-webkit-scrollbar {background-color: #ddd; width: 5px;}
::-webkit-scrollbar-button {background-color: #fff; height: 7px;}
::-webkit-scrollbar-thumb {background-color: #FDB2B7;}

/* links */
a {color: #e6989d !important; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
a:hover {color: #FDB2B7 !important; text-decoration: none;}

/* pets */
#pets a {text-transform: none; letter-spacing: initial;}

/* textarea */
input {background: #fff; text-transform: lowercase;}
textarea {background: url('http://i.imgur.com/psArlZI.png'); border: 1px solid #efefef; box-shadow: 0px -2px 0px #FDB2B7, 0px 2px 0px #FDB2B7; border-radius:3px;}

/* navigation */
#navigation a {text-transform: lowercase;}
#navigation a:hover:after {content: ' <'}

/* box - background and border*/
#rightcol, #pets, #column1_comment {background: #fff;}
#rightcol {border: 1px solid #eee; border-radius: 5px;}

/* menu - anchor links */
.menu {border-bottom:1px solid #eee;}
.menu a {margin-right: 20px;} /* <- spacing of the links */

/* menu - options */
.menu2 a {letter-spacing: initial;}
.menu2 a:after {margin:0 7px;content: '-'; font-size: 0.7em; color: #555 !important}
.menu2 a:last-child:after {display: none}
/* customize ----------------------------------------------------------- ! */</style>

<div id="rightcol">
    <div class="menu">
    <a href="#about">about</a>
    <a href="#pets">pets</a> <a href="#column1_comment">comment</a>
    </div>
    <div id="box">
        <div id="about">
        <div class="menu2">
        <a href="http://subeta.net/mail.php?act=new&amp;to=usagi">mail</a>
        <a href="http://subeta.net/friends.php?act=pending&amp;add=usagi">befriend</a>
        <a href="http://subeta.net/wishlists.php/603830">wish</a>
        <a href="http://style-file.org/index.php?page=search&amp;search=usagi">dress up</a>
        <a href="https://subeta.net/games/tiles/tilesgame.php?act=game">play</a>
        <a href="https://subeta.net/explore/shengui_guo/bathhouse/pools.php">relax</a>
        </div>
        Hi, I'm Tea. Previously teatree and murph. You might also know me from BotB's <a href="https://subeta.net/users/lirikai">Chai Punk</a> (punk and daft punk ftw aw yiss). I also love films in general especially psychological thrillers, my tv shows (too many fandoms to list /cries), sci-fi, astronomy, physics, dogs, bunnies, any fluffy creature yes, tea, philosophy, and heaps and heaps of rainy weather <s>(umbrellas are for weaklings, you heard me :B)</s>. On subeta, I like to play around with my av, pretend to collect trophies, and work on/train Melly. Shoot me a message or comment; I like meeting new people and making friends! n__n<br>
        <br>
        <a href="/profile.php?act=trickortreat&amp;usern=usagi&amp;tl=MTQ3NzI0NDYyMQ%3D%3D">Trick or Treat @ usagi</a><br>
        ( BLUE <s>MAN</s> GROUP )<br>
        <br>
        <a href="https://subeta.net/forums.php/groups/#/group/7426" target="_blank">
        <img src="https://i.imgur.com/jmZtAjW.png" align="">
        </a>
        </div>

        <div id="pets">
        <a href="http://subeta.net/pets/42">42</a><br>
        <a href="http://subeta.net/pets/999">999</a><br>
        <a href="http://subeta.net/pets/anoushka">Anoushka</a><br>
        <a href="http://subeta.net/pets/ashens">Ashens</a><br>
        <a href="http://subeta.net/pets/bradbury">Bradbury</a><br>
        <a href="http://subeta.net/pets/calvaria">Calvaria</a><br>
        <a href="http://subeta.net/pets/chajing">Chajing</a><br>
        <a href="http://subeta.net/pets/corellia">Corellia</a><br>
        <a href="http://subeta.net/pets/gabriel+oak">Gabriel Oak</a><br>
        <a href="http://subeta.net/pets/gravitas">Gravitas</a><br>
        <a href="http://subeta.net/pets/jane+eyre">Jane Eyre</a><br>
        <a href="http://subeta.net/pets/jardin">Jardin</a><br>
        <a href="http://subeta.net/pets/melaleuca">Melaleuca</a><br>
        <a href="http://subeta.net/pets/mycobiota">Mycobiota</a><br>
        <a href="http://subeta.net/pets/pemberley">Pemberley</a><br>
        <a href="http://subeta.net/pets/r.e.m.">R.E.M.</a><br>
        <a href="http://subeta.net/pets/spacetime">Spacetime</a><br>
        <a href="http://subeta.net/pets/velda">Velda</a>
        </div>
    </div>
</div>

<div id="leftcol">
    <div class="avatar">
    <img src="http://avatar.subeta.net/603830.png">
    <br>
    <b>» usagi</b> · rabbit  <i>!!</i><br>
    <a href="https://subeta.net/like.php?id=603830&amp;type=avatar">Like my avatar?</a>
    </div>
</div>