2 // Copyright (C) 2011 Jason Woofenden
3 // Lincensed under CC0 (ie public domain).
4 // Note that most of Peach CGT is AGPLv3
12 @pile-width: @card-width * 1.3;
13 @hand-height: @card-height * 1.3;
16 @area-border-color: #ccc;
17 @your-side-color: #ffe2e2;
18 @my-side-color: #e2ffe2;
21 top: (@table-height - @card-height) / 2 - 4px;
22 left: (@table-width - @card-width) / 2 - 4px;
26 .shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
27 @val: @x @y @blur rgba(0, 0, 0, @alpha);
29 -webkit-box-shadow: @val;
30 -moz-box-shadow: @val;
33 body, #other_player_url {
44 font: bold 20px 'Verdana';
49 margin-bottom: 0px; // no decenders, big font
60 height: @table-height;
63 .shadow(2px, 2px, 10px, 0.4);
64 border: 2px solid #468;
76 border: 1px solid #777;
81 border: 2px solid #fff;
83 .shadow(1px, 1px, 8px, 0.4);
87 min-height: @card-height;
88 z-index: 9999 !important;
92 border: 1px solid #aaa;
94 background-color: #fff;
106 -webkit-transform: rotate(180deg);
107 -moz-transform: rotate(180deg);
108 -ms-transform: rotate(180deg);
109 -o-transform: rotate(180deg);
110 transform: rotate(180deg);
112 -webkit-transform: none;
113 -moz-transform: none;
124 .flipped, .your_hand {
128 background-color: #ddd;
131 #my_side, #your_side {
134 height: @hand-height;
139 background: @your-side-color;
140 border-bottom: 2px solid @area-border-color;
145 background: @my-side-color;
146 border-top: 2px solid @area-border-color;
147 top: @table-height - @hand-height - 2px;
150 .discard_area, .deck_area, .hand_area {
152 height: @hand-height;
154 .discard_area, .deck_area {
155 border-right: 2px solid @area-border-color;
159 width: @table-width - (@pile-width + 2px) * 2;
165 left: @pile-width + 2px;
168 left: (@pile-width + 2px) * 2;
176 top: 0; // @table-height - @hand-height;
185 width: @table-width + 10;
186 height: @table-height + 20;
188 .shadow(3px, 3px, 16px, 0.8);