added CSS for disabled/readonly/editable form fields

css/css.css

@@ -22,6 +22,18 @@ html body input.invalid ~ .ui-invalid-label {
   padding: 0px 1em;
   position: absolute;
 }
+/* ======================== disabled form fields ========================= */
+span.static {
+  padding: 0 .5em;
+}
+/* TODO: don't use important!!! */
+.ui-mask-input {
+  background: 0 none !important;
+}
+.ui-mask-input.ui-focus {
+  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+}
 /* ======================== generic things ========================= */
 .bold {
   font-weight: bold;
@@ -79,9 +91,6 @@ html body input.invalid ~ .ui-invalid-label {
   max-width: 50%;
   margin: 0 auto;
 }
-.inline a.ui-btn:after {
-  font-size: .9em;
-}
 @media (max-width: 40em) {
   .inline {
     max-width: 70%;