forms.css in purecss-0.2.1

- old
+ new

@@ -1,7 +1,7 @@
 /*!
-Pure v0.2.1-pre
+Pure v0.2.2-pre
 Copyright 2013 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 https://github.com/yui/pure/blob/master/LICENSE.md
 */
 /*!
@@ -236,19 +236,27 @@
 .pure-form input[type="number"][disabled],
 .pure-form input[type="search"][disabled],
 .pure-form input[type="tel"][disabled],
 .pure-form input[type="color"][disabled],
 .pure-form select[disabled],
-.pure-form textarea[disabled],
-.pure-form input[readonly],
-.pure-form select[readonly],
-.pure-form textarea[readonly] {
+.pure-form textarea[disabled] {
     cursor: not-allowed;
     background-color: #eaeded;
     color: #cad2d3;
-    border-color: transparent;
 }
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly],
+.pure-form input[readonly]:focus,
+.pure-form select[readonly]:focus,
+.pure-form textarea[readonly]:focus {
+    background: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+
 .pure-form input:focus:invalid,
 .pure-form textarea:focus:invalid,
 .pure-form select:focus:invalid {
     color: #b94a48;
     border: 1px solid #ee5f5b;
@@ -270,11 +278,10 @@
 .pure-form select[multiple] {
     height: auto;
 }
 .pure-form label {
     margin: 0.5em 0 0.2em;
-    color: #999;
     font-size: 90%;
 }
 .pure-form fieldset {
     margin: 0;
     padding: 0.35em 0 0.75em;
@@ -303,12 +310,14 @@
 .pure-form-stacked input[type="number"],
 .pure-form-stacked input[type="search"],
 .pure-form-stacked input[type="tel"],
 .pure-form-stacked input[type="color"],
 .pure-form-stacked select,
-.pure-form-stacked label {
+.pure-form-stacked label,
+.pure-form-stacked textarea {
     display: block;
+    margin: 0.25em 0;
 }
 
 .pure-form-aligned input,
 .pure-form-aligned textarea,
 .pure-form-aligned select,
@@ -335,13 +344,14 @@
 .pure-form-aligned .pure-controls {
     margin: 1.5em 0 0 10em;
 }
 
 /* Rounded Inputs */
+.pure-form input.pure-input-rounded,
 .pure-form .pure-input-rounded {
-    border-radius: 20px;
-    padding-left: 1em;
+    border-radius: 2em;
+    padding: 0.5em 1em;
 }
 
 /* Grouped Inputs */
 .pure-form .pure-group fieldset {
     margin-bottom: 10px;
@@ -426,22 +436,22 @@
         margin-bottom: 0.3em;
         display: block;
     }
 
     .pure-group input[type="text"],
-    .pure-form input[type="password"],
-    .pure-form input[type="email"],
-    .pure-form input[type="url"],
-    .pure-form input[type="date"],
-    .pure-form input[type="month"],
-    .pure-form input[type="time"],
-    .pure-form input[type="datetime"],
-    .pure-form input[type="datetime-local"],
-    .pure-form input[type="week"],
-    .pure-form input[type="number"],
-    .pure-form input[type="search"],
-    .pure-form input[type="tel"],
-    .pure-form input[type="color"] {
+    .pure-group input[type="password"],
+    .pure-group input[type="email"],
+    .pure-group input[type="url"],
+    .pure-group input[type="date"],
+    .pure-group input[type="month"],
+    .pure-group input[type="time"],
+    .pure-group input[type="datetime"],
+    .pure-group input[type="datetime-local"],
+    .pure-group input[type="week"],
+    .pure-group input[type="number"],
+    .pure-group input[type="search"],
+    .pure-group input[type="tel"],
+    .pure-group input[type="color"] {
         margin-bottom: 0;
     }
 
     .pure-form-aligned .pure-control-group label {
         margin-bottom: 0.3em;