swirly update tab style section

/*Update Tab  place this section after < style type=text/css >*/


/*------------ Change link colours below ----------*/
#navtext a:link {color:black;text-decoration: none;} /* ------ Change black to color of links you'd like -------*/
#navtext a:link:hover {color:black;text-decoration: none;} /* ------ Change black to color on hover of links -------*/
#navtext a:visited {color:black;text-decoration: none;}  /* ------ Change black to color of links you'd like -------*/
#navtext a:visited:hover {color:black;text-decoration: none;}/* ------ Change black to color on hover of links -------*/

 #navi {opacity:0.8;
    position:fixed;
    width: 150px;
    height:150px;
    right:0px;
    bottom:0px;}

#navimg {
    opacity:0.8;
    position:fixed;
    width: 150px;
    height:150px;
    right:0px;
    bottom:0px;
    text-decoration:none;
    text-align:center;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    background-image:URL('http://static.tumblr.com/yf7iedv/Dubmqwrv7/cornerbottom.png');
    background-size:150px;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    background-color:transparent;

}

#navi a { margin-right:0px; }


#navtext{
    text-align:center;
    opacity:0;
    position:fixed;
    right:40px;
    width:150px;
    bottom:30px;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    line-height:10px;
    font-size:11px;
    font-family:calibri;
    color:{color:Updatetabtext};
    padding-top:60px;
    padding-bottom:10px;
    padding-left:40px;
    letter-spacing:0px;
    line-height:9px;
    background-image:URL('http://static.tumblr.com/yf7iedv/x3vmqwrks/corner.png');
    background-size:150px;
    background-position: top 5px left 5px;
    background-repeat: no-repeat;
}


#navtext a{
    display:inline-block;
    text-align:center;
    font-size:11px;
    font-family:calibri;
    color:{color:Updatetabtext};
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    letter-spacing:0px;
    line-height:9px;
    }

#navi:hover #navtext{
    background-position:top 10px left 10px;
    opacity:1;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    text-align:center;
}
#navi:hover #navimg {
    background-position:top -10px left -10px;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    }
/*End of update head section */