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;
120 display: inline-block;
131 .card .control .item {
132 display: inline-block;
136 margin: .25em 0 .5em 0;
137 border: 1px solid black;
139 padding: .25em .75ex 0 .75ex;
140 text-decoration: none;
143 .card .control .item:hover{ border-color: #888; }
144 .card .control input.item { font-size: normal; }
145 .card .control button.item { text-align: right;}
146 .card .control button.item:hover{ border-color: #888;}
147 .card .control .item[name=newfield] { width: 85%;}
148 .card .control .item[value=addfield] { width: 15%;}
150 .card .control #delete + label + button,
151 .card .control #delete { display: none; }
152 .card .control #delete + label { background-color: #FEE; }
153 .card .control #delete:checked + label + button {
154 position: fixed; display: block;
155 left: 40%; top: 30%; width: 20%;
158 background-color: #FAA;
160 border-radius: .25em 0 0 .25em;
162 .card .control #delete:checked + label:after {
163 position: fixed; display: block;
164 left: 60%; top: 30%; width: 5%;
165 margin: .25em 0; padding: .5em .75ex 0 .75ex;
170 color: #AAA; background-color: #000;
171 border-radius: 0 .25em .25em 0;
175 display: inline-block;
181 margin: .125em 0 .5ex 0;
182 padding: 0 1ex .25em 1ex;
184 .card .section:nth-of-type(2n){ background: #EEE;}
186 .card .section h2, .card .section h3 {
190 margin: .25em -.5ex .25em -.5ex;
191 border-style: none none solid none;
194 .card .section .FN { /* will override h2 */
199 .card .section .item {
202 word-wrap: break-word;
203 white-space: pre-line;
205 .card .section .item label {
209 .card .section textarea.NOTE {
212 .card .section textarea.ADR {
216 .card .section .PHOTO {
220 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
221 .card .section .BDAY { display: inline-block;}
223 .card .section select {
225 background-color: #FFF;
226 border: 1px solid black;
229 .card .section.attendance ul { margin: 0; padding: 0; }
230 .card .section.attendance ul li {
232 word-wrap: break-word;
235 .card .section.prescriptions ul { margin: 0; padding: 0; }
236 .card .section.prescriptions ul li {
238 word-wrap: break-word;
242 .card .section.prescriptions { width: 40ex;}
244 form.card .section input[type=text],
245 form.card .section input:not([type]),
246 form.card .section textarea,
247 form.card .section select {width: 100%;}
249 form.card .attendance {
252 form.card .attendance label {
254 display: inline-block;
258 form.card .attendance label input[type=checkbox] {
263 form.card .insurance input[type=radio] {display: none;}
264 form.card .insurance input[type=radio] + label {
265 display: inline-block;
269 border: 1px solid black;
272 form.card .insurance input[type=radio]:checked + label {
274 background-color: #FFF;
275 border-width: 1px 1px 0 1px;
277 form.card .insurance input[type=radio] + label + input + label + select,
278 form.card .insurance input[type=radio] + label + select + input {display: none;}
279 form.card .insurance input[type=radio]:checked + label + input + label + select,
280 form.card .insurance input[type=radio]:checked + label + select + input {
282 border: 1px solid black;
283 background-color: #FFF;
284 border-width: 0 1px 1px 1px;