updates tab (for anon)

---put this above <body>---

#boxone {
    text-align:center; /*text alignment*/
    font-size:9px; /*font size*/
    text-transform:none; /*makes all text uppercase*/
    opacity:1; /*don't touch this*/
    position:fixed;/*don't touch this*/
    font-family:serif;
    left:10px;/*position left*/
    top:10px;/*position from top*/
    letter-spacing:1px;/*letter spacing*/
    color:#fff;/*text color*/
    overflow:hidden;/*don't touch this*/
    background-color:#9ec1b6;
    width:15px;/*width of box*/
    height:15px;/*height of box*/
    z-index:999999999;/*don't touch this*/
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#boxone a {
color:#fff;
}

#boxone:hover {
    width:120px; /*box width*/
    height:110px;/*box height*/
    z-index:999999999;/*don't touch this*/
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

/*--BOX TWO--*/
#boxtwo {
    text-align:center;
    font-size:9px;
    text-transform:none;
    opacity:1;
    position:fixed;
    font-family:serif;
    left:10px;
    top:30px;
    letter-spacing:1px;
    color:#ffffff;
    overflow:hidden;
    background-color:#94b3a9;
    width:15px;
    height:15px;
    z-index:99999;
   -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

#boxtwo a {
color:#000;
}

#boxtwo:hover {
    width:120px; /*box width*/
    height:110px;/*box height*/
    z-index:99999;/*don't touch this*/
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

/*--BOX THREE--*/
#boxthree {
    text-align:center;
    font-size:9px;
    text-transform:none;
    opacity:1;
    position:fixed;
    font-family:serif;
    left:10px;
    top:50px;
    letter-spacing:0px;
    color:#ffffff;
    overflow:hidden;
    background-color:#718c84;
    width:15px;
    height:15px;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

#boxthree:hover {
    width:140px;
    height:200px;
    z-index:99999;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

/*--BOX FOUR--*/
#boxfour {
    text-align:center; /*text alignment*/
    font-size:9px; /*font size*/
    text-transform:none; /*makes all text uppercase*/
    opacity:1; /*don't touch this*/
    position:fixed;/*don't touch this*/
    font-family:calibri;/*font*/
    left:10px;/*position left*/
    top:70px;/*position from top*/
    letter-spacing:1px;/*letter spacing*/
    color:#ffffff;/*text color*/
    overflow:hidden;/*don't touch this*/
    background-color:#4f655e;
    width:15px;/*width of box*/
    height:15px;/*height of box*/
    z-index:999;/*don't touch this*/

    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

}

#boxfour:hover {
    width:120px; /*box width*/
    height:110px;/*box height*/
    z-index:999;/*don't touch this*/
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

--put this below <body>---

<div id="boxone">
<br>
<div style="font-family:serif; font-size:18px">title</div>
put your text here
</div>

<div id="boxtwo">
<br>
<div style="font-family:serif; font-size:18px">title</div>
put your text here
</div>

<div id="boxthree">
<br>
<div style="font-family:serif; font-size:18px">title</div>
put your text here
</div>

<div id="boxfour">
<br>
<div style="font-family:serif; font-size:18px">title</div>
put your text here
</div>