Stylesheet changes

server/documents/introduction/new.html.eco

@@ -409,6 +409,12 @@ type        : 'Introduction'
   <div class="external example">
     <h4 class="ui header">Translates Any API</h4>
     <p>API now lets you adjust a server's JSON response using a new callback, <code>onResponse</code>. This can let you restructure third party APIs to match your local data requirements.</p>
+    <div class="ui search">
+      <div class="ui left icon input">
+        <input class="prompt" type="text" placeholder="Search GitHub">
+        <i class="github icon"></i>
+      </div>
+    </div>
     <div class="ignored code" data-type="javascript">
     $('.ui.search')
       .search({
@@ -450,13 +456,6 @@ type        : 'Introduction'
         }
       })
     </div>
-
-    <div class="ui search">
-      <div class="ui left icon input">
-        <input class="prompt" type="text" placeholder="Search GitHub">
-        <i class="github icon"></i>
-      </div>
-    </div>
   </div>
 
   <div class="mock example">

server/files/stylesheets/docs.css

@@ -440,9 +440,10 @@ pre code {
   position: relative;
   overflow: hidden;
   vertical-align: top;
-  z-index: 2;
+  z-index: 0;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
+  outline: none;
 }
 #example .main.container > p a > code,
 #example .main.container > .tab > p a > code,
@@ -463,7 +464,9 @@ pre code {
   background-color: #4183C4;
   content: '';
   -webkit-transition: all 0.2s;
+  -webkit-backface-visibility: hidden;
   transition: all 0.2s;
+  backface-visibility: hidden;
   -webkit-transform: translateY(95%) scaleX(0);
   transform: translateY(95%) scaleX(0);
 }