Add some style changes

Author: Rafael J. Staib

add-remove.html

@@ -37,12 +37,13 @@ <h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
                             $("#wizard").steps({
                                 headerTag: "h4",
                                 bodyTag: "section"
-                            });
-                            $("#wizard").steps("insert", 1, { 
+                            }).steps("add", { 
+                                title: "Fifth Step", 
+                                content: "New!" 
+                            }).steps("insert", 1, { 
                                 title: "Second Step", 
                                 content: "New!" 
-                            });
-                            $("#wizard").steps("remove", 2);
+                            }).steps("remove", 2);
                         });
                     </script>
 

stylesheets/jquery.steps.css

@@ -41,7 +41,6 @@
     position: relative;
     display: block;
     width: 600px;
-    height: 40px;
 }
 
 .wizard > .steps .number
@@ -65,8 +64,8 @@
 
 .wizard > .steps .disabled a
 {
-    color: #fff;
     background: #9ddcff;
+    color: #fff;
     cursor: default;
 }
 
@@ -80,11 +79,13 @@
 .wizard > .steps .done a
 {
     background: #9ddcff;
+    color: #2268b2;
 }
 
 .wizard > .steps .error a
 {
     background: #f00;
+    color: #474747;
 }
 
 .wizard > .content