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"] {
52 .filter fieldset legend {
59 display: inline-block;
61 margin: .125em 2ex 0 0;
68 .filter fieldset.item { padding-left: 0; }
69 .filter fieldset.item legend { display: none; }
70 .filter fieldset.item input[type=text],
71 .filter fieldset.item fieldset.categories {
72 background-color: #FFF;
73 border: 1px solid #000;
77 .filter fieldset.item input[type=radio] { display: none; }
78 .filter fieldset.item input[type=radio] + label {
79 position: relative; z-index: 1;
80 margin: 0; padding: .25em 1em;
83 .filter fieldset.item input[type=radio]:checked + label {
84 background-color: #FFF;
85 border: 1px solid #000;
86 border-bottom-color: #FFF;
88 .filter fieldset.item input[type=radio][value="CATEGORIES"]:checked + label + input[type=text],
89 .filter fieldset.item input[type=radio][value="CATEGORIES"] + label + input[type=text] + fieldset.categories {
92 .filter fieldset.item input[type=radio][value="CATEGORIES"]:checked + label + input[type=text] + fieldset.categories {
95 .filter fieldset.item fieldset.categories a {
104 border-radius: 0 0 4px 4px;
105 margin: .25em 2em 1em 2em;
106 padding: .25em 2ex .25em 2ex;
121 display: inline-block;
132 .card .control .item {
133 display: inline-block;
137 margin: .25em 0 .5em 0;
138 border: 1px solid black;
140 padding: .25em .75ex 0 .75ex;
141 text-decoration: none;
144 .card .control .item:hover{ border-color: #888; }
145 .card .control input.item { font-size: normal; }
146 .card .control button.item { text-align: right;}
147 .card .control button.item:hover{ border-color: #888;}
148 .card .control .item[name=newfield] { width: 85%;}
149 .card .control .item[value=addfield] { width: 15%;}
151 .card .control #delete + label + button,
152 .card .control #delete { display: none; }
153 .card .control #delete + label { background-color: #FEE; }
154 .card .control #delete:checked + label + button {
155 position: fixed; display: block;
156 left: 40%; top: 30%; width: 20%;
159 background-color: #FAA;
161 border-radius: .25em 0 0 .25em;
163 .card .control #delete:checked + label:after {
164 position: fixed; display: block;
165 left: 60%; top: 30%; width: 5%;
166 margin: .25em 0; padding: .5em .75ex 0 .75ex;
171 color: #AAA; background-color: #000;
172 border-radius: 0 .25em .25em 0;
176 display: inline-block;
182 margin: .125em 0 .5ex 0;
183 padding: 0 1ex .25em 1ex;
185 .card .section:nth-of-type(2n){ background: #EEE;}
187 .card .section h2, .card .section h3 {
191 margin: .25em -.5ex .25em -.5ex;
192 border-style: none none solid none;
195 .card .section .FN { /* will override h2 */
200 .card .section .item {
203 word-wrap: break-word;
204 white-space: pre-line;
206 .card .section .item label {
210 .card .section textarea.NOTE {
213 .card .section textarea.ADR {
217 .card .section .PHOTO {
221 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
222 .card .section .BDAY { display: inline-block;}
224 .card .section select {
226 background-color: #FFF;
227 border: 1px solid black;
230 .card .section.attendance ul { margin: 0; padding: 0; }
231 .card .section.attendance ul li {
233 word-wrap: break-word;
236 .card .section.prescriptions ul { margin: 0; padding: 0; }
237 .card .section.prescriptions ul li {
239 word-wrap: break-word;
243 .card .section.prescriptions { width: 40ex;}
245 form.card .section input[type=text],
246 form.card .section input:not([type]),
247 form.card .section textarea,
248 form.card .section select {width: 100%;}
250 form.card .attendance {
253 form.card .attendance label {
255 display: inline-block;
259 form.card .attendance label input[type=checkbox] {
264 form.card .insurance input[type=radio] {display: none;}
265 form.card .insurance input[type=radio] + label {
266 display: inline-block;
270 border: 1px solid black;
273 form.card .insurance input[type=radio]:checked + label {
275 background-color: #FFF;
276 border-width: 1px 1px 0 1px;
278 form.card .insurance input[type=radio] + label + input + label + select,
279 form.card .insurance input[type=radio] + label + select + input {display: none;}
280 form.card .insurance input[type=radio]:checked + label + input + label + select,
281 form.card .insurance input[type=radio]:checked + label + select + input {
283 border: 1px solid black;
284 background-color: #FFF;
285 border-width: 0 1px 1px 1px;