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