1 .trailbtn:checked + fieldset.trailbox { display: block;}
3 * { box-sizing: border-box; }
12 form > button[type=submit] {
13 position: fixed; display: block;
15 height: 2.25em; padding: 0 3ex;
16 font-size: 1em; font-weight: bold;
17 color: #000; background-color: #FDD;
18 border-width: 1px; border-color: #000;
19 border-style: none solid solid solid;
20 border-radius: 0 0 4px 4px;
23 form > button[type=submit]:hover {
24 background-color: #FEE;
27 input.tab { display: none; }
28 input.tab + label.tab { display: block; }
29 input.tab + label.tab::before { content: '\25b8 \00a0'; float: left;}
30 input.tab:checked + label.tab::before { content: '\25be \00a0'; }
31 input.tab + label.tab + div.tab { display: none; }
32 input.tab:checked + label.tab + div.tab { display: block; }
34 input.color { display: none }
36 display: inline-block;
37 width: 1em; height: 1em;
38 border: 1px solid black;
40 input.color:checked + label{ border-width: 3px;}
41 input.color[value="#000"] + label,
42 input.color[value="#888"] + label { background-color: #888;}
43 input.color[value="#00A"] + label { background-color: #00F;}
44 input.color[value="#0A0"] + label { background-color: #0F0;}
45 input.color[value="#0AA"] + label { background-color: #0FF;}
46 input.color[value="#A00"] + label { background-color: #F00;}
47 input.color[value="#A0A"] + label { background-color: #F0F;}
48 input.color[value="#AA0"] + label { background-color: #FF0;}
49 input.color[value="#FFF"] + label { background-color: #FFF;}
51 h1, label.tab, div.tab, fieldset.tab,
52 div.patient, div.prescription {
58 div.prescription span {
59 display: inline-block;
64 div.prescription span label { font-weight: bold; margin-right: 1ex;}
65 div.prescription span.prescno,
66 div.prescription span.catalogue {
73 div.prescription ul {margin-top: 0;}
75 div.prescription label.checkbox,
76 div.prescription label.radio {
83 div.prescription label.checkbox:before,
84 div.prescription label.radio:before {
85 display: inline-block;
87 background-color: #FFF;
88 height: 1.375em; width: 1.125em;
89 padding: .125em 0 0 .375em;
90 margin: 0 .5em .25em -1.25em;
91 border: 1px solid #000;
92 vertical-align: middle;
95 div.prescription label.radio:before { border-radius: .5em;}
96 div.prescription label.checkbox.checked:before,
97 div.prescription label.radio.checked:before { content: "\2713";}
99 div.prescription label[for=prescreviewed] {
102 text-decoration: underline;
103 background-color: #FCC;
105 div.prescription label[for=prescreviewed].checked {
107 text-decoration: none;
108 background-color: transparent;
111 div.prescription label.tab {width: 96%; border: none; border-bottom: 1px dotted;}
112 div.prescription div.tab { width: 96%; background-color: #DDD;}
114 input.stickynote { display:none; }
115 input.stickynote + .stickynote {
117 background-color: #FF8;
118 top: 4em; bottom: 4em;
119 left: -4.5em; width: 5em;
124 input.stickynote + .stickynote > * { display: none; }
125 input.stickynote + .stickynote > label {
132 input.stickynote + .stickynote:hover {
135 input.stickynote:checked + .stickynote {
140 input.stickynote:checked + .stickynote > textarea {
143 left; 0; right: 0; bottom: 0; top: 0;
144 width: 100%; height: 100%;
145 background-color: #FF8;
148 input.stickynote:checked + .stickynote > button {
151 right: .5ex; bottom: .5ex;
154 input.stickynote:checked + .stickynote > label {
159 input.stickynote:checked + .stickynote > label:before {
163 top: .5ex; right: .5ex;
164 padding: .125ex .75ex;
165 background-color: #000;
174 bottom: 0; right: 0; width: 2em;
175 margin: .5em .5em .125em 2%;
179 fieldset.color > input.color + label {
180 width: 2em; height: 2em;
184 margin: .5em 1em .125em 2%; padding: 0;
186 border: 1px solid black;
190 left: 0; bottom: .25em;
194 @media(min-width: 800px){
195 h1, label.tab, div.tab, fieldset.tab,
196 div.patient, div.prescription {
200 input.stickynote:checked + .stickynote { right: 50%; }
201 fieldset.color { position: fixed; }
206 right: 2em; bottom: .25em;
210 right: 2em; left: auto;
216 div.patient, div.prescription { margin-top: 1em; }
218 border: 1px solid black;
219 background-color: #EEE;
220 padding: .125em 1.25ex .5em 1.25ex;
222 div > h2 { margin: 0; border-bottom: 1px solid black; }
223 div:nth-child(n+2) > a:first-of-type {
225 margin: .125em 0 .5em 0;
226 text-decoration: none;
229 #report fieldset.tab,
233 padding: .125em 1ex .25em 1ex;
235 background-color: #333;
240 #report label.heading {
241 background-color: #FFF;
243 border: 2px solid black;
244 border-bottom-width: 1px;
247 #report label.heading > span {
248 text-decoration: underline;
251 #report fieldset.tab > *,
252 #report label > input,
253 #report label > span {
254 display: inline-block;
258 width: 10%; float: left;
259 border: solid 1px #FFF;
260 background-color: #555;
265 #report label.heading > span.no {
266 background-color: inherit;
269 #report .tab > .date { width: 30%; }
270 #report .tab > .therapist { width: 30%; }
271 #report .tab > .signature { width: 20%; }
272 #report label.tab > .signature { font-size: .75em; }
274 #report .signature > input[type=checkbox] {
279 #report .signature > input[type=checkbox]:before {
280 display: block; width: 1.25em;
281 margin: -.125em 0 0 -.5ex;
282 background-color: #FFF;
284 content: "\00a0 \00a0 \00a0";
286 #report .signature > input[type=checkbox]:checked::before {
290 #report input.tab + label.tab > input.date,
291 #report input.tab + label.tab > input.therapist {
294 #report input.tab:checked + label.tab > input.date,
295 #report input.tab:checked + label.tab > input.therapist {
298 #report input.tab:checked + label.tab > span.date,
299 #report input.tab:checked + label.tab > span.therapist {
304 border: 2px solid #333;
305 border-top-width: 1px;
307 padding: .25em .5ex 1em .5ex;
309 #report div.tab > fieldset.note {
311 margin: 0; padding: 0;
313 #report div.tab > fieldset.note > textarea {
315 width: 93%; height: 8em;
316 margin: -8em 0 .5em 2em;
317 font: normal 1em sans-serif;
319 div.tab > fieldset.note > input.color + label { margin: 0; display: block; }
320 div.tab > fieldset.note > input.color[value="#888"]:checked ~ textarea { background-color: #AAA; }
321 div.tab > fieldset.note > input.color[value="#00A"]:checked ~ textarea { background-color: #88F; }
322 div.tab > fieldset.note > input.color[value="#0A0"]:checked ~ textarea { background-color: #8F8; }
323 div.tab > fieldset.note > input.color[value="#0AA"]:checked ~ textarea { background-color: #8FF; }
324 div.tab > fieldset.note > input.color[value="#A00"]:checked ~ textarea { background-color: #F88; }
325 div.tab > fieldset.note > input.color[value="#A0A"]:checked ~ textarea { background-color: #F8F; }
326 div.tab > fieldset.note > input.color[value="#AA0"]:checked ~ textarea { background-color: #FF8; }
327 div.tab > fieldset.note > input.color[value="#FFF"]:checked ~ textarea { background-color: #FFF; }
329 div.tab > button.delete {float: right; display: inline-block; margin-top: -1em; display: none;}