@your-side-color: #ffe2e2;
@my-side-color: #e2ffe2;
+#loading-card {
+ top: (@table-height - @card-height) / 2 - 4px;
+ left: (@table-width - @card-width) / 2 - 4px;
+}
+
.shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
@val: @x @y @blur rgba(0, 0, 0, @alpha);
border: 2px solid #468;
}
-.card {
+.card, .blank_card {
width: @card-width;
height: @card-height;
padding: 2px;
position: absolute;
+ border-radius: 4px;
+}
+
+.blank_card {
+ border: 1px solid #777;
+}
+
+.card {
background: #fff;
border: 2px solid #fff;
.shadow(1px, 1px, 8px, 0.4);
- border-radius: 4px;
+ &:hover {
+ z-index: 9999 !important;
+ }
.button {
display: none;
border: 1px solid #aaa;
}
}
+.your_card {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ &:hover {
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+ }
+}
+
.marked {
border-color: black;
}