X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fcore%2Fthemes%2Fseven%2Fcss%2Fcomponents%2Fform.css;h=68dedf1745fa278f8363d0228e9822a991faf7f4;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hp=f3acc2c0ba0f60d16801ae40ad9ecc276ff8f4d9;hpb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;p=yaffs-website

diff --git a/web/core/themes/seven/css/components/form.css b/web/core/themes/seven/css/components/form.css
index f3acc2c0b..68dedf174 100644
--- a/web/core/themes/seven/css/components/form.css
+++ b/web/core/themes/seven/css/components/form.css
@@ -19,7 +19,7 @@ fieldset:not(.fieldgroup) {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   fieldset:not(.fieldgroup) {
     display: table-cell;
   }
@@ -41,7 +41,7 @@ fieldset:not(.fieldgroup) > legend {
  * @todo remove once this Mozilla bug is fixed.
  * See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
  */
-@-moz-document url-prefix() {
+@media (min--moz-device-pixel-ratio: 0) {
   .fieldgroup {
     display: table-cell;
   }
@@ -49,6 +49,20 @@ fieldset:not(.fieldgroup) > legend {
 .form-item {
   margin: 0.75em 0;
 }
+/**
+ * When a table row has a single form item, prevent it from adding unnecessary
+ * extra spacing. If it has multiple form items, allow spacing between them,
+ * overriding Classy.
+ */
+tr.odd .form-item,
+tr.even .form-item {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+td > .form-item:only-child {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 .form-type-checkbox {
   padding: 0;
 }
@@ -71,7 +85,7 @@ label[for] {
   vertical-align: middle;
 }
 .form-disabled label {
-  color: #737373;
+  color: #686868;
 }
 .form-disabled input.form-text,
 .form-disabled input.form-tel,
@@ -84,7 +98,7 @@ label[for] {
 .form-disabled textarea.form-textarea,
 .form-disabled select.form-select {
   border-color: #d4d4d4;
-  background-color: hsla(0, 0%, 0%, .08);
+  background-color: hsla(0, 0%, 0%, 0.08);
   box-shadow: none;
 }
 .form-item input.error,
@@ -105,7 +119,7 @@ label[for] {
 .form-item select.error:focus {
   border-color: #e62600;
   outline: 0;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px 1px #e62600;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
   background-color: #fcf4f2;
 }
 .form-required:after {
@@ -127,7 +141,6 @@ label[for] {
   padding: 0.25em 0.666em 0;
 }
 
-
 /* Filter */
 ul.tips,
 div.description,
@@ -176,22 +189,20 @@ input.form-date,
 input.form-time,
 textarea.form-textarea {
   box-sizing: border-box;
-  padding: .3em .4em .3em .5em; /* LTR */
+  padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
   max-width: 100%;
   border: 1px solid #b8b8b8;
   border-top-color: #999;
-  background: #fff;
-  color: #333;
   border-radius: 2px;
   background: #fcfcfa;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
   font-size: 1em;
   color: #595959;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 [dir="rtl"] textarea.form-textarea {
-  padding: .3em .5em .3em .4em;
+  padding: 0.3em 0.5em 0.3em 0.4em;
 }
 .form-text:focus,
 .form-tel:focus,
@@ -206,7 +217,7 @@ textarea.form-textarea {
 .form-time:focus {
   border-color: #40b6ff;
   outline: 0;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px #40b6ff;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
   background-color: #fff;
 }
 
@@ -242,6 +253,7 @@ select {
     background:
       url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
       -webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
+
     text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
     font-size: 0.875rem;
     -webkit-transition: all 0.1s;
@@ -254,8 +266,9 @@ select {
   }
   select:focus,
   select:hover {
-    background-image: url(../../../../misc/icons/333333/caret-down.svg),
-    -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
+    background-image:
+      url(../../../../misc/icons/333333/caret-down.svg),
+      -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
     color: #1a1a1a;
   }
   select:hover {