upd2_css

/*****************************************************************************
**********UPDATES TAB BY SURVIVORBELLAMY.TUMBLR.COM***************************
*****************************************************************************/

.dropin {
    margin-top:25px;
    position:absolute;
    opacity:0;
    background-color: {color:updates background};
    width:129px;
    height: 200px;
    font-family:calibri;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:100%;
    padding:4px;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop1 {
    opacity:1;
    z-index:5;
    position:fixed;
{block:Ifupdatestabontheright}
    right:130px;
    top: 40px;
{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}
    left:130px;
    top:10px;
{/block:Ifnotupdatestabontheright}
    overflow:hidden;
    width: 25px;
    height: 25px;
    background-color:{color:updates tab1};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop1:hover {
    z-index:999;
    width:145px;
    height:260px;
{block:Ifupdatestabontheright}right:10px;{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}left:10px;{/block:Ifnotupdatestabontheright}
}

#drop1:hover .dropin  {
    opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop2 {
    z-index:1;
    position:fixed;
{block:Ifupdatestabontheright}
    right:100px;
    top:40px;
{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}
    left:100px;
    top:10px;
{/block:Ifnotupdatestabontheright}
    overflow:hidden;
    width: 25px;
    height: 25px;
    background-color:{color:updates tab2};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop2:hover {
    z-index:999;
    width:145px;
    height:260px;
{block:Ifupdatestabontheright}right:10px;{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}left:10px;{/block:Ifnotupdatestabontheright}
}

#drop2:hover .dropin  {
    opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


#drop3 {
    z-index:1;
    position:fixed;
{block:Ifupdatestabontheright}
    right:70px;
    top:40px;
{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}
    left:70px;
    top:10px;
{/block:Ifnotupdatestabontheright}
    overflow:hidden;
    width: 25px;
    height: 25px;
    background-color:{color:updates tab3};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop3:hover {
    z-index:999;
    width:145px;
    height:260px;
{block:Ifupdatestabontheright}right:10px;{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}left:10px;{/block:Ifnotupdatestabontheright}
}

#drop3:hover .dropin  {
    opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop4 {
    z-index:1;
    position:fixed;
{block:Ifupdatestabontheright}
    right:40px;
    top:40px;
{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}
    left:40px;
    top:10px;
{/block:Ifnotupdatestabontheright}
    overflow:hidden;
    width: 25px;
    height:25px;
    background-color:{color:updates tab4};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop4:hover {
    z-index:999;
    width:145px;
    height:260px;
{block:Ifupdatestabontheright}right:10px;{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}left:10px;{/block:Ifnotupdatestabontheright}
}

#drop4:hover .dropin  {
    opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#drop5 {
    z-index:1;
    position:fixed;
{block:Ifupdatestabontheright}
    right:10px;
    top:40px;
{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}
    left:10px;
    top:10px;
{/block:Ifnotupdatestabontheright}
    overflow:hidden;
    width: 25px;
    height:25px;
    background-color:{color:updates tab5};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

#drop5:hover {
    z-index:999;
    width:145px;
    height:260px;
{block:Ifupdatestabontheright}right:10px;{/block:Ifupdatestabontheright}
{block:Ifnotupdatestabontheright}left:10px;{/block:Ifnotupdatestabontheright}
}

#drop5:hover .dropin  {
    opacity:1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}