wait for window load event before positioning images, doi

2 files changed, 11 insertions, 18 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 684c41733..a4bd11b3e 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -312,14 +312,6 @@ img.large-bird {
   opacity: .1;
 }
 
-/* Media grid images
---------------------------------------------------- */
-.media-grid img {
-  height: 150px;
-  width: 210px;
-}
-
-
 /* Pretty Print
 -------------------------------------------------- */
 pre.prettyprint {
diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index d1c6751ea..e39a75474 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -48,15 +48,16 @@ $(document).ready(function(){
   // POSITION STATIC TWIPSIES
   // ========================
 
-  $(".twipsies a").each(function () {
-     $(this)
-      .twipsy({
-        live: false
-      , placement: $(this).attr('title')
-      , trigger: 'manual'
-      , offset: 2
+  $(window).load(function () {
+    $(".twipsies a").each(function () {
+       $(this)
+        .twipsy({
+          live: false
+        , placement: $(this).attr('title')
+        , trigger: 'manual'
+        , offset: 2
+        })
+        .trigger('twipsy:show')
       })
-      .trigger('twipsy:show')
-    })
-
+  })
 });