enable support for phone number types
[confetti] / templates / attendees.css.sh
1 # Copyright 2014, 2015 Paul Hänsch
2 #
3 # This file is part of Confetti.
4
5 # Confetti is free software: you can redistribute it and/or modify
6 # it under the terms of the GNU Affero General Public License as published by
7 # the Free Software Foundation, either version 3 of the License, or
8 # (at your option) any later version.
9
10 # Confetti is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
13 # GNU Affero General Public License for more details.
14
15 # You should have received a copy of the GNU Affero General Public License
16 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>. 
17
18 cat <<EOF
19
20 .filter {
21   display: block;
22   border: solid 1px;
23   border-radius: 4px 4px 0 0;
24   margin: .5em 2em .25em 2em;
25   padding: 0 2ex .5em 2ex;
26   background: #EFF;
27 }
28
29 .filter h1 {
30   display: block;
31   font-weight: bold;
32   font-size: 1.25em;
33   border-style: none none solid none;
34   border-radius: 4px 4px 0 0;
35   border-width: 1px;
36   margin: 0 -1.625ex .5em -1.625ex;
37   padding: .125em 1ex;
38   background: #EEF;
39 }
40 .filter input[type="text"] {
41   width: 100%;
42   margin-bottom: .5em;
43 }
44 .filter fieldset {
45   position: relative;
46   display: block;
47   border: none;
48   padding: 0 0 0 12ex;
49   margin: 0 0 .5em 0;
50 }
51 .filter fieldset legend {
52   position: absolute;
53   font-size: 1em;
54   font-weight: bold;
55   margin-left: -12ex;
56 }
57 .filter label {
58   display: inline-block;
59   vertical-align: top;
60   margin: .125em 2ex 0 0;
61   white-space: nowrap;
62 }
63 .filter button {
64   margin-top: .5em;
65 }
66
67 .newcard {
68   display: block;
69   border: solid 1px;
70   border-radius: 0 0 4px 4px;
71   margin: .25em 2em 1em 2em;
72   padding: .25em 2ex .25em 2ex;
73   background: #EFF;
74 }
75
76 .card {
77   display: block;
78   position: relative;
79   border: solid 1px;
80   margin: .25em 2em;
81   padding: 0 20ex 0 0;
82   overflow: auto;
83   background: #FFF;
84 }
85 .card .control {
86   display: inline-block;
87   position: absolute;
88   top: 0; right: 0;
89   text-align: right;
90   background: #EEF;
91   margin: 0;
92   height: 100%;
93   width: 20ex;
94   max-width: 33%;
95   padding: .25em 1ex;
96 }
97 .card .control .item {
98   display: inline-block;
99   width: 100%;
100   color: #008;
101   margin: .25em 0 0 0;
102   border: 1px solid black;
103   background: #FFF;
104 }
105 .card .control a.item { padding: .25em .75ex 0 .75ex;}
106 .card .control a.item:hover{ border-color: #888;}
107 .card .control button.item { text-align: right;}
108 .card .control button.item:hover{ border-color: #888;}
109 .card .control .item[name=newfield] { width: 85%;}
110 .card .control .item[value=addfield] { width: 15%;}
111
112 .card .section {
113   display: inline-block;
114   vertical-align: top;
115   float: left;
116   width: 20ex;
117   min-width: 16.5%;
118   min-height: 6em;
119   margin: .125em 0 .5ex 0;
120   padding: 0 1ex .25em 1ex;
121 }
122 .card .section:nth-of-type(2n){ background: #EEE;}
123
124 .card .section h2, .card .section h3 {
125   font-size: 1em;
126   display: block;
127   font-weight: bold;
128   margin: .25em -.5ex .25em -.5ex;
129   border-style: none none solid none;
130   border-width: 1px;
131 }
132 .card .section .FN {  /* will override h2 */
133   font-size: 1.2em;
134   margin-top: 0;
135 }
136
137 .card .section .item {
138   display: block;
139   max-width: 100%;
140   word-wrap: break-word;
141 }
142 .card .section .item label {
143   font-weight: bold;
144 }
145
146 .card .section textarea.NOTE {
147   min-height: 6em;
148 }
149 .card .section textarea.ADR {
150   min-height: 4em;
151 }
152
153 .card .section .PHOTO {
154   width: 100%;
155   max-height: 10em;
156 }
157 .card .section .GENDER { display: inline-block; padding-right: .5ex;}
158 .card .section .BDAY { display: inline-block;}
159
160 .card .section select {
161   display: block;
162   background-color: #FFF;
163   border: 1px solid black;
164 }
165
166 .card .section.attendance ul { margin: 0; padding: 0; }
167 .card .section.attendance ul li {
168   display: block;
169   word-wrap: break-word;
170 }
171
172 .card .section.prescriptions ul { margin: 0; padding: 0; }
173 .card .section.prescriptions ul li {
174   display: block;
175   word-wrap: break-word;
176   margin: 0 .25ex;
177 }
178
179 .card .section.prescriptions { width: 40ex;}
180
181 form.card .section input[type=text],
182 form.card .section input:not([type]),
183 form.card .section textarea,
184 form.card .section select {width: 100%;}
185
186 form.card .attendance {
187   min-width: 66%;
188 }
189 form.card .attendance label {
190   position: relative;
191   display: inline-block;
192   width: 25ex;
193   padding-left: 3ex;
194 }
195 form.card .attendance label input[type=checkbox] {
196   position: absolute;
197   margin-left: -3ex;
198 }
199
200 form.card .insurance input[type=radio] {display: none;}
201 form.card .insurance input[type=radio] + label {
202   display: inline-block;
203   width: 50%;
204   padding: .25ex 0;
205   text-align: center;
206   border: 1px solid black;
207   
208 }
209 form.card .insurance input[type=radio]:checked + label {
210   font-weight: bold;
211   background-color: #FFF;
212   border-width: 1px 1px 0 1px;
213 }
214 form.card .insurance input[type=radio] + label + input + label + select,
215 form.card .insurance input[type=radio] + label + select + input {display: none;}
216 form.card .insurance input[type=radio]:checked + label + input + label + select,
217 form.card .insurance input[type=radio]:checked + label + select + input {
218   display: block;
219   border: 1px solid black;
220   background-color: #FFF;
221   border-width: 0 1px 1px 1px;
222   padding: .25ex 0;
223   margin-top: -1px;
224 }
225
226 EOF
227
228 # vi:set filetype=css: