nicer browser button in note upload dialog

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index afb432e708e380179e5606e5552f7a3fa5d8a7bd..0e7ff53e49074dc8394b9bd4937e3d30f43873ef 100644 (file)
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -358,19 +358,19 @@ input[type="text"]:focus, textarea:focus
 
   /* useful if you don't want a bg color from leaking outside the border: */
   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
-  background-color: #ebebeb;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cfcfcf)); /* Safari 4+, Chrome */
-  background-image: -webkit-linear-gradient(top, #ebebeb, #cfcfcf); /* Chrome 10+, Safari 5.1+, iOS 5+ */
-  background-image:    -moz-linear-gradient(top, #ebebeb, #cfcfcf); /* Firefox 3.6-15 */
-  background-image:      -o-linear-gradient(top, #ebebeb, #cfcfcf); /* Opera 11.10-12.00 */
-  background-image:         linear-gradient(to bottom, #ebebeb, #cfcfcf); /* Firefox 16+, IE10, Opera 12.50+ */
-  border-top: solid 1px #fefefe;
-  color: #f05a28;
-  font-family: "MuseoSlab-700";
+  background-color: #dadada;
+  /*border-top: solid 1px #fefefe;*/
+  color: #000000;
+  font-family: "MuseoSlab-300";
   font-size: 16px;
   text-align: center;
   padding: 10px 19px;
   cursor: pointer;
+  border: 1px solid black;
+}
+.inverted_button:hover
+{
+  color:#f1592a;
 }
 
 .button_arrow

diff --git a/karmaworld/templates/partial/add_note.html b/karmaworld/templates/partial/add_note.html
index d2a2fb01bbe956857286f37dad2e08468c403044..c260736c40d9837744289836b071c2d6cd6b863c 100644 (file)
--- a/karmaworld/templates/partial/add_note.html
+++ b/karmaworld/templates/partial/add_note.html
@@ -18,7 +18,7 @@
         <!-- the upload button gets attached here -->
       </div> 
       <div class="one columns offset-by-five end">
-        <i class="icon-remove-circle awesome-action"></i>
+        <i class="icon-remove-sign awesome-action"></i>
       </div>
     </div>
     <div class="row">