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;}
149 .card .control .item[name=newfield] {
150 width: calc(100% - 2.5em);
152 .card .control .item[value=addfield] {
154 border-style: solid solid solid none;
158 .card .control #delete + label + button,
159 .card .control #delete { display: none; }
160 .card .control #delete + label { background-color: #FEE; }
161 .card .control #delete:checked + label + button {
162 position: fixed; display: block;
163 left: 40%; top: 30%; width: 20%;
166 background-color: #FAA;
168 border-radius: .25em 0 0 .25em;
170 .card .control #delete:checked + label:after {
171 position: fixed; display: block;
172 left: 60%; top: 30%; width: 5%;
173 margin: .25em 0; padding: .5em .75ex 0 .75ex;
178 color: #AAA; background-color: #000;
179 border-radius: 0 .25em .25em 0;
183 display: inline-block;
189 margin: .125em 0 .5ex 0;
190 padding: 0 1ex .25em 1ex;
192 .card .section:nth-of-type(2n){ background: #EEE;}
194 .card .section h2, .card .section h3 {
198 margin: .25em -.5ex .25em -.5ex;
199 border-style: none none solid none;
202 .card .section .FN { /* will override h2 */
207 .card .section .item {
210 word-wrap: break-word;
211 white-space: pre-line;
213 .card .section .item label {
217 .card .section textarea.NOTE {
220 .card .section textarea.ADR {
224 .card .section .PHOTO {
228 .card .section .GENDER { display: inline-block; padding-right: .5ex; }
229 .card .section .BDAY { display: inline-block;}
230 .card .section .TEL .type { color: #444; }
232 .card .section select {
234 background-color: #FFF;
235 border: 1px solid black;
238 .card .section.attendance ul { margin: 0; padding: 0; }
239 .card .section.attendance ul li {
241 word-wrap: break-word;
244 .card .section.prescriptions ul { margin: 0; padding: 0; }
245 .card .section.prescriptions ul li {
247 word-wrap: break-word;
251 .card .section.prescriptions { width: 40ex;}
253 form.card .section input[type=text],
254 form.card .section input:not([type]),
255 form.card .section textarea,
256 form.card .section select {
258 margin-bottom: .25em;
261 form.card .section select.teltype { margin-bottom: 0; }
262 form.card .section input.TEL { margin-bottom: .5em; }
264 form.card .attendance {
267 form.card .attendance label {
269 display: inline-block;
273 form.card .attendance label input[type=checkbox] {
278 form.card .insurance input[type=radio] {display: none;}
279 form.card .insurance input[type=radio] + label {
280 display: inline-block;
284 border: 1px solid black;
287 form.card .insurance input[type=radio]:checked + label {
289 background-color: #FFF;
290 border-width: 1px 1px 0 1px;
292 form.card .insurance input[type=radio] + label + input + label + select,
293 form.card .insurance input[type=radio] + label + select + input {display: none;}
294 form.card .insurance input[type=radio]:checked + label + input + label + select,
295 form.card .insurance input[type=radio]:checked + label + select + input {
297 border: 1px solid black;
298 background-color: #FFF;
299 border-width: 0 1px 1px 1px;