hide other players hand

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
index 615961a..31bb99d 100644 (file)
--- a/style.less
+++ b/style.less
@@ -12,6 +12,11 @@
 @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);
@@ -43,16 +48,26 @@ h1 {
        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;
@@ -68,11 +83,26 @@ h1 {
        }
 }
 
+.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;
 }
 
-.flipped {
+.flipped, .your_hand {
        .cardtext {
                display: none;
        }