Better dynamic handling!

content/css/dynamic.css

@@ -0,0 +1,14 @@
+-----
+
+-----
+* 
+  transition-property: all
+  transition-duration: 0.5s
+  -moz-transition-property: all
+  -moz-transition-duration: 0.5s
+  -webkit-transition-property: all
+  -webkit-transition-duration: 0.5s
+  -o-transition-property: all
+  -o-transition-duration: 0.5s
+
+

content/css/main.css

@@ -26,16 +26,6 @@ $codeBlockColor: $mainBackgroundColor
 $codeBlockBackgroundColor: $behindColor
 
 
-* 
-  transition-property: all
-  transition-duration: 0.5s
-  -moz-transition-property: all
-  -moz-transition-duration: 0.5s
-  -webkit-transition-property: all
-  -webkit-transition-duration: 0.5s
-  -o-transition-property: all
-  -o-transition-duration: 0.5s
-
 =mainColor
   color: $behindColor
   background:

output/Scratch/js/index.js

@@ -12,7 +12,7 @@ function returnToNormal() {
 
 function initCode() {
     if ( ! /ip(od|hone)/.test(userAgent) ) {
-        $("body").css({'transition-duration': 0});
+    $('head').append('<link rel="stylesheet" href="/Scratch/assets/css/dynamic.css" type="text/css" />');
         $(".code").click(openWide);
         $(".code").css({cursor: "pointer"});
         $('body').append('<div id="_code"></div>');