2 # Copyright 2014 - 2017 Paul Hänsch
4 # This file is part of Confetti.
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.
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.
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/>.
23 border-radius: 4px 4px 0 0;
24 margin: .5em 2em .25em 2em;
25 padding: 0 2ex .5em 2ex;
33 border-style: none none solid none;
34 border-radius: 4px 4px 0 0;
36 margin: 0 -1.625ex .5em -1.625ex;
40 .filter input[type="text"] {
51 .filter fieldset legend {
58 display: inline-block;
60 margin: .125em 2ex 0 0;
67 .filter fieldset.item { padding-left: 0; }
68 .filter fieldset.item legend { display: none; }
69 .filter fieldset.item input[type=text],
70 .filter fieldset.item fieldset.categories {
71 background-color: #FFF;
72 border: 1px solid #000;
76 .filter fieldset.item input[type=radio] { display: none; }
77 .filter fieldset.item input[type=radio] + label {
78 position: relative; z-index: 1;
79 margin: 0; padding: .25em 1em;
82 .filter fieldset.item input[type=radio]:checked + label {
83 background-color: #FFF;
84 border: 1px solid #000;
85 border-bottom-color: #FFF;
87 .filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text],
88 .filter fieldset.item input[type=radio][value="CATEGORIES:"] + label + input[type=text] + fieldset.categories {
91 .filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text] + fieldset.categories {
94 .filter fieldset.item fieldset.categories a {
103 border-radius: 0 0 4px 4px;
104 margin: .25em 2em 1em 2em;
105 padding: .25em 2ex .25em 2ex;
112 border-radius: 4px 4px 0 0;
113 margin: .25em 2em .25em 2em;
114 padding: .25em 2ex .25em 2ex;
130 display: inline-block;
141 .card .control .item {
142 display: inline-block;
146 margin: .25em 0 .5em 0;
147 border: 1px solid black;
149 padding: .25em .75ex 0 .75ex;
150 text-decoration: none;
153 .card .control .item:hover{ border-color: #888; }
154 .card .control input.item { font-size: normal; }
155 .card .control button.item { text-align: right;}
156 .card .control button.item:hover{ border-color: #888;}
157 .card .control .item[name=newfield] { width: 85%;}
158 .card .control .item[value=addfield] { width: 15%;}
160 .card .control #delete + label + button,
161 .card .control #delete { display: none; }
162 .card .control #delete + label { background-color: #FEE; }
163 .card .control #delete:checked + label + button {
164 position: fixed; display: block;
165 left: 40%; top: 30%; width: 20%;
168 background-color: #FAA;
170 border-radius: .25em 0 0 .25em;
172 .card .control #delete:checked + label:after {
173 position: fixed; display: block;
174 left: 60%; top: 30%; width: 5%;
175 margin: .25em 0; padding: .5em .75ex 0 .75ex;
180 color: #AAA; background-color: #000;
181 border-radius: 0 .25em .25em 0;
185 display: inline-block;
191 margin: .125em 0 .5ex 0;
192 padding: 0 1ex .25em 1ex;
194 .card .section:nth-of-type(2n){ background: #EEE;}
196 .card .section h2, .card .section h3 {
200 margin: .25em -.5ex .25em -.5ex;
201 border-style: none none solid none;
204 .card .section .FN { /* will override h2 */
209 .card .section .item {
212 word-wrap: break-word;
213 white-space: pre-line;
215 .card .section .item label {
219 .card .section textarea.NOTE {
222 .card .section textarea.ADR {
226 .card .section .PHOTO {
230 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
231 .card .section .BDAY { display: inline-block;}
233 .card .section select {
235 background-color: #FFF;
236 border: 1px solid black;
239 .card .section.attendance ul { margin: 0; padding: 0; }
240 .card .section.attendance ul li {
242 word-wrap: break-word;
245 .card .section.prescriptions ul { margin: 0; padding: 0; }
246 .card .section.prescriptions ul li {
248 word-wrap: break-word;
252 .card .section.prescriptions { width: 40ex;}
254 form.card .section input[type=text],
255 form.card .section input:not([type]),
256 form.card .section textarea,
257 form.card .section select {width: 100%;}
259 form.card .attendance {
262 form.card .attendance label {
264 display: inline-block;
268 form.card .attendance label input[type=checkbox] {
273 form.card .insurance input[type=radio] {display: none;}
274 form.card .insurance input[type=radio] + label {
275 display: inline-block;
279 border: 1px solid black;
282 form.card .insurance input[type=radio]:checked + label {
284 background-color: #FFF;
285 border-width: 1px 1px 0 1px;
287 form.card .insurance input[type=radio] + label + input + label + select,
288 form.card .insurance input[type=radio] + label + select + input {display: none;}
289 form.card .insurance input[type=radio]:checked + label + input + label + select,
290 form.card .insurance input[type=radio]:checked + label + select + input {
292 border: 1px solid black;
293 background-color: #FFF;
294 border-width: 0 1px 1px 1px;