Merge branch 'codepb-master'

src/forms/css/forms.css

@@ -25,6 +25,12 @@
   outline: thin dotted \9; /* IE6-9 */
   border-color: #129FEA;
 }
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+  outline: thin dotted #333;
+  outline: 1px auto #129FEA;    
+}
 .pure-form .pure-checkbox,
 .pure-form .pure-radio {
   margin: 0.5em 0;
@@ -52,6 +58,11 @@
 .pure-form select:focus:invalid:focus {
   border-color: #e9322d;
 }
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+  outline-color: #e9322d;
+}
 .pure-form select {
   border: 1px solid #ccc;
   background-color: white;

src/menus/css/menus-core.css

@@ -49,6 +49,7 @@
     zoom: 1;
     *display: inline;
     vertical-align: middle;
+    height: 2.4em;
 }
 
 .pure-menu li a { padding: 5px 20px; }
@@ -109,3 +110,17 @@
     padding-right:30px;
 }
 
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+

src/menus/tests/manual/menus.html

@@ -113,6 +113,7 @@
                 <li><a href="#">Messenger</a></li>
                 <li><a href="#">Sports</a></li>
                 <li><a href="#">Finance</a></li>
+                <li class="pure-menu-separator"></li>
                 <li>
                     <a href="#">Other</a>
                     <ul>