improved style, beautified URL display
[confetti] / templates / attendees.css.sh
1 cat <<EOF
2
3 .filter {
4   display: block;
5   width: 128ex;
6   border-width: 1px;
7   border-style: solid;
8   border-radius: 4px 4px 0 0;
9   margin: .5em auto .25em auto;
10   padding: .25em 1ex .25em 1ex;
11   background: #EFF;
12 }
13
14 .filter > .label {
15   display: block;
16   font-weight: bold;
17   font-size: 1.2em;
18   border-style: none none solid none;
19   border-width: 1px;
20   margin: 0em 0ex .5em 0ex;
21   background: #EEF;
22 }
23
24 .filter .search {
25   margin: 0em 2ex .5em 2ex;
26 }
27 .filter .search .label {
28   display: inline-block;
29   width: 12ex;
30   font-weight: bold;
31   margin-top: .5em;
32 }
33 .filter .search input[type="radio"] {
34   margin-top: .5em;
35   margin-left: 1ex;
36 }
37 .filter .search button {
38   margin-top: .5em;
39 }
40
41 .filter .search input[type="text"] {
42   width: 124ex;
43 }
44
45 .newcard {
46   display: block;
47   width: 126ex;
48   border-width: 1px;
49   border-style: solid;
50   border-radius: 0 0 4px 4px;
51   margin: .25em auto 1em auto;
52   padding: .25em 2ex .25em 2ex;
53   background: #EFF;
54 }
55
56 .cardlist .card {
57   display: block;
58   width: 130ex;
59   border-style: solid;
60   border-width: 1px;
61   margin: .25em auto;
62   padding: 0;
63   overflow: auto;
64   background: #FFF;
65 }
66
67 .cardlist .card .section {
68   display: inline-block;
69   float:left;
70   width: 20ex;
71   margin: .125em .5ex .5ex .5ex;
72   padding: 0 .2em .2em .2em;
73   background: #EEE;
74 }
75 .cardlist .card .control {
76   float: right;
77   text-align: right;
78   margin-right: 0;
79   background: #EEF;
80 }
81 .cardlist .card .control .item {
82   color: #008;
83   margin-top: .2em;
84   margin-right: 1ex;
85 }
86 .cardlist .card .control a.item {
87   min-width: 10ex;
88   border-style: solid double solid solid;
89   border-width: 1px 3px 1px 1px;
90   border-color: #000;
91   padding: .1em 1ex;
92   background: #FFF;
93 }
94 .cardlist .card .control a.item:hover{
95   border-width: 1px 1px 1px 1px;
96 }
97
98 .cardlist .card .section .sectitle {
99   display: block;
100   font-weight: bold;
101   margin: .2em .2em .2em .2em;
102 }
103
104 .cardlist .card .section .item {
105   display: block;
106   max-width: 20ex;
107   word-wrap: break-word;
108 }
109
110 .cardlist .card .section textarea.NOTE {
111   min-height: 6em;
112 }
113 .cardlist .card .section textarea.ADR {
114   min-height: 4em;
115 }
116
117 .cardlist .card .section .PHOTO {
118   width: 20ex;
119   max-heigth: 30ex;
120 }
121
122 .cardlist .card .section .FN {
123   font-weight: bold;
124   font-size: 1.2em;
125 }
126
127 EOF
128
129 # vi:set filetype=css: