Modify some ui descriptions, fix container max-height and spacing

server/documents/collections/breadcrumb.html.eco

@@ -6,7 +6,7 @@ element     : 'breadcrumb'
 elementType : 'collection'
 
 title       : 'Breadcrumb'
-description : 'A breadcrumb is used to display the relation of the current section to other sections of the site.'
+description : 'A breadcrumb is used to display the relation of the current content to other content.'
 type        : 'UI Collection'
 themes      : ['Default']
 ---

server/documents/collections/table.html.eco

@@ -3,7 +3,7 @@ layout      : 'default'
 css         : 'table'
 
 title       : 'Table'
-description : 'Tables display collections of data grouped into rows'
+description : 'Tables display collections of related data grouped into rows'
 type        : 'UI Collection'
 
 element     : 'table'

server/documents/elements/icon.html.eco

@@ -2,7 +2,7 @@
 layout      : 'default'
 css         : 'icon'
 title       : 'Icon'
-description : 'An icon is a glyph used to represent another concept more simply'
+description : 'An icon is a glyph used to represent a concept'
 type        : 'UI Element'
 
 element     : 'icon'

server/documents/elements/input.html.eco

@@ -2,7 +2,7 @@
 layout      : 'default'
 css         : 'input'
 title       : 'Input'
-description : 'Inputs allow a user to enter information'
+description : 'An input allows a site to elicit user input'
 type        : 'UI Element'
 
 element     : 'input'
@@ -11,6 +11,7 @@ themes      : ['default']
 ---
 
 <%- @partial('header') %>
+<link rel="stylesheet/less" type="text/css" href="/build/less/definitions/elements/input.less" />
 
 <div class="main container">
 

server/documents/elements/progress.html.eco

@@ -2,7 +2,7 @@
 layout      : 'default'
 css         : 'progress'
 title       : 'Progress'
-description : 'Progress bars show the percent of a task complete'
+description : 'A progress bar shows the progression of a task'
 type        : 'UI Element'
 ---
 

server/documents/elements/step.html.eco

@@ -5,7 +5,7 @@ element     : 'step'
 elementType : 'element'
 
 title       : 'Step'
-description : 'Steps show the current activity in a series of consecutive activities.'
+description : 'Steps show the completion of activities that occur in a series'
 type        : 'UI Element'
 
 themes      : ['default', 'Basic', 'GitHub']

server/documents/modules/dropdown.html.eco

@@ -3,7 +3,7 @@ layout      : 'default'
 css         : 'dropdown'
 
 title       : 'Dropdown'
-description : 'A dropdown allows a user to select a value from a series of options.'
+description : 'A dropdown allows a user to select a value from a series of options'
 type        : 'UI Module'
 
 element     : 'dropdown'

server/documents/modules/form.html.eco

@@ -247,7 +247,7 @@ type        : 'UI Behavior'
     <div class="example">
       <h3 class="ui header">Displaying Error Messages</h3>
       <p>Forms that contain a <a href="/elements/message.html">ui message</a> error block will automatically be filled in with form validation information.</p>
-      <div class="info message">The template for error messages can be modified by adjusting settings.template.error</div>
+      <div class="ui ignored info message">The template for error messages can be modified by adjusting settings.template.error</div>
 
       <div class="ui form segment">
         <p>Let's go ahead and get you signed up.</p>
@@ -283,7 +283,7 @@ type        : 'UI Behavior'
     <div class="inline example">
       <h3 class="ui header">Validating on Blur and other Events</h3>
       <p>Validation messages can also appear inline. UI Forms automatically format <a href="/elements/label.html">labels</a> with the class name <code>prompt</code>. These validation prompts are also set to appear on input change instead of form submission.</p>
-      <p>This example also uses a different validation event. Each element will be validated on input blur instead of the default form submit.</p>
+      <div class="ui ignored warning message">This example also uses a different validation event. Each element will be validated on input blur instead of the default form submit.</div>
       <div class="code" data-type="javascript">
         $('.ui.dropdown')
           .form(validationRules, {
@@ -494,7 +494,7 @@ type        : 'UI Behavior'
       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>, to modify templates across all forms, modify <code>$.fn.form.settings.templates</code> to include your function. They must return html.</div>
+    <div class="ui ignored 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">
       <thead>
         <th class="four wide">Template</th>

server/documents/modules/modal.html.eco

@@ -5,7 +5,7 @@ element     : 'modal'
 elementType : 'module'
 
 title       : 'Modal'
-description : 'A modal displays content that temporarily blocks interactions with a web site'
+description : 'A modal displays content that temporarily blocks interactions with other content'
 type        : 'UI Module'
 
 themes      : ['default', 'fixed-width']

server/documents/modules/reveal.html.eco

@@ -3,7 +3,7 @@ layout      : 'default'
 css         : 'reveal'
 
 title       : 'Reveal'
-description : 'A reveal is an element that shows different content below it when hovered'
+description : 'A reveal hides additional content until a user engages content'
 type        : 'UI Element'
 ---
 

server/documents/views/list.html.eco

@@ -5,7 +5,7 @@ element     : 'list'
 elementType : 'view'
 
 title       : 'List'
-description : 'A list is used to group short descriptions of content'
+description : 'A list is used to group descriptions of related content'
 type        : 'UI View'
 
 themes      : ['Default']
@@ -26,7 +26,7 @@ themes      : ['Default']
   <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">List</h4>
-    <p>A standard list</p>
+    <p>A simple list</p>
     <div class="ui list">
       <div class="item">Apples</div>
       <div class="item">Pears</div>

server/files/stylesheets/semantic.css

@@ -94,7 +94,7 @@ h1 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 h4 + p {
-  margin: 0px 0px 20px;
+  margin: 0px 0px 1em;
 }
 pre {
   background-color: #F0F0F0;
@@ -574,7 +574,7 @@ body.guide .main.container > * {
 #example .peek {
   position: absolute;
   top: 0px;
-  left: -280px;
+  left: -230px;
   width: 180px;
 /*
   -webkit-transition: padding 0.3s ease;
@@ -724,7 +724,7 @@ body.guide .main.container > * {
 }
 
 #example .another.example {
-  margin-top: 0em;
+  margin-top: -1em;
   padding-top: 2em;
   border-top: none;
 }
@@ -1069,9 +1069,8 @@ body.guide .main.container > * {
   clear: both;
 }
 #example .example {
-  margin: 1em 0em;
+  margin: 1em 0em 1.5em;
   padding: 1em 0em;
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
 /*  clear: both;*/
   position: relative;
 }
@@ -1301,11 +1300,12 @@ body.progress .ui.progress .bar {
 
 
 
-@media only screen and (max-width : 1725px) {
+@media only screen and (max-width : 1325px) {
   #example .container {
     width: auto;
     margin-right: 100px;
     margin-left: 325px;
+    max-width: 700px;
   }
   #example.index .container {
     margin-left: 8em;
@@ -1470,12 +1470,12 @@ body.progress .ui.progress .bar {
 
 
 
-@media only screen and (min-width : 1725px) {
+@media only screen and (min-width : 1325px) {
   #example .container {
-    width: 1000px;
+    width: 850px;
   }
   #example .sticky-wrapper.stuck .peek {
-    margin-left: -780px;
+    margin-left: -655px;
   }
   #example.left.pushed .main.menu {
     margin-left: -132px;