updates formatting of form validation docs, modifies definition table to not use outer border

Former-commit-id: a2d5688e9e06f0688550d77fb36e75b3756912e5
Former-commit-id: 4e44bf54100149de420d80f43da5bfa6c281136a

build/less/collections/table.less

@@ -459,12 +459,6 @@
    Definition
 ---------------*/
 
-.ui.definition.table {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.ui.definition.table tr {
-  border-top: 1px solid rgba(0, 0, 0 ,0.1);
-}
 .ui.definition.table td:first-child {
   font-weight: bold;
 }

build/uncompressed/collections/table.css

@@ -409,12 +409,6 @@
 /*--------------
    Definition
 ---------------*/
-.ui.definition.table {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.ui.definition.table tr {
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
 .ui.definition.table td:first-child {
   font-weight: bold;
 }

node/src/documents/modules/form.html.eco

@@ -253,7 +253,7 @@ type        : 'UI Behavior'
       <tr>
         <td>on</td>
         <td>submit</td>
-        <td>Event used to trigger validation. Can be either submit, blur or change.</td>
+        <td>Event used to trigger validation. Can be either <b>submit</b>, <b>blur</b> or <b>change</b>.</td>
       </tr>
       <tr>
         <td>inline</td>
@@ -265,7 +265,7 @@ type        : 'UI Behavior'
         <td>
           scale
         </td>
-        <td>Named transition to use when animating menu in and out. Fade and slide down are available without including <a href="/modules/transition.html">ui transitions</a></td>
+        <td>Named transition to use when animating validation errors. Fade and slide down are available without including <a href="/modules/transition.html">ui transitions</a></td>
       </tr>
       <tr>
         <td>duration</td>
@@ -275,11 +275,13 @@ type        : 'UI Behavior'
     </tbody>
   </table>
 
+  <div class="ui horizontal divider"><i class="icon setting"></i></div>
+
   <h3 class="ui header">
     Validation Rules
     <div class="sub header">Validation rules are a set of conditions required to validate a field</div>
   </h3>
-  <div class="ui info message">Validation rules are found in <code>settings.rules</code></div>
+  <div class="ui info message">Validation rules are found in <code>settings.rules</code>, to add new global validation rules, modify <code>$.fn.form.settings.rules</code> to include your function.</div>
   <table class="ui teal celled definition table segment">
     <thead>
       <th class="four wide">Name</th>
@@ -335,13 +337,14 @@ type        : 'UI Behavior'
     </tbody>
   </table>
 
+  <div class="ui horizontal divider"><i class="icon setting"></i></div>
 
   <h3 class="ui header">
     Callbacks
     <div class="sub header">Callback settings specify a function to occur after a specific behavior.</div>
   </h3>
 
-  <table class="ui celled definition table segment">
+  <table class="ui celled green definition table segment">
     <thead>
       <th class="four wide">Setting</th>
       <th>Context</th>
@@ -371,14 +374,14 @@ type        : 'UI Behavior'
     </tbody>
   </table>
 
-  <div class="ui horizontal section divider"><i class="icon setting"></i></div>
+  <div class="ui horizontal divider"><i class="icon setting"></i></div>
 
   <h3 class="ui header">
     Templates
     <div class="sub header">Templates are used to construct elements</div>
   </h3>
-  <div class="ui info message">Templates are found in <code>settings.template</code></div>
+  <div class="ui info message">Templates are found in <code>settings.template</code>, to modify templates across all forms, modify <code>$.fn.form.settings.templates</code> to include your function. They must return html.</div>
-  <table class="ui  celled definition table segment">
+  <table class="ui celled blue definition table segment">
     <thead>
       <th class="four wide">Template</th>
       <th>Arguments</th>
@@ -398,13 +401,13 @@ type        : 'UI Behavior'
     </tbody>
   </table>
 
-
+  <div class="ui horizontal divider"><i class="icon setting"></i></div>
 
   <h3 class="ui header">
     DOM Settings
     <div class="sub header">DOM settings specify how this module should interface with the DOM</div>
   </h3>
-  <table class="ui celled definition table segment">
+  <table class="ui celled purple definition table segment">
     <thead>
       <th>Setting</th>
       <th class="six wide">Default</th>
@@ -463,6 +466,7 @@ type        : 'UI Behavior'
     </tbody>
   </table>
 
+  <div class="ui horizontal divider"><i class="icon setting"></i></div>
 
   <h3 class="ui header">
     Debug Settings

node/src/documents/modules/shape.html.eco

@@ -45,7 +45,6 @@ type        : 'UI Module'
 
   <h2 class="ui dividing header">Examples</h2>
 
-  <div class="ui clearing divider"></div>
 
   <h3 class="ui header">Interactive</h3>
   <div class="demo square ui shape">
@@ -78,6 +77,7 @@ type        : 'UI Module'
     <div class="ui button" data-animation="flip" data-direction="back">Back</div>
   </div>
 
+  <div class="ui clearing section divider"></div>
 
   <h3 class="ui header">Shape with Content</h3>
   <div class="dog ui shape">
@@ -227,11 +227,6 @@ type        : 'UI Module'
         <th colspan="3">Shape Settings</th>
       </thead>
     <tbody>
-      <tr>
-        <td>useCSS</td>
-        <td>True</td>
-        <td>Not currently supported. Will allow for use of javascript requestAnimationFrame transitions instead of css3 transitions.</td>
-      </tr>
       <tr>
         <td>duration</td>
         <td>1000ms</td>

node/src/documents/modules/sidebar.html.eco

@@ -65,8 +65,8 @@ type        : 'UI Module'
   <div class="ui ignored warning message">
     <div class="header">Fixed Position Snafoos</div>
     Fixed position content may have issues changing it's position when a sidebar appears. There are two solutions
-    <ul class="list">
+    <ul class="ui list">
-      <li>Specify your fixed content without using the css left property
+      <li>Specify your fixed content without using the css left or top properties.</li>
       <li>Apply styles on the fixed element to adjust its position when the sidebar appears. You can do this by descending from the body tag which receives the class <code>(direction) pushed</code> when the view is moved.</li>
     </ul>
   </div>
@@ -211,7 +211,7 @@ type        : 'UI Module'
     </div>
   </div>
 
-  <h2 class="ui header">Behavior</h2>
+  <h2 class="ui dividing header">Behavior</h2>
 
   All the following behaviors can be called using the syntax <code>$('.foo').sidebar('behavior name')</code>
 

node/src/files/build/less/collections/table.less

@@ -459,12 +459,6 @@
    Definition
 ---------------*/
 
-.ui.definition.table {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.ui.definition.table tr {
-  border-top: 1px solid rgba(0, 0, 0 ,0.1);
-}
 .ui.definition.table td:first-child {
   font-weight: bold;
 }

node/src/files/build/uncompressed/collections/table.css

@@ -409,12 +409,6 @@
 /*--------------
    Definition
 ---------------*/
-.ui.definition.table {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.ui.definition.table tr {
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
 .ui.definition.table td:first-child {
   font-weight: bold;
 }

src/collections/table.less

@@ -459,12 +459,6 @@
    Definition
 ---------------*/
 
-.ui.definition.table {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.ui.definition.table tr {
-  border-top: 1px solid rgba(0, 0, 0 ,0.1);
-}
 .ui.definition.table td:first-child {
   font-weight: bold;
 }