fixes some broken examples on form

build/packaged/css/semantic.css

@@ -8788,6 +8788,108 @@ a.ui.teal.label:hover:before {
   border-radius: 0px 0px 5px 5px;
 }
 
+/*
+ * # Semantic - Input
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*******************************
+           Standard
+*******************************/
+/*--------------------
+        Select
+---------------------*/
+.ui.select {
+  display: inline-block;
+  position: relative;
+}
+.ui.select select {
+  width: 100%;
+  height: 3em;
+  margin: 0em;
+  padding: 0.7em 10px;
+  font-size: 0.9em;
+  line-height: 1.4em;
+  vertical-align: middle;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  color: rgba(0, 0, 0, 0.7);
+  -webkit-border-radius: 0.3125em;
+  -moz-border-radius: 0.3125em;
+  border-radius: 0.3125em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/*******************************
+            States
+*******************************/
+/*--------------------
+        Active
+---------------------*/
+.ui.select select:active,
+.ui.input.down input {
+  border-color: rgba(0, 0, 0, 0.3);
+  background-color: #FAFAFA;
+}
+/*--------------------
+        Focus
+---------------------*/
+.ui.select.focus select,
+.ui.select select:focus {
+  border-color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.85);
+}
+/*--------------------
+        Error
+---------------------*/
+.ui.select.error select {
+  background-color: #FFFAFA;
+  border-color: #E7BEBE;
+  color: #D95C5C;
+}
+/*******************************
+           Variations
+*******************************/
+/*--------------------
+        Fluid
+---------------------*/
+.ui.fluid.select {
+  display: block;
+}
+/*--------------------
+        Size
+---------------------*/
+.ui.mini.select {
+  font-size: 0.8125rem;
+}
+.ui.tiny.select {
+  font-size: 0.875rem;
+}
+.ui.small.select {
+  font-size: 0.875rem;
+}
+.ui.select {
+  font-size: 1rem;
+}
+.ui.large.select {
+  font-size: 1.125rem;
+}
+.ui.big.select {
+  font-size: 1.25rem;
+}
+.ui.huge.select {
+  font-size: 1.375rem;
+}
+.ui.massive.select {
+  font-size: 1.5rem;
+}
+
 /*
  * # Semantic - Steps
  * http://github.com/jlukic/semantic-ui/

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

@@ -88,13 +88,13 @@ type        : 'UI Collection'
     </div>
   </div>
 
-  <div class="example">
+  <div class="no example">
     <h4 class="ui header">Checkbox</h4>
     <p><a href="/modules/checkbox.html">UI Checkboxes</a> are styled forms of standard form checkboxes.</p>
     <div class="evaluated code" data-type="javascript" data-label="true">
-      $('.checkbox')
-        .checkbox()
-      ;
+    $('.ui.checkbox')
+      .checkbox()
+    ;
     </div>
     <div class="ui form">
       <div class="inline field">
@@ -121,13 +121,13 @@ type        : 'UI Collection'
     </div>
   </div>
 
-  <div class="form example">
+  <div class="no form example">
     <h4 class="ui header">Select</h4>
     <p>A selection dropdown, a type of <a href="/modules/dropdown.html">ui dropdown</a> can be used to allow for a selection from multiple choices</p>
     <div class="evaluated code" data-type="javascript" data-label="true">
-      $('.selection.dropdown')
-        .dropdown()
-      ;
+    $('.ui.selection.dropdown')
+      .dropdown()
+    ;
     </div>
     <div class="ui selection dropdown">
       <input type="hidden" name="gender">
@@ -140,13 +140,13 @@ type        : 'UI Collection'
     </div>
   </div>
 
-  <div class="example">
+  <div class="no example">
     <h4 class="ui header">Radio Box</h4>
     <p>Radio boxes are styled forms of standard form radio controls.</p>
     <div class="evaluated code" data-type="javascript" data-label="true">
-      $('.radio')
-        .checkbox()
-      ;
+    $('.ui.radio.checkbox')
+      .checkbox()
+    ;
     </div>
     <div class="ui form">
       <div class="grouped inline fields">

node/src/files/build/packaged/css/semantic.css

@@ -8788,6 +8788,108 @@ a.ui.teal.label:hover:before {
   border-radius: 0px 0px 5px 5px;
 }
 
+/*
+ * # Semantic - Input
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*******************************
+           Standard
+*******************************/
+/*--------------------
+        Select
+---------------------*/
+.ui.select {
+  display: inline-block;
+  position: relative;
+}
+.ui.select select {
+  width: 100%;
+  height: 3em;
+  margin: 0em;
+  padding: 0.7em 10px;
+  font-size: 0.9em;
+  line-height: 1.4em;
+  vertical-align: middle;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  color: rgba(0, 0, 0, 0.7);
+  -webkit-border-radius: 0.3125em;
+  -moz-border-radius: 0.3125em;
+  border-radius: 0.3125em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/*******************************
+            States
+*******************************/
+/*--------------------
+        Active
+---------------------*/
+.ui.select select:active,
+.ui.input.down input {
+  border-color: rgba(0, 0, 0, 0.3);
+  background-color: #FAFAFA;
+}
+/*--------------------
+        Focus
+---------------------*/
+.ui.select.focus select,
+.ui.select select:focus {
+  border-color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.85);
+}
+/*--------------------
+        Error
+---------------------*/
+.ui.select.error select {
+  background-color: #FFFAFA;
+  border-color: #E7BEBE;
+  color: #D95C5C;
+}
+/*******************************
+           Variations
+*******************************/
+/*--------------------
+        Fluid
+---------------------*/
+.ui.fluid.select {
+  display: block;
+}
+/*--------------------
+        Size
+---------------------*/
+.ui.mini.select {
+  font-size: 0.8125rem;
+}
+.ui.tiny.select {
+  font-size: 0.875rem;
+}
+.ui.small.select {
+  font-size: 0.875rem;
+}
+.ui.select {
+  font-size: 1rem;
+}
+.ui.large.select {
+  font-size: 1.125rem;
+}
+.ui.big.select {
+  font-size: 1.25rem;
+}
+.ui.huge.select {
+  font-size: 1.375rem;
+}
+.ui.massive.select {
+  font-size: 1.5rem;
+}
+
 /*
  * # Semantic - Steps
  * http://github.com/jlukic/semantic-ui/