diff --git a/static/home.js b/static/home.js index 8beb261513..2132907b81 100644 --- a/static/home.js +++ b/static/home.js @@ -188,9 +188,6 @@ $(function () { var a_lineBox=[],end_num=0; setTimeout(function (){ self.textTween(); - $("body").addClass("index-page"); - var header=$("#header")||$("header"),footer=$("#footer")||$("footer"); - footer.removeAttr("style") },500); function addLine(i,j,lineBox){ diff --git a/static/homeLoad.js b/static/homeLoad.js index 8df8cc022b..d0bcc8f292 100644 --- a/static/homeLoad.js +++ b/static/homeLoad.js @@ -12,7 +12,6 @@ $(function () { self.main=$(".main"); self.footer=$("#footer")||$("footer"); self.footer.css("opacity",0); - self.body.addClass("index-page"); self.addLoad() }, addLoad:function (){ diff --git a/static/style.css b/static/style.css index 67631c3155..a0742a2f1f 100644 --- a/static/style.css +++ b/static/style.css @@ -117,6 +117,7 @@ header { overflow: hidden; border-bottom: 1px solid #eee; font-size: 16px; + } .fn-hide { @@ -230,8 +231,6 @@ header { font-size: 0.875em; position: relative; margin-right: 25px; - -webkit-animation: yTopMatrix .5s ease-out .5s backwards; - animation: yTopMatrix .5s ease-out .5s backwards; } .nav ul li { @@ -1537,8 +1536,14 @@ footer ul li > a { } } /***************************************************************************/ -.index-page header{ +.index-page header { transition: opacity 0.5S; + -webkit-animation: xRightMatrix .5s ease-out .3s backwards; + animation: xRightMatrix .5s ease-out .3s backwards; +} +.index-page .nav { + -webkit-animation: yTopMatrix .5s ease-out .5s backwards; + animation: yTopMatrix .5s ease-out .5s backwards; } .index-page footer { diff --git a/theme/templates/home.html b/theme/templates/home.html index 6c3e37b95b..4b407229e8 100644 --- a/theme/templates/home.html +++ b/theme/templates/home.html @@ -1,5 +1,7 @@ {% extends "layout.html" %} +{% block bodyAttribute %}class="index-page"{% endblock %} + {% block content %}