1 * { position: static; }
3 .trailbtn { display: none; }
4 .trailbtn + .trailbox { display: none; }
5 .trailbtn:checked + .trailbox { display: inline-block; }
6 .trailbtn:checked + .trailbox + .trailbtn { display: block; }
7 .trailbtn:checked + .trailbox + .trailbtn:before {
8 display: block; content: '+';
9 width: 3ex; text-align: center;
10 margin-top: .25em; padding: .25em 0;
11 background-color: #FFF;
12 border-width: 1px; border-style: solid;
14 .trailbtn:checked + .trailbox + .trailbtn:checked,
15 .trailbtn:checked { display: none; }
17 .trailbtn:checked + fieldset.trailbox { display: block;}
19 .trailbtn:checked + .trailbox + .trailbtn {
21 height: 2.25em; padding: 0 3ex;
22 font-size: 1em; font-weight: normal;
23 color: #000; background-color: #FDD;
24 border: 1px solid #000;
27 .trailbtn:checked + .trailbox + .trailbtn[type=submit]:before {content: none;}
33 margin: 0; padding: 0;
37 form > button[type=submit] {
38 position: fixed; display: block;
40 height: 2.25em; padding: 0 3ex;
41 font-size: 1em; font-weight: bold;
42 color: #000; background-color: #FDD;
43 border-width: 1px; border-color: #000;
44 border-style: none solid solid solid;
45 border-radius: 0 0 4px 4px;
48 form > button[type=submit]:hover {
49 background-color: #FEE;
59 form#report button#backbutton {
62 top: 1.75em; left: 2%;
64 background: transparent;
66 border: none; box-shadow: none;
69 input.tab { display: none; }
70 input.tab + label.tab { display: block; }
71 input.tab + label.tab::before { content: '\25b8 \00a0'; float: left;}
72 input.tab:checked + label.tab::before { content: '\25be \00a0'; }
73 input.tab + label.tab + div.tab { display: none; }
74 input.tab:checked + label.tab + div.tab { display: block; }
76 input.color { display: none }
78 display: inline-block;
79 width: 1em; height: 1em;
80 border: 1px solid black;
82 input.color:checked + label{ border-width: 3px;}
83 input.color[value="#000"] + label,
84 input.color[value="#888"] + label { background-color: #888;}
85 input.color[value="#00A"] + label { background-color: #00F;}
86 input.color[value="#0A0"] + label { background-color: #0F0;}
87 input.color[value="#0AA"] + label { background-color: #0FF;}
88 input.color[value="#A00"] + label { background-color: #F00;}
89 input.color[value="#A0A"] + label { background-color: #F0F;}
90 input.color[value="#AA0"] + label { background-color: #FF0;}
91 input.color[value="#FFF"] + label { background-color: #FFF;}
93 h1, label.tab, div.tab, fieldset.tab,
94 div.patient, div.prescription, div.therapies {
101 text-decoration: none; color: #000;
105 display: inline-block;
106 text-decoration: none;
107 border: 1px solid black;
108 margin-top: .5em; padding: .25em .5em;
109 background-color: #DDF;
112 div.therapies > a.current {
113 background-color: #AAF;
117 background-color: #CFF;
119 div.prescription h3 {
123 div.prescription span {
124 display: inline-block;
126 margin-right: -.75ex;
129 div.prescription span label { font-weight: bold; margin-right: 1ex;}
130 div.prescription span.prescno,
131 div.prescription span.catalogue {
138 div.prescription ul {
143 div.prescription label.checkbox,
144 div.prescription label.radio {
146 padding-left: 1.25em;
151 div.prescription label.checkbox:before,
152 div.prescription label.radio:before {
153 display: inline-block;
155 background-color: #FFF;
156 height: 1.375em; width: 1.125em;
157 padding: .125em 0 0 .375em;
158 margin: 0 .5em .25em -1.25em;
159 border: 1px solid #000;
160 vertical-align: middle;
163 div.prescription label.radio:before { border-radius: .5em;}
164 div.prescription label.checkbox.checked:before,
165 div.prescription label.radio.checked:before { content: "\2713";}
167 div.prescription label[for=prescreviewed] {
170 text-decoration: underline;
171 background-color: #FCC;
173 div.prescription label[for=prescreviewed].checked {
175 text-decoration: none;
176 background-color: transparent;
179 div.prescription label.tab {width: 96%; border: none; border-bottom: 1px dotted;}
180 div.prescription div.tab { width: 96%; background-color: #DDD;}
182 input.stickynote { display:none; }
183 input.stickynote + .stickynote {
185 background-color: #FF8;
186 top: 4em; bottom: 4em;
187 left: -4.5em; width: 5em;
192 input.stickynote + .stickynote:nth-of-type(2n) {
193 background-color: #8FF;
197 input.stickynote + .stickynote > * { display: none; }
198 input.stickynote + .stickynote > textarea {
201 left; 0; right: 0; bottom: 0; top: 0;
202 width: 100%; height: 100%;
203 background-color: #FF8;
206 input.stickynote + .stickynote > label {
208 top: 0; bottom: 0; right: .5ex; left: 0;
214 input.stickynote + .stickynote:hover {
215 width: auto; left: 0em; right: 2em;
217 input.stickynote:checked + .stickynote {
218 width: auto; left: 1em; right: 1em;
220 input.stickynote:checked + .stickynote > * { display: block; }
221 input.stickynote:checked + .stickynote > button[type="submit"] {
224 right: .5ex; bottom: .5ex;
227 input.stickynote:checked + .stickynote > label {
232 input.stickynote:checked + .stickynote > label:before {
237 top: .5ex; right: .5ex;
238 padding: .125ex .75ex;
239 background-color: #000;
248 right: 0; width: 2em;
249 margin: .5em .5em .125em 2%;
253 fieldset.penwidth { bottom: 19em; }
254 fieldset.penwidth > input {display: none;}
255 fieldset.penwidth > input + label { display: none;}
256 fieldset.penwidth > input:checked + label {
258 width: 2em; height: 2em;
259 background-color: #000;
260 border: 1em solid #FFF;
263 fieldset.penwidth > input[value="4"] + label { border-width: .75em; }
264 fieldset.penwidth > input[value="12"] + label { border-width: .5em; }
265 fieldset.penwidth > input[value="36"] + label { border-width: .25em; }
267 fieldset.color { bottom: 0; }
268 fieldset.color > input.color + label {
269 width: 2em; height: 2em;
273 margin: .5em 1em .125em 2%; padding: 0;
275 border: 1px solid black;
279 left: 0; bottom: .25em;
283 @media(min-width: 800px){
284 h1, label.tab, div.tab, fieldset.tab,
285 div.patient, div.prescription, div.therapies {
289 input.stickynote + .stickynote:hover { right: calc(50% + 1em); }
290 input.stickynote:checked + .stickynote { right: 50%; }
292 fieldset.color { position: fixed; }
297 right: 2em; bottom: .25em;
301 right: 2em; left: auto;
307 div.patient, div.prescription, div.therapies { margin-top: .5em; }
308 div.prescription, div.therapies {
309 border: 1px solid black;
310 padding: .125em 1.25ex .5em 1.25ex;
312 div > h2 { margin: 0; border-bottom: 1px solid black; }
314 div:nth-child(n+2) > a:first-of-type {
316 margin: .125em 0 .5em 0;
317 text-decoration: none;
321 #report fieldset.tab,
325 padding: .125em 1ex .25em 1ex;
327 background-color: #333;
332 #report label.heading {
333 background-color: #FFF;
335 border: 2px solid black;
336 border-bottom-width: 1px;
339 #report label.heading > span {
340 text-decoration: underline;
343 #report fieldset.tab > *,
344 #report label > input,
345 #report label > span {
346 display: inline-block;
350 width: 10%; float: left;
351 border: solid 1px #FFF;
352 background-color: #555;
357 #report label.heading > span.no {
358 background-color: inherit;
361 #report .tab > .date { width: 30%; }
362 #report .tab > .therapist { width: 30%; }
363 #report .tab > .signature { width: 20%; }
364 #report label.tab > .signature { font-size: .75em; }
366 #report .signature > input[type=checkbox] {
371 #report .signature > input[type=checkbox]:before {
372 display: block; width: 1.25em;
373 margin: -.125em 0 0 -.5ex;
374 background-color: #FFF;
376 content: "\00a0 \00a0 \00a0";
378 #report .signature > input[type=checkbox]:checked::before {
382 #report input.tab + label.tab > input.date,
383 #report input.tab + label.tab > input.therapist {
386 #report input.tab:checked + label.tab > input.date,
387 #report input.tab:checked + label.tab > input.therapist {
390 #report input.tab:checked + label.tab > span.date,
391 #report input.tab:checked + label.tab > span.therapist {
396 border: 2px solid #333;
397 border-top-width: 1px;
399 padding: .25em .5ex 1em .5ex;
401 #report div.tab > fieldset.note {
403 margin: 0; padding: 0;
405 #report div.tab > fieldset.note > textarea {
407 width: 93%; height: 8em;
408 margin: -8em 0 .5em 2em;
409 font: normal 1em sans-serif;
411 div.tab > fieldset.note > input.color + label { margin: 0; display: block; }
412 div.tab > fieldset.note > input.color[value="#888"]:checked ~ textarea { background-color: #AAA; }
413 div.tab > fieldset.note > input.color[value="#00A"]:checked ~ textarea { background-color: #88F; }
414 div.tab > fieldset.note > input.color[value="#0A0"]:checked ~ textarea { background-color: #8F8; }
415 div.tab > fieldset.note > input.color[value="#0AA"]:checked ~ textarea { background-color: #8FF; }
416 div.tab > fieldset.note > input.color[value="#A00"]:checked ~ textarea { background-color: #F88; }
417 div.tab > fieldset.note > input.color[value="#A0A"]:checked ~ textarea { background-color: #F8F; }
418 div.tab > fieldset.note > input.color[value="#AA0"]:checked ~ textarea { background-color: #FF8; }
419 div.tab > fieldset.note > input.color[value="#FFF"]:checked ~ textarea { background-color: #FFF; }
421 div.tab > button.delete {float: right; display: inline-block; margin-top: -1em; display: none;}