include font-awesome from cdn and restyle upload button

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index 3f64bcdce397ae8ca151c39b42ee6d87b2122cd4..dd401f2e19bfad6a659693c28351e3e2f21efd44 100644 (file)
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -453,20 +453,16 @@ a.activity_target, a.activity_target:hover
   text-transform: uppercase;
 }
 
-#upload_button_container
-{
-  height: 70px;
-  margin: 10px 0px;
-}
-
 #upload_button
 {
   height: 66px;
   margin: 1px;
-  font-family: "MuseoSlab-900";
-  font-size: 32px;
+  font-family: "MuseoSlab-300";
+  font-size: 30px;
   text-align: center;
   padding-top: 20px;
+  color: #f05a28;
+  text-transform: uppercase;
 }
 
 /* COPY */

diff --git a/karmaworld/templates/base.html b/karmaworld/templates/base.html
index f344cacde4002114bc89f86c22ea1cba7544d5f5..466bfba6c0e031c9cc9f1ac4829092a091be63a8 100644 (file)
--- a/karmaworld/templates/base.html
+++ b/karmaworld/templates/base.html
@@ -11,6 +11,8 @@
   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/lightbox.css">
   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}ajaxuploader/css/fileuploader.css">
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
+  <!-- include Font Awesome -->
+  <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
 
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

diff --git a/karmaworld/templates/courses/course_detail.html b/karmaworld/templates/courses/course_detail.html
index ef96dea03ea223bd76fd6cfc6c734d719b6d6f69..f9dd0ba4e3dd0ed7ec1fa5d7df9c1ca8fb652ad9 100644 (file)
--- a/karmaworld/templates/courses/course_detail.html
+++ b/karmaworld/templates/courses/course_detail.html
@@ -59,10 +59,8 @@
 
       <div class="row">
         <div class="three columns centered">
-          <div id="upload_button_container" class="button_bevel" >
-            <div id="upload_button" course="button_interior" data-id="{{ course.id }}" class="inverted_button">
-              upload
-            </div>
+          <div id="upload_button" data-id="{{ course.id }}">
+            <i class=icon-upload></i> add a note
           </div>
         </div>
       </div>