/* Animations for the top bar section of the Blocky theme, available for free from themes.edada.ms */

html.no-csstransforms body.animate-in .bar,
html.no-csstransforms body.animate-in .container{
    top: 290px;
}

html.no-csstransforms body.animate-out .bar,
html.no-csstransforms body.animate-out .container {
    top: 0;
}

@keyframes grow {
    0% {
        transform: translate(0,0);
    }
    
    100% {
        transform: translate(0,290px);
    }
}
@keyframes shrink {
    0% {
        transform: translate(0,290px);
    }
    
    100% {
        transform: translate(0,0);
    }
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: translate(0,0);
    }
    
    100% {
        -webkit-transform: translate(0,290px);
    }
}
@-webkit-keyframes shrink {
    0% {
        -webkit-transform: translate(0,290px);
    }
    
    100% {
        -webkit-transform: translate(0,0);
    }
}

@-moz-keyframes grow {
    0% {
        -moz-transform: translate(0,0);
    }
    
    100% {
        -moz-transform: translate(0,290px);
    }
}
@-moz-keyframes shrink {
    0% {
        -moz-transform: translate(0,290px);
    }
    
    100% {
        -moz-transform: translate(0,0);
    }
}

@-ms-keyframes grow {
    0% {
        -ms-transform: translate(0,0);
    }
    
    100% {
        -ms-transform: translate(0,290px);
    }
}
@-ms-keyframes shrink {
    0% {
        -ms-transform: translate(0,290px);
    }
    
    100% {
        -ms-transform: translate(0,0);
    }
}

@-o-keyframes grow {
    0% {
        -o-transform: translate(0,0);
    }
    
    100% {
        -o-transform: translate(0,290px);
    }
}
@-o-keyframes shrink {
    0% {
        -o-transform: translate(0,290px);
    }
    
    100% {
        -o-transform: translate(0,0);
    }
}
            
iframe[src="http://themes.edada.ms/_iframe.html"] {
    top: 53px !important;
}

.bar,
.container,
iframe#tumblr_controls,
iframe[src="http://themes.edada.ms/_iframe.html"] {
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-duration: 0.3s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-duration: 0.3s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
    -o-animation-timing-function: ease-in-out;
}
body.animate-in .bar,
body.animate-in .container,
body.animate-in iframe#tumblr_controls,
body.animate-in iframe[src="http://themes.edada.ms/_iframe.html"] {
    animation-name: grow;
    -webkit-animation-name: grow;
    -moz-animation-name: grow;
    -ms-animation-name: grow;
    -o-animation-name: grow;
}

body.animate-out .bar,
body.animate-out .container,
body.animate-out iframe#tumblr_controls,
body.animate-out iframe[src="http://themes.edada.ms/_iframe.html"] {
    animation-name: shrink;
    -webkit-animation-name: shrink;
    -moz-animation-name: shrink;
    -ms-animation-name: shrink;
    -o-animation-name: shrink;
}