Use standard CSS for rounded corners

Remove Nifty Corners and prefixed CSS rules.
Browser support of CSS3 border-radius is excellent by now.

app/assets/javascripts/application.js

@@ -27,7 +27,6 @@
 //= require jquery.jeditable.mini
 //= require jquery.simulate.drag-sortable
 //= require jquery.truncator
-//= require niftycube
 //= require superfish
 //= require supersubs
 //= require swf_fu

app/assets/javascripts/tracks.js.erb

@@ -1144,8 +1144,6 @@ $(document).ready(function() {
         });
     }
 
-    TracksPages.setup_nifty_corners();
-
     TodoItemsContainer.setup_container_toggles();
 
     /* enable page specific behavior */
@@ -1158,4 +1156,3 @@ $(document).ready(function() {
     /* Gets called from all AJAX callbacks, too */
     enable_rich_interaction();
 });
-

app/assets/javascripts/tracks_pages.js

@@ -24,15 +24,6 @@ var TracksPages = {
       $(selector).remove();
     });
   },
-  setup_nifty_corners: function() {
-    Nifty("div#recurring_new_container","normal");
-    Nifty("div#context_new_container","normal");
-    Nifty("div#feedlegend","normal");
-    Nifty("div#feedicons-project","normal");
-    Nifty("div#feedicons-context","normal");
-    Nifty("div#todo_new_action_container","normal");
-    Nifty("div#project_new_project_container","normal");
-  },
   page_notify: function(type, message, fade_duration_in_sec) {
     var flash = $('div#message_holder');
     flash.html("<h4 id=\'flash\' class=\'alert "+type+"\'>"+message+"</h4>");

app/assets/stylesheets/tracks.css.scss

@@ -315,8 +315,6 @@ a.show_successors:hover, a.link_to_successors:hover {background-image: image-url
     margin: 0px 0px 15px 0px;
     background: #fff;
     border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
 }
 
 .completed {
@@ -332,6 +330,7 @@ a.show_successors:hover, a.link_to_successors:hover {background-image: image-url
     margin-bottom: 0px;
     color: #666;
     position:static;
+    border-radius: 4px 4px 0 0;
 }
 
 .container_toggle img {
@@ -761,10 +760,7 @@ The colour of the background gets progressively yellower with age */
     font-size: 12pt;
     margin: 10px 10px 0px 0px;
     height:26px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
     border-radius: 2px;
-
 }
 
 ul {
@@ -917,6 +913,7 @@ form {
     padding: 5px 10px;
     background-color: #000;
     color: #eee;
+    border-radius: 5px;
 }
 
 #recurring_new_container img {
@@ -1016,6 +1013,7 @@ input, select, textarea {
     margin: 0px 0px 0px 60px;
     padding: 0px 0px 0px 5px;
     width: 70%;
+    border-radius: 5px;
 }
 
 .feed {
@@ -1150,6 +1148,7 @@ ul#prefs {list-style-type: disc; margin-left: 15px;}
     color: #666;
     padding: 5px 20px;
     text-align: left;
+    border-radius: 5px;
 
     h3, dl, dt, dd {
         display: inline;