Tab 2: HTML

   /* CIRCLE UPDATES TAB BY STARDUSTHEMES.TUMBLR.COM

UPDATES CODE BEGINS */

    #updates{
        position:fixed;
        margin-left:10px;
        margin-top:0px;
        z-index:999;
    }

    #circle {
    position:fixed;
    top:50px; /* distance from top*/
    left:10px; /* distance from left*/
    background: {color:circle one}; /*color of your circle */
    border-radius:36px;
    width:13px;
    height:13px;
    padding:3px;
}

    #circle:hover #cont1{margin-left:20px; opacity:1;}

    #cont1 {
    position:absolute;
    width:150px; /* how wide the text spans */
    padding-left:5px;
    left:10px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    color:{color:updatestext};
    border:1px dashed {color:circle one border};
    padding:10px;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }



     #circle2 {
    position:fixed;
    top:80px; /* distance from top*/
    left:10px; /* distance from left*/
    background: {color:circle two}; /*color of your circle */
    border-radius:36px;
    width:13px;
    height:13px;
    padding:3px;
}

    #circle2:hover #cont2{margin-left:20px; opacity:1;}

    #cont2 {
    position:absolute;
    width:150px; /* how wide the text spans */
    padding-left:5px;
    left:10px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    color:{color:updatestext};
    border:1px dashed {color:circle two border};
    padding:10px;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }


     #circle3 {
    position:fixed;
    top:110px; /* distance from top*/
    left:10px; /* distance from left*/
    background: {color:circle three}; /*color of your circle */
    border-radius:36px;
    width:13px;
    height:13px;
    padding:3px;
}

    #circle3:hover #cont3{margin-left:20px; opacity:1;}

    #cont3 {
    position:absolute;
    width:150px; /* how wide the text spans */
    padding-left:5px;
    left:10px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    color:{color:updatestext};
    border:1px dashed {color:circle three border};
    padding:10px;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }


      #circle4 {
    position:fixed;
    top:140px; /* distance from top*/
    left:10px; /* distance from left*/
    background: {color:circle four}; /*color of your circle */
    border-radius:36px;
    width:13px;
    height:13px;
    padding:3px;
}


    #circle4:hover #cont4{margin-left:20px; opacity:1;}

    #cont4 {
    position:absolute;
    width:150px; /* how wide the text spans */
    padding-left:5px;
    left:10px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    color:{color:updatestext};
    border:1px dashed {color:circle four border};
    padding:10px;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }

     /* UPDATES END */