improved visual style
[confetti] / templates / attendees.css.sh
1 cat <<EOF
2
3 #filter {}
4 #newcard {}
5
6 #cardlist {}
7
8 .cardlist .card {
9   margin: 4px 5%;
10   border-width: 1px;
11   border-style: solid;
12   padding: 0;
13   overflow: auto;
14   width:130ex;
15   display: block;
16 }
17
18 .cardlist .card .section {
19   float:left;
20   display: inline-block;
21   width: 20ex;
22   margin: .125em .5ex .5ex .5ex;
23   background: #EEE;
24   padding: 0 .2em .2em .2em;
25 }
26 .cardlist .card .control {
27   float: right;
28   background: #EEF;
29   text-align: right;
30   margin-right: 0;
31 }
32 .cardlist .card .control .item {
33   margin-right: 1ex;
34   border-style: solid double solid solid;
35   border-width: 1px 3px 1px 1px;
36   background: #FFF;
37   padding: .1em 1ex;
38   min-width: 10ex;
39   margin-top: .2em;
40   border-color: #000;
41 }
42 .cardlist .card .control .item:hover{
43   border-width: 1px 1px 1px 1px;
44 }
45
46 .cardlist .card .section .sectitle {
47   display: block;
48   font-weight: bold;
49   margin: .2em .2em .2em .2em;
50 }
51
52 .cardlist .card .section .item {
53   max-width: 20ex;
54   display: block;
55   word-wrap: break-word;
56 }
57
58 .cardlist .card .section .PHOTO {
59   width: 20ex;
60   max-heigth: 30ex;
61 }
62
63 .cardlist .card .section .FN {
64   font-weight: bold;
65   font-size: 1.2em;
66 }
67
68 EOF
69
70 # vi:set filetype=css: