added more style to enroll buttons

--HG--
branch : kf-login-errors

index.html

@@ -10,6 +10,7 @@
       <p>6.002x (Circuits and Electronics) is an experimental on-line adaptation of MIT&rsquo;s first undergraduate analog design course: 6.002. This course will run, free of charge, for students worldwide from March 1, 2012 through June 8, 2012.</p>
     </section>
 </%block>
+
 <%block name="header_class">course</%block>
 
 <section class="index-content">

marketing.html

@@ -87,7 +87,6 @@ function postJSON(url, data, callback) {
   <%block name="bodyextra"/>
 
   <footer>
-    <!-- Template based on a design from http://www.dotemplate.com/ - Donated $10 (pmitros) so we don't need to include credit. -->
     <div class="footer-wrapper">
       <p> Copyright &copy; 2012. MIT. <a href="/t/copyright.html">Some rights reserved.</a></p>
 

sass/_index-extends.scss

@@ -48,19 +48,21 @@
 
 .button {
   @include border-radius(3px);
-  @include border-radius(3px);
   @include inline-block();
   @include transition();
   background-color: $mit-red;
+  border: 1px solid darken($mit-red, 10%);
   color: #fff;
   margin: lh() 0 lh(.5);
   padding: lh(.25) lh(.5);
   text-decoration: none;
   font-style: normal;
+  @include box-shadow(inset 0 1px 0 lighten($mit-red, 8%));
   -webkit-font-smoothing: antialiased;
 
   &:hover {
     background-color: darken($mit-red, 10%);
+    border-color: darken($mit-red, 20%);
   }
 
   span {

sass/_index.scss

@@ -167,13 +167,16 @@ header.announcement {
 
           a {
             @extend .button;
-            background-color: darken($mit-red, 20%);
+            @include box-shadow(inset 0 1px 0 darken($mit-red, 5%), 0 1px 0 lighten($mit-red, 5%));
+            background-color: darken($mit-red, 10%);
             display: block;
             padding: lh(.5) lh();
+            border-color: darken($mit-red, 20%);
             text-align: center;
 
             &:hover {
-              background-color: darken($mit-red, 10%);
+              background-color: darken($mit-red, 20%);
+              border-color: darken($mit-red, 30%);
             }
           }
         }
@@ -410,11 +413,12 @@ section.index-content {
 
         &.cta {
           width: 100%;
+          text-align: center;
 
           a.enroll {
             @extend .button;
-            padding: lh(.5) lh();
-            display: block;
+            padding: lh(.5) lh(1.5);
+            @include inline-block();
             text-align: center;
             font: 800 18px $header-font-family;
           }