little more "semantic markup"
[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: 0 .5ex .25ex 0;}
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'; padding: 0 .5ex .25ex 0;}
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   border-style: solid;
87   border-width: 1px;
88   margin: .25em 2em;
89   padding: 0;
90   overflow: auto;
91   background: #FFF;
92 }
93 .card .section {
94   display: inline-block;
95   float:left;
96   width: 20ex;
97   margin: .125em .25ex .5ex .25ex;
98   padding: 0 .2em .2em .2em;
99   background: #EEE;
100 }
101 .card .section a.attendance {
102   display: inline-block;
103   margin-right: 1ex;
104   word-wrap: break-word;
105 }
106
107 .card .attendance {
108   width: 83.5ex;
109 }
110 .card .attendance .check {
111   display: inline-block;
112   width: 27ex;
113 }
114
115 .card .control {
116   float: right;
117   text-align: right;
118   margin-right: 0;
119   background: #EEF;
120 }
121
122 .card div.control {
123   width: 23ex;
124 }
125
126 .card .control .item {
127   color: #008;
128   margin-top: .2em;
129   margin-right: 1ex;
130 }
131 .card .control a.item {
132   min-width: 10ex;
133   border-style: solid double solid solid;
134   border-width: 1px 3px 1px 1px;
135   border-color: #000;
136   padding: .1em 1ex;
137   background: #FFF;
138 }
139 .card .control a.item:hover{
140   border-width: 1px 1px 1px 1px;
141 }
142
143 .card .section .sectitle {
144   display: block;
145   font-weight: bold;
146   margin: .2em .2em .2em .2em;
147 }
148
149 .card .section .item {
150   display: block;
151   max-width: 20ex;
152   word-wrap: break-word;
153 }
154
155 .card .section textarea.NOTE {
156   min-height: 6em;
157 }
158 .card .section textarea.ADR {
159   min-height: 4em;
160 }
161
162 .card .section .PHOTO {
163   width: 20ex;
164   max-heigth: 30ex;
165 }
166
167 .card .section .FN {
168   font-weight: bold;
169   font-size: 1.2em;
170 }
171
172 EOF
173
174 # vi:set filetype=css: