use native radio and check buttons, do not break line between input and label
[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 /*
21 input[type="checkbox"] { display: none; }
22 input[type="checkbox"] + label::before {content: '\2610'; padding-right: .5ex;}
23 input[type="checkbox"]:checked + label { text-decoration: underline; }
24 input[type="checkbox"]:checked + label::before {content: '\2611';}
25 /*
26 input[type="radio"] { display: none; }
27 input[type="radio"] + label::before {content: '\25cb'; margin-right: .75ex; font-size: .75em;}
28 input[type="radio"]:checked + label { text-decoration: underline; }
29 input[type="radio"]:checked + label::before {content: '\29bf';}
30 */
31
32 .filter {
33   display: block;
34   border: solid 1px;
35   border-radius: 4px 4px 0 0;
36   margin: .5em 2em .25em 2em;
37   padding: 0 2ex .5em 2ex;
38   background: #EFF;
39 }
40
41 .filter h1 {
42   display: block;
43   font-weight: bold;
44   font-size: 1.25em;
45   border-style: none none solid none;
46   border-radius: 4px 4px 0 0;
47   border-width: 1px;
48   margin: 0 -1.625ex .5em -1.625ex;
49   padding: .125em 1ex;
50   background: #EEF;
51 }
52 .filter input[type="text"] {
53   width: 100%;
54   margin-bottom: .5em;
55 }
56 .filter fieldset {
57   position: relative;
58   display: block;
59   border: none;
60   padding: 0 0 0 12ex;
61   margin: 0 0 .5em 0;
62 }
63 .filter fieldset legend {
64   position: absolute;
65   font-size: 1em;
66   font-weight: bold;
67   margin-left: -12ex;
68 }
69 .filter label {
70   display: inline-block;
71   vertical-align: top;
72   margin: .125em 2ex 0 0;
73   white-space: nowrap;
74 }
75 .filter button {
76   margin-top: .5em;
77 }
78
79 .newcard {
80   display: block;
81   border-width: 1px;
82   border-style: solid;
83   border-radius: 0 0 4px 4px;
84   margin: .25em 2em 1em 2em;
85   padding: .25em 2ex .25em 2ex;
86   background: #EFF;
87 }
88
89 .card {
90   display: block;
91   position: relative;
92   border-style: solid;
93   border-width: 1px;
94   margin: .25em 2em;
95   padding: 0 20ex 0 0;
96   overflow: auto;
97   background: #FFF;
98 }
99 .card .control {
100   display: inline-block;
101   position: absolute;
102   top: 0; right: 0;
103   text-align: right;
104   background: #EEF;
105   margin: 0;
106   height: 100%;
107   width: 20ex;
108   max-width: 33%;
109   padding: .25em 1ex;
110 }
111 .card .control .item {
112   display: block;
113   color: #008;
114   margin-top: .2em;
115   margin-right: 1ex;
116 }
117 .card .control a.item {
118   min-width: 10ex;
119   border-style: solid double solid solid;
120   border-width: 1px 3px 1px 1px;
121   border-color: #000;
122   padding: .1em 1ex;
123   background: #FFF;
124 }
125 .card .control a.item:hover{
126   border-width: 1px 1px 1px 1px;
127 }
128
129 .card .section {
130   display: inline-block;
131   vertical-align: top;
132   float: left;
133   width: 20ex;
134   min-width: 16.5%;
135   min-height: 6em;
136   margin: .125em 0 .5ex 0;
137   padding: 0 1ex .25em 1ex;
138 }
139 .card .section:nth-of-type(2n){ background: #EEE;}
140 .card .section h2, .card .section h3 {
141   font-size: 1em;
142   display: block;
143   font-weight: bold;
144   margin: .25em -.5ex .25em -.5ex;
145   border-style: none none solid none;
146   border-width: 1px;
147 }
148 .card .section .FN {  /* will override h2 */
149   font-size: 1.2em;
150   margin-top: 0;
151 }
152
153 .card .section.attendance ul { margin: 0; padding: 0; }
154 .card .section.attendance ul li {
155   display: block;
156   word-wrap: break-word;
157 }
158
159 form.card .attendance {
160   min-width: 66%;
161 }
162 form.card .attendance label {
163   position: relative;
164   display: inline-block;
165   width: 25ex;
166   padding-left: 3ex;
167 }
168 form.card .attendance label input[type=checkbox] {
169   position: absolute;
170   margin-left: -3ex;
171 }
172
173 .card .section .item {
174   display: block;
175   max-width: 100%;
176   word-wrap: break-word;
177 }
178
179 .card .section textarea.NOTE {
180   min-height: 6em;
181 }
182 .card .section textarea.ADR {
183   min-height: 4em;
184 }
185
186 .card .section .PHOTO {
187   width: 100%;
188   max-height: 10em;
189 }
190
191
192 EOF
193
194 # vi:set filetype=css: