Remove Compass transitions, make our own

diff --git a/assets/css/application.css b/assets/css/application.css
index 367e08e..41a377a 100644
--- a/assets/css/application.css
+++ b/assets/css/application.css
@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}a{text-decoration:none}article{margin-bottom:2em}blockquote{border-radius:0.5em;display:inline-block;margin-bottom:0;margin-left:0.5em;margin-right:0;margin-top:0;padding:0.5em}body{color:#404040;font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.5;min-height:100%;margin:0;position:relative}code,pre{font-family:Inconsolata,Menlo,monospace}em{font-style:normal;font-weight:900}footer ul{list-style-type:none}h1,h2,header{font-size:140%;font-weight:900;margin:0}h2{font-size:110%;margin-bottom:0.25em}nav ul{list-style-type:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:2em;padding:0}p{margin:1em 0}section{background:#fff;margin:2em}article,header,footer,section{display:block}#about-bkgd{font-size:75%;margin-bottom:1em !important;text-align:right !important}#branding{background:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #fefefe), color-stop(50%, #efeded), color-stop(100%, #e5e2e2));background:-webkit-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:-moz-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:-o-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);color:#a6a6a6;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;padding:0.5em}#branding a{color:#a6a6a6;text-transform:uppercase}#branding h1,#branding h2{font-size:1.5em;font-weight:100}#branding h2{float:right;font-size:100%;font-weight:bold;margin:-1.9em 0;text-align:right;width:300px}#copyright{border-top:1px solid #ddd;color:#a6a6a6;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:11px;padding-top:8px}#copyright *{color:#a6a6a6;margin:0;padding:0}#copyright li{text-align:center}#copyright ul{list-style-type:none;margin-bottom:0;margin-left:20%;margin-right:20%;margin-top:0.5em;padding:0}#copyright .disclaimer{text-align:left}#disqus-thread{width:85%}.ad.sky{margin-top:2em;position:absolute;right:35px;top:70px}.clear-fix{zoom:1}.clear-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.entry-link{margin-bottom:0.5em;margin-left:0;margin-right:0;margin-top:0.5em}.entry-link:after{content:" | "}.entry-meta{background:#a6a6a6;border-radius:0.5em;box-shadow:2px 2px 2px #5a5a5a;list-style-type:none;margin-bottom:0;margin-left:-0.5em;margin-right:0;margin-top:0;padding:0.5em}.entry-meta-item{font-size:85%;margin:0.5em}.entry-tag{display:inline;font-size:85%;font-style:italic;padding-bottom:0.1em;padding-left:0.2em;padding-right:0.2em;padding-top:0.1em}.entry-tags ul{display:inline;margin:0;padding:0}.main-nav{margin-bottom:1em;margin-left:2em;margin-right:2em;margin-top:1em;padding:0.5em}.main-nav ul{margin:0;padding:0}.meta,.entry-link,.main .entry-date,.teaser .entry-date,.teaser .entry-title{float:left;font-size:75%;font-weight:700}.nav-previous{float:left;margin-right:11em}.nav-previous:before{content:"\21e0"}.nav-next{float:right}.nav-next:after{content:"\21e2"}.post{min-height:610px;width:85%}.teaser{margin-bottom:0.5em}.main .entry-date,.teaser .entry-date{margin-bottom:0.5em;margin-left:0.5em;margin-right:0;margin-top:0.5em}.teaser .entry-title{font-size:85%}.is-hidden{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s;cursor:pointer;top:-65px}
+html,body,div,span,applet,object,iframe,h1,h2,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}a{text-decoration:none}article{margin-bottom:2em}blockquote{border-radius:0.5em;display:inline-block;margin-bottom:0;margin-left:0.5em;margin-right:0;margin-top:0;padding:0.5em}body{color:#404040;font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.5;min-height:100%;margin:0;position:relative}code,pre{font-family:Inconsolata,Menlo,monospace}em{font-style:normal;font-weight:900}footer ul{list-style-type:none}h1,h2,header{font-size:140%;font-weight:900;margin:0}h2{font-size:110%;margin-bottom:0.25em}nav ul{list-style-type:none;margin-bottom:0;margin-left:0;margin-right:0;margin-top:2em;padding:0}p{margin:1em 0}section{background:#fff;margin:2em}article,header,footer,section{display:block}#about-bkgd{font-size:75%;margin-bottom:1em !important;text-align:right !important}#branding{background:-webkit-gradient(linear, to bottom, to top, color-stop(0%, #fefefe), color-stop(50%, #efeded), color-stop(100%, #e5e2e2));background:-webkit-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:-moz-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:-o-linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);background:linear-gradient(to bottom, #fefefe 0%,#efeded 50%,#e5e2e2 100%);color:#a6a6a6;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;padding:0.5em}#branding a{color:#a6a6a6;text-transform:uppercase}#branding h1,#branding h2{font-size:1.5em;font-weight:100}#branding h2{float:right;font-size:100%;font-weight:bold;margin:-1.9em 0;text-align:right;width:300px}#copyright{border-top:1px solid #ddd;color:#a6a6a6;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:11px;padding-top:8px}#copyright *{color:#a6a6a6;margin:0;padding:0}#copyright li{text-align:center}#copyright ul{list-style-type:none;margin-bottom:0;margin-left:20%;margin-right:20%;margin-top:0.5em;padding:0}#copyright .disclaimer{text-align:left}#disqus-thread{width:85%}.ad.sky{margin-top:2em;position:absolute;right:35px;top:70px}.clear-fix{zoom:1}.clear-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.entry-link{margin-bottom:0.5em;margin-left:0;margin-right:0;margin-top:0.5em}.entry-link:after{content:" | "}.entry-meta{background:#a6a6a6;border-radius:0.5em;box-shadow:2px 2px 2px #5a5a5a;list-style-type:none;margin-bottom:0;margin-left:-0.5em;margin-right:0;margin-top:0;padding:0.5em}.entry-meta-item{font-size:85%;margin:0.5em}.entry-tag{display:inline;font-size:85%;font-style:italic;padding-bottom:0.1em;padding-left:0.2em;padding-right:0.2em;padding-top:0.1em}.entry-tags ul{display:inline;margin:0;padding:0}.main-nav{margin-bottom:1em;margin-left:2em;margin-right:2em;margin-top:1em;padding:0.5em}.main-nav ul{margin:0;padding:0}.meta,.entry-link,.main .entry-date,.teaser .entry-date,.teaser .entry-title{float:left;font-size:75%;font-weight:700}.nav-previous{float:left;margin-right:11em}.nav-previous:before{content:"\21e0"}.nav-next{float:right}.nav-next:after{content:"\21e2"}.post{min-height:610px;width:85%}.teaser{margin-bottom:0.5em}.main .entry-date,.teaser .entry-date{margin-bottom:0.5em;margin-left:0.5em;margin-right:0;margin-top:0.5em}.teaser .entry-title{font-size:85%}.is-hidden{top:-65px;-moz-transition:top 2s ease 5s;-webkit-transition:top 2s ease 5s;-o-transition:top 2s ease 5s;transition:top 2s ease 5s}
diff --git a/lib/sass/application.scss b/lib/sass/application.scss
index 0a3b69f..70eceb0 100644
--- a/lib/sass/application.scss
+++ b/lib/sass/application.scss
@@ -1,7 +1,6 @@
 @import "base";
 @import "compass/reset";
 @import "compass/css3/images";
-@import "compass/css3/transition";

 a {
     text-decoration: none;
@@ -298,9 +297,10 @@ article, header, footer, section {
 }

 .is-hidden {
-    @include transition-property(top);
-    @include transition-duration(2s);
-    @include transition-delay(3s);
-    cursor: pointer;
     top: -65px;
+
+    -moz-transition: top 2s ease 5s;
+    -webkit-transition: top 2s ease 5s;
+    -o-transition: top 2s ease 5s;
+    transition: top 2s ease 5s;
 }