UPDATES TAB 01 - css

/* Put this right after <style type="text/css">*/

#controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe-compact .tmblr-iframe--unified-controls {
    animation: fadin 2s;
    top:calc({text:updates distance from top}px - 50px)!important;
    position:fixed!important;
    right:calc({text:updates distance from right}px - 15px)!important;
    display:none;
    z-index:9999999999999;
	-webkit-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-ms-animation: fadein 2s;
 	-o-animation: fadein 2s;
 	transform:scale(0.7,0.7);
}

#myinfo {
    width:225px;
	color:{color:updates text};
    right:{text:updates distance from right}px;
    font-size:10px;
    line-height:11px;
    margin-top:{text:updates distance from top}px;
    height:auto;
    background:{color:updates bg};
    position:fixed;
    overflow:hidden;
    border:1px solid {color:updates border};
     z-index:99999;

}
#infoimg {
    display:inline-block;

}

#tab {
    max-height:30px;
    height:30px;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
    text-transform:uppercase;
    background:{color:updates tab bg};
    border:1px solid {color:updates tab border};
    font-size:95%;
    line-height:30px;
}



#tabcontent {
    display:inline-block;
    vertical-align:text-top;
}

#contenttext {
    padding:10px 10px 10px 10px;
}

#tab a {
    font-weight:500;
}
#tab a:hover, #tab i:hover {
    color:{color:updates accent}!important;
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;
}
#infotab {
    overflow:hidden;
    max-height:30px;
    -webkit-transition:all 500ms ease-in;
    -moz-transition:all 500ms ease-in;
    -o-transition:all 500ms ease-in;
    transition:all 500ms ease-in;


}

#infotab:hover {
    max-height:150px;
}


#infotab:hover #tab {
    color:{color:updates accent};
}



#infotab #content {
    display:block;
}