* update footer

giannis · giannis · commit 2b4c799f3097 · 2012-01-24T17:41:29.000+02:00
diff --git a/resources/style.css b/resources/style.css
@@ -352,29 +352,43 @@ img {
 }
 .footer {
   font-family: Georgia, serif;
-  background: #383838 url("footer.jpg") bottom repeat-x;
-  color: #757575;
+  background: url("footer-trans.png") bottom repeat-x;
+  color: #fff;
+  font-size: 11px;
+  padding: 0 25px;
+  height: 148px;
+  margin-bottom: 40px;
+  width: 958px;
+}
+.footer .bold-text {
   font-size: 12px;
   font-weight: bold;
-  margin-bottom: 40px;
-  -webkit-box-shadow: 0 3px 5px 0 #000;
-  -moz-box-shadow: 0 3px 5px 0 #000;
-  -webkit-box-shadow: 0 3px 5px 0 #000;
-  -moz-box-shadow: 0 3px 5px 0 #000;
-  box-shadow: 0 3px 5px 0 #000;
 }
 .footer p {
   margin: 0;
 }
+.footer a {
+  color: #cae994;
+  text-decoration: none;
+}
+.footer a:hover,
+.footer a:active {
+  color: #cae994;
+  text-decoration: underline;
+}
 .footer .sponsor {
-  padding: 20px 40px 30px;
-  width: 470px;
+  margin-right: 280px;
+  padding: 20px 0 30px;
+  width: 240px;
   display: inline-block;
 }
+.footer .sponsor img {
+  margin: 5px 0;
+}
 .footer .copyright {
-  padding: 20px;
-  width: 400px;
   display: inline-block;
+  width: 420px;
+  text-shadow: 0 1px 1px #48484a;
 }
 #dsq-footer {
   display: none;
diff --git a/resources/style.styl b/resources/style.styl
@@ -359,26 +359,41 @@ img {
 
 .footer {
   body-font()
-  background: #383838 url(footer.jpg) bottom repeat-x;
-  color: #757575;
-  font-size: 12px;
-  font-weight: bold;
+  background: url(footer-trans.png) bottom repeat-x;
+  color: #ffffff;
+  font-size: 11px;
+  padding: 0 25px;
+  height: 148px;
   margin-bottom: 40px;
-  -webkit-box-shadow: 0 3px 5px 0 #000000;
-  -moz-box-shadow: 0 3px 5px 0 #000000;
-  box-shadow: 0 3px 5px 0 #000000;
+  width: 958px;
+  .bold-text {
+    font-size: 12px;
+    font-weight: bold;
+  }
   p {
     margin: 0;
   }
+  a {
+    color: #cae994;
+    text-decoration: none;
+  }
+  a:hover, a:active {
+      color: #cae994;
+      text-decoration: underline;
+  }
   .sponsor {
-    padding: 20px 40px 30px;
-    width: 470px;
+    margin-right: 280px;
+    padding: 20px 0 30px;
+    width: 240px;
     display: inline-block;
+    img {
+        margin: 5px 0;
+    }
   }
   .copyright {
-    padding: 20px;
-    width: 400px;
     display: inline-block;
+    width: 420px;
+    text-shadow: 0 1px 1px #48484a;
   }
 }
 
diff --git a/templates/footer.html b/templates/footer.html
@@ -1,11 +1,11 @@
 <div class="section footer">
   <div class="sponsor">
-    <p>Sponsored by:</p>
+    <p class="bold-text">Sponsored by:</p>
     <img src="/c9-logo.png"/>
     <p>Write, Run and Debug your code with our powerful and flexible IDE. Co-edit your code or create public or private projects.</p>
   </div>
   <div class="copyright">
     <p>All code snippets are in the public domain</p>
-    <p>All other content and design is copyright &copy;2011-2012 Cloud9IDE. All rights reserved.</p>
+    <p>All other content and design is copyright &copy;2011-2012 <a href="http://c9.io">Cloud9IDE</a>. All rights reserved.</p>
   </div>
 </div>
