2 # Copyright 2014 - 2016 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 background-color: #FFF;
71 border: 1px solid #000;
75 .filter fieldset.item input[type=radio] { display: none; }
76 .filter fieldset.item input[type=radio] + label {
77 position: relative; z-index: 1;
78 margin: 0; padding: .25em 1em;
81 .filter fieldset.item input[type=radio]:checked + label {
82 background-color: #FFF;
83 border: 1px solid #000;
84 border-bottom-color: #FFF;
90 border-radius: 0 0 4px 4px;
91 margin: .25em 2em 1em 2em;
92 padding: .25em 2ex .25em 2ex;
107 display: inline-block;
118 .card .control .item {
119 display: inline-block;
123 margin: .25em 0 .5em 0;
124 border: 1px solid black;
126 padding: .25em .75ex 0 .75ex;
127 text-decoration: none;
130 .card .control .item:hover{ border-color: #888; }
131 .card .control input.item { font-size: normal; }
132 .card .control button.item { text-align: right;}
133 .card .control button.item:hover{ border-color: #888;}
134 .card .control .item[name=newfield] { width: 85%;}
135 .card .control .item[value=addfield] { width: 15%;}
137 .card .control #delete + label + button,
138 .card .control #delete { display: none; }
139 .card .control #delete + label { background-color: #FEE; }
140 .card .control #delete:checked + label + button {
141 position: fixed; display: block;
142 left: 40%; top: 30%; width: 20%;
145 background-color: #FAA;
147 border-radius: .25em 0 0 .25em;
149 .card .control #delete:checked + label:after {
150 position: fixed; display: block;
151 left: 60%; top: 30%; width: 5%;
152 margin: .25em 0; padding: .5em .75ex 0 .75ex;
157 color: #AAA; background-color: #000;
158 border-radius: 0 .25em .25em 0;
162 display: inline-block;
168 margin: .125em 0 .5ex 0;
169 padding: 0 1ex .25em 1ex;
171 .card .section:nth-of-type(2n){ background: #EEE;}
173 .card .section h2, .card .section h3 {
177 margin: .25em -.5ex .25em -.5ex;
178 border-style: none none solid none;
181 .card .section .FN { /* will override h2 */
186 .card .section .item {
189 word-wrap: break-word;
191 .card .section .item label {
195 .card .section textarea.NOTE {
198 .card .section textarea.ADR {
202 .card .section .PHOTO {
206 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
207 .card .section .BDAY { display: inline-block;}
209 .card .section select {
211 background-color: #FFF;
212 border: 1px solid black;
215 .card .section.attendance ul { margin: 0; padding: 0; }
216 .card .section.attendance ul li {
218 word-wrap: break-word;
221 .card .section.prescriptions ul { margin: 0; padding: 0; }
222 .card .section.prescriptions ul li {
224 word-wrap: break-word;
228 .card .section.prescriptions { width: 40ex;}
230 form.card .section input[type=text],
231 form.card .section input:not([type]),
232 form.card .section textarea,
233 form.card .section select {width: 100%;}
235 form.card .attendance {
238 form.card .attendance label {
240 display: inline-block;
244 form.card .attendance label input[type=checkbox] {
249 form.card .insurance input[type=radio] {display: none;}
250 form.card .insurance input[type=radio] + label {
251 display: inline-block;
255 border: 1px solid black;
258 form.card .insurance input[type=radio]:checked + label {
260 background-color: #FFF;
261 border-width: 1px 1px 0 1px;
263 form.card .insurance input[type=radio] + label + input + label + select,
264 form.card .insurance input[type=radio] + label + select + input {display: none;}
265 form.card .insurance input[type=radio]:checked + label + input + label + select,
266 form.card .insurance input[type=radio]:checked + label + select + input {
268 border: 1px solid black;
269 background-color: #FFF;
270 border-width: 0 1px 1px 1px;