JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
shuffling, started on state structure
[peach-cgt.git] / style.less
1 @card-width: 100px;
2 @card-height: 140px;
3
4 .shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
5         @val: @x @y @blur rgba(0, 0, 0, @alpha);
6         box-shadow:         @val;
7         -webkit-box-shadow: @val;
8         -moz-box-shadow:    @val;
9 }
10
11 body {
12         color: black;
13         background: #ccc;
14         font-size: 11px;
15         margin: 0;
16         padding: 10px;
17 }
18
19 h1 {
20         margin-top: 0;
21         font: bold 20px 'Verdana';
22         color: blue;
23 }
24
25 #table {
26         height: 700px;
27         width: 960px;
28         background: #eee;
29         position: relative;
30         .shadow(2px, 2px, 10px, 0.4);
31         border: 2px solid #468;
32 }
33
34 .card {
35         width: @card-width;
36         height: @card-height;
37         padding: 2px;
38         position: absolute;
39         background: #fff;
40         border: 2px solid #fff;
41         .shadow(1px, 1px, 8px, 0.4);
42         border-radius: 4px;
43 }