67b2c89df5726ccdcba70bd6fa45879be9a28341
[confetti] / 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: