git.plutz.net Git - confetti/blob - templates/prescriptions.css.sh

   1 # /*
   2 # Copyright 2016 Paul Hänsch
   3 #
   4 # This file is part of Confetti.
   5 #
   6 # Confetti is free software: you can redistribute it and/or modify
   7 # it under the terms of the GNU Affero General Public License as published by
   8 # the Free Software Foundation, either version 3 of the License, or
   9 # (at your option) any later version.
  10 #
  11 # Confetti is distributed in the hope that it will be useful,
  12 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  13 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14 # GNU Affero General Public License for more details.
  15 #
  16 # You should have received a copy of the GNU Affero General Public License
  17 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>.
  18
  19 . ${0%/*}/attendees.css.sh
  20
  21 cat <<EOF
  22 /**/
  23
  24 .prescription {
  25   display: inline-block;
  26   position: relative;
  27   width: 480px; height: 41em;
  28   color: #800;
  29   background-color: #CFF;
  30   margin: 1em; padding: 0;
  31   border: 1px solid #888;
  32   overflow: hidden;
  33 }
  34
  35 .newprescription {
  36   display: block;
  37   margin: 0 2em; padding: .5ex 2ex;
  38   background-color: #CFF;
  39   border: 1px solid #888;
  40   border-radius: 0 0 1ex 1ex;
  41 }
  42 .prescription + .newprescription {display: none;}
  43
  44 .prescription * {
  45   position: absolute;
  46   display: inline-block;
  47   bottom: 0; right: 0;
  48   font-size: 1em;
  49   line-height: 1em;
  50   margin: 0; padding: 0;
  51 }
  52 .prescription label {padding-left: .5ex; font-size: .75em;}
  53
  54 .prescription span,
  55 .prescription input,
  56 .prescription textarea {
  57   height: 1.5em;
  58   border: 1px solid #800;
  59   padding: .25ex;
  60   background-color: #FFF;
  61 }
  62 .prescription span{
  63   background-color: #EEE;
  64   padding: .5ex .25ex;
  65   white-space: pre-wrap;
  66 }
  67
  68 input[type=checkbox],
  69 input[type=radio] { display: none;}
  70 label.checkbox, label.radio,
  71 input[type=checkbox] + label,
  72 input[type=radio] + label { padding-left: 1em; font-size: 1em; }
  73 label.checkbox:before, label.radio:before,
  74 input[type=checkbox] + label:before,
  75 input[type=radio] + label:before {
  76   display: inline-block;
  77   position: absolute; left: 0;
  78   width: .75em; height: .75em;
  79   background-color: #FFF;
  80   border: 1px solid #800;
  81   content: ' ';
  82 }
  83 label.radio:before,
  84 input[type=radio] + label:before { border-radius: .5em;}
  85 label.checkbox.checked:before, label.radio.checked:before,
  86 input[type=checkbox]:checked + label:before,
  87 input[type=radio]:checked + label:before { content: "\2713";}
  88
  89 a.button,
  90 .prescription input[type=submit],
  91 .prescription button {
  92   height: 1.5em;
  93   color: #FFF;
  94   background-color: #800;
  95   text-align: center;
  96   text-decoration: none;
  97   margin: 0; padding: .125em 0 0 0;
  98   border: none;
  99 }
 100 a.button {padding: .5ex;}
 101
 102 /* ======== Specific ========== */
 103 .prescription h1:nth-of-type(1) {
 104   font-size: 1.25em;
 105   font-weight: bold;
 106   left: 62%; top: .5em;
 107   width: 36%;
 108 }
 109
 110 label[for=insurance], #insurance {
 111   width: 58%;
 112   left: 2%;
 113   top: 1em;
 114 }
 115 #insurance {top: 1.5em;}
 116
 117 label[for=name], #name {
 118   width: 38%;
 119   left: 2%;
 120   top: 4.5em;
 121 }
 122 #name {top: 4.125em; height: 4em;}
 123
 124 label[for=bday], #bday {
 125   width: 20%;
 126   left: 40%;
 127   top: 4.5em;
 128 }
 129 #bday {top: 4.125em; height: 4em; text-align: center;}
 130
 131 label[for=date], #date {
 132   width: 20%;
 133   left: 40%;
 134   top: 11.375em;
 135 }
 136 #date {top: 9.25em; text-align: right;}
 137
 138 label[for=addcontrib], #addcontrib {
 139   width: 18%;
 140   left: 62%;
 141   top: 6.25em;
 142 }
 143 #addcontrib {top: 5.5em; text-align: right;}
 144 label[for=contribconfirm] { top: 7.25em; left: 62%;}
 145
 146 .prescription h2:nth-of-type(1) {
 147   font-weight: bold;
 148   left: 2%; top: 12em;
 149   width: 50%;
 150 }
 151
 152 label[for=prescfirst]    { left:  2%; top: 14.5em; width: 30%; }
 153 label[for=prescfollow1]  { left:  2%; top: 16em;   width: 30%; }
 154 label[for=prescfollow2]  { left:  2%; top: 17.5em; width: 30%; }
 155 label[for=presccontinual]{ left: 33%; top: 14.5em; width: 30%; }
 156 label[for=prescother  ]  { left: 33%; top: 16em;   width: 30%; }
 157
 158 label[for=grouptherapy] { left:  2%; top: 20em; width: 30%; }
 159 label[for=housecall]    { left: 33%; top: 20em; width: 30%; }
 160 label[for=report]       { left:  2%; top: 21.5em; width: 30%; }
 161
 162
 163 label[for=quantity], #quantity, #quantity1 {
 164   width: 18%;
 165   left: 2%;
 166   top: 32em;
 167 }
 168 #quantity {top: 25.5em; height: 3em; text-align: center;}
 169 #quantity1 {top: 28.5em; height: 3em; text-align: center;}
 170 label[for=remidy], #remidy, #remidy1 {
 171   width: 60%;
 172   left: 20%;
 173   top: 33em;
 174 }
 175 #remidy {top: 25.5em; height: 3em;}
 176 #remidy1 {top: 28.5em; height: 3em;}
 177 label[for=quantity_weekly], #quantity_weekly, #quantity_weekly1 {
 178   width: 18%;
 179   left: 80%;
 180   top: 32em;
 181 }
 182 #quantity_weekly {top: 25.5em; height: 3em; text-align: center;}
 183 #quantity_weekly1 {top: 28.5em; height: 3em; text-align: center;}
 184
 185 label[for=quantity1], label[for=remidy1], label[for=quantity_weekly1] {display: none}
 186
 187 label[for=indicator], #indicator {
 188   width: 20%;
 189   left: 2%;
 190   top: 42.5em;
 191 }
 192 #indicator {top: 33.375em; text-align: right;}
 193 label[for=icd10], #icd10 {
 194   width: 20%;
 195   left: 2%;
 196   top: 47em;
 197 }
 198 #icd10 {top: 36em; text-align: right;}
 199
 200 label[for=prescreviewed] { left:  62%; top: 36em; width: 36%; }
 201
 202 a.button,
 203 button[value=save]   { top: 39em; left:  2%; width: 18%;}
 204 button[value=cancel] { top: 39em; left: 21%; width: 18%;}
 205 button[value=delete] { top: 39em; left: 42%; width: 18%;}
 206
 207 EOF
 208
 209 # vi:set filetype=css: