support for prescriptions

[confetti] / templates / prescriptions.css.sh

diff --git a/templates/prescriptions.css.sh b/templates/prescriptions.css.sh
index 80e61ea889a2bf8de6e459009cbb5b8081f3bd1c..67b2c89df5726ccdcba70bd6fa45879be9a28341 100755 (executable)
--- a/templates/prescriptions.css.sh
+++ b/templates/prescriptions.css.sh
@@ -20,75 +20,189 @@
 
 cat <<EOF
 /**/
-form.prescription {
+
+.prescription {
   display: inline-block;
   position: relative;
-  width: 30%; height: 30em;
-  min-width: 480px;
-  border: 1px solid #000;
-  background-color: #DEF;
+  width: 480px; height: 41em;
   color: #800;
-  margin: 1em 1ex;
-  padding: 0;
+  background-color: #CFF;
+  margin: 1em; padding: 0;
+  border: 1px solid #888;
+  overflow: hidden;
+}
+
+.newprescription {
+  display: block;
+  margin: 0 2em; padding: .5ex 2ex;
+  background-color: #CFF;
+  border: 1px solid #888;
+  border-radius: 0 0 1ex 1ex;
 }
+.prescription + .newprescription {display: none;}
 
-form.prescription * {
+.prescription * {
   position: absolute;
   display: inline-block;
-  left: -50em;
+  bottom: 0; right: 0;
   font-size: 1em;
   line-height: 1em;
   margin: 0; padding: 0;
 }
-form.prescription label {padding-left: .5ex;}
+.prescription label {padding-left: .5ex; font-size: .75em;}
+
+.prescription span,
+.prescription input,
+.prescription textarea {
+  height: 1.5em;
+  border: 1px solid #800;
+  padding: .25ex;
+  background-color: #FFF;
+}
+.prescription span{
+  background-color: #EEE;
+  padding: .5ex .25ex;
+  white-space: pre-wrap;
+}
 
-form.prescription input,
-form.prescription textarea {
-  height: 1em;
+input[type=checkbox],
+input[type=radio] { display: none;}
+label.checkbox, label.radio,
+input[type=checkbox] + label,
+input[type=radio] + label { padding-left: 1em; font-size: 1em; }
+label.checkbox:before, label.radio:before,
+input[type=checkbox] + label:before,
+input[type=radio] + label:before {
+  display: inline-block;
+  position: absolute; left: 0;
+  width: .75em; height: .75em;
+  background-color: #FFF;
   border: 1px solid #800;
+  content: ' ';
+}
+label.radio:before,
+input[type=radio] + label:before { border-radius: .5em;}
+label.checkbox.checked:before, label.radio.checked:before,
+input[type=checkbox]:checked + label:before,
+input[type=radio]:checked + label:before { content: "\2713";}
+
+a.button,
+.prescription input[type=submit],
+.prescription button {
+  height: 1.5em;
+  color: #FFF;
+  background-color: #800;
+  text-align: center;
+  text-decoration: none;
+  margin: 0; padding: .125em 0 0 0;
+  border: none;
+}
+a.button {padding: .5ex;}
+
+/* ======== Specific ========== */
+.prescription h1:nth-of-type(1) {
+  font-size: 1.25em;
+  font-weight: bold;
+  left: 62%; top: .5em;
+  width: 36%;
 }
 
 label[for=insurance], #insurance {
   width: 58%;
   left: 2%;
-  top: .5em;
+  top: 1em;
 }
 #insurance {top: 1.5em;}
 
 label[for=name], #name {
   width: 38%;
   left: 2%;
-  top: 3.25em;
+  top: 4.5em;
 }
-#name {top: 4.25em; height: 4em;}
+#name {top: 4.125em; height: 4em;}
 
 label[for=bday], #bday {
   width: 20%;
   left: 40%;
-  top: 3.25em;
+  top: 4.5em;
 }
-#bday {top: 4.25em; height: 4em;}
+#bday {top: 4.125em; height: 4em; text-align: center;}
 
 label[for=date], #date {
   width: 20%;
   left: 40%;
-  top: 8.5em;
+  top: 11.375em;
 }
-#date {top: 9.5em;}
+#date {top: 9.25em; text-align: right;}
 
 label[for=addcontrib], #addcontrib {
   width: 18%;
   left: 62%;
   top: 6.25em;
 }
-#addcontrib {top: 7.25em;}
+#addcontrib {top: 5.5em; text-align: right;}
+label[for=contribconfirm] { top: 7.25em; left: 62%;}
 
-form.prescription h2 {
-  font-weight: normal;
+.prescription h2:nth-of-type(1) {
+  font-weight: bold;
+  left: 2%; top: 12em;
   width: 50%;
+}
+
+label[for=prescfirst]    { left:  2%; top: 14.5em; width: 30%; }
+label[for=prescfollow1]  { left:  2%; top: 16em;   width: 30%; }
+label[for=prescfollow2]  { left:  2%; top: 17.5em; width: 30%; }
+label[for=presccontinual]{ left: 33%; top: 14.5em; width: 30%; }
+label[for=prescother  ]  { left: 33%; top: 16em;   width: 30%; }
+
+label[for=grouptherapy] { left:  2%; top: 20em; width: 30%; }
+label[for=housecall]    { left: 33%; top: 20em; width: 30%; }
+label[for=report]       { left:  2%; top: 21.5em; width: 30%; }
+
+
+label[for=quantity], #quantity, #quantity1 {
+  width: 18%;
   left: 2%;
-  top: 11em;
+  top: 32em;
+}
+#quantity {top: 25.5em; height: 3em; text-align: center;}
+#quantity1 {top: 28.5em; height: 3em; text-align: center;}
+label[for=remidy], #remidy, #remidy1 {
+  width: 60%;
+  left: 20%;
+  top: 33em;
+}
+#remidy {top: 25.5em; height: 3em;}
+#remidy1 {top: 28.5em; height: 3em;}
+label[for=quantity_weekly], #quantity_weekly, #quantity_weekly1 {
+  width: 18%;
+  left: 80%;
+  top: 32em;
 }
+#quantity_weekly {top: 25.5em; height: 3em; text-align: center;}
+#quantity_weekly1 {top: 28.5em; height: 3em; text-align: center;}
+
+label[for=quantity1], label[for=remidy1], label[for=quantity_weekly1] {display: none}
+
+label[for=indicator], #indicator {
+  width: 20%;
+  left: 2%;
+  top: 42.5em;
+}
+#indicator {top: 33.375em; text-align: right;}
+label[for=icd10], #icd10 {
+  width: 20%;
+  left: 2%;
+  top: 47em;
+}
+#icd10 {top: 36em; text-align: right;}
+
+label[for=prescreviewed] { left:  62%; top: 36em; width: 36%; }
+
+a.button,
+button[value=save]   { top: 39em; left:  2%; width: 18%;}
+button[value=cancel] { top: 39em; left: 21%; width: 18%;}
+button[value=delete] { top: 39em; left: 42%; width: 18%;}
 
 EOF