Released version 0.6.1

docs/timeline.html

@@ -216,13 +216,13 @@ var items = [
     <td>no</td>
     <td>This field is optional. A className can be used to give items
       an individual css style. For example, when an item has className
-      'red', one can define a css style
-      <code>
-        .red {
-        background-color: red;
-        border-color: dark-red;
-        }
-      </code>.
+      'red', one can define a css style like:
+      <pre class="prettyprint lang-css">
+.vis.timeline .red {
+  color: white;
+  background-color: red;
+  border-color: darkred;
+}</pre>
       More details on how to style items can be found in the section
       <a href="#Styles">Styles</a>.
     </td>
@@ -310,7 +310,10 @@ var groups = [
 <pre class="prettyprint lang-js">
 var options = {
   width: '100%',
-  height: '30px'
+  height: '30px',
+  margin: {
+    item: 20
+  }
 };
 </pre>
 
@@ -476,7 +479,13 @@ var options = {
   <td>Number</td>
   <td>5</td>
   <td>The padding of items, needed to correctly calculate the size
-    of item ranges. Must correspond with the css of item ranges.</td>
+    of item ranges. Must correspond with the css of items, for example when setting <code>options.padding=10</code>, corresponding css is:
+  <pre class="prettyprint lang-css">
+.vis.timeline .item {
+  padding: 10px;
+}
+  </pre>
+  </td>
 </tr>
 
 <tr>