Updates Tab CSS | http://kimsjongin.tumblr.com

#candywrapper {
/*this is where you control what the whole updates tab looks like*/

/*how far apart the letters are spaced*/
letter-spacing:1px;

/*how the text is aligned; it could be center, left, right, or justify*/
text-align: center;

/*font size*/
font-size: 11px;

/*dont touch*/
position:fixed;

/*how far from the left the updates tab is*/
left:0px;

/*how far from the top the updates tab is*/
top:-142px;

/*dont touch the three lines below ok*/
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:99;
}

#candywrapper:hover {
/*this is where you control what the whole tab looks like when you hover*/

/*how far from the top the updates tab will be when you hover*/
top:-30px;

/*dont touch the three lines below ok*/
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;}

#in {
color:#999; /*this is the color of the text within the tab; pick one from colorpicker.com*/

/*this is the font of the text*/
font-family:georgia;

/*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
border-style:solid;

/*border width*/
border-width:1px;

/*border color*/
border-color:#999;

/*dont touch*/
padding: 40px 10px 10px 10px;

/*background color*/
background:#fff;

/*text alignment; could be right, left, center, justify*/
text-align:center;

/*font size of the updates box*/
font-size:8px;

/*width of the updates box*/
width:90px;

/*height of the updates box*/
height:90px;

/*dont touch*/
z-index: 9999;
}


#titletab {
/* the title tab where it says "updates"; if you want to change the text "updates" then command+f (control+f if on pc) and look for the word "updates"*/

/*background color of the title tab*/
background:#fff;

/*color of title tab text*/
color:#999;

/*title tab text letter spacing*/
letter-spacing:0px;

/*dont touch*/
border-top-style:none;

/*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;

/*font of the title tab*/
font-family:georgia;

/*font size of title tab*/
font-size:8px;

/*border color of title tab*/
border-color:#999;

/*border width of title tab*/
border-width:1px;

/*how the text is aligned; could be right, left, justify, or center*/
text-align: center;

/*height of title tab*/
height:5px;

/*dont touch*/
padding: 3px 0 7px 0;

 /*change the border radius on all of these lines if you want the tab to be rounded!*/
border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;

/*dont touch the three lines below ok*/
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}