7 @pile-width: @card-width * 1.3;
8 @hand-height: @card-height * 1.3;
11 @area-border-color: #ccc;
12 @your-side-color: #ffe2e2;
13 @my-side-color: #e2ffe2;
16 top: (@table-height - @card-height) / 2 - 4px;
17 left: (@table-width - @card-width) / 2 - 4px;
21 .shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
22 @val: @x @y @blur rgba(0, 0, 0, @alpha);
24 -webkit-box-shadow: @val;
25 -moz-box-shadow: @val;
38 font: bold 20px 'Verdana';
44 height: @table-height;
47 .shadow(2px, 2px, 10px, 0.4);
48 border: 2px solid #468;
60 border: 1px solid #777;
65 border: 2px solid #fff;
66 .shadow(1px, 1px, 8px, 0.4);
69 z-index: 9999 !important;
73 border: 1px solid #aaa;
75 background-color: #fff;
87 -webkit-transform: rotate(180deg);
88 -moz-transform: rotate(180deg);
89 -ms-transform: rotate(180deg);
90 -o-transform: rotate(180deg);
91 transform: rotate(180deg);
93 -webkit-transform: none;
109 background-color: #ddd;
112 #my_side, #your_side {
115 height: @hand-height;
120 background: @your-side-color;
121 border-bottom: 2px solid @area-border-color;
126 background: @my-side-color;
127 border-top: 2px solid @area-border-color;
128 top: @table-height - @hand-height - 2px;
131 .discard_area, .deck_area, .hand_area {
133 height: @hand-height;
135 .discard_area, .deck_area {
136 border-right: 2px solid @area-border-color;
140 width: @table-width - (@pile-width + 2px) * 2;
146 left: @pile-width + 2px;
149 left: (@pile-width + 2px) * 2;
157 top: 0; // @table-height - @hand-height;