make status animation only appear for .loadingstatus

2 files changed, 7 insertions, 1 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index 84650bb..2dbf706 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -73,7 +73,7 @@ sidebar_cats:
           <p>This website is <a href="http://github.com/github/help.github.com#readme" target="_blank">open source</a>. Please help us by forking the project and adding to it.</p>
         </div>
         <div class="sidebar-module">
-          <div class="status-box loading">
+          <div class="status-box operational">
             <h4>Site Status:</h4>
             <a href="http://status.github.com">All Systems Operational <img class="status-anim" src="/images/load-anim.gif" height="10" width="43" alt="loading"/></a>
           </div>
diff --git a/css/style.css b/css/style.css
index 6af1817..2ae4065 100644
--- a/css/style.css
+++ b/css/style.css
@@ -467,10 +467,16 @@ img.top-margin {
   background-position: 0px -297px;
 }
 
+.sidebar-module img.status-anim {
+  display: none
+}
+
 .sidebar-module .loading img.status-anim {
+  display: inline;
   float: right;
   margin-top: 4px;
   position: relative;
 }
+
 /* @end */