snap to grid so edges line up

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
index 615961a..c613024 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);
@@ -53,6 +58,9 @@ h1 {
        .shadow(1px, 1px, 8px, 0.4);
        border-radius: 4px;
 
+       &:hover {
+               z-index: 9999 !important;
+       }
        .button {
                display: none;
                border: 1px solid #aaa;
@@ -68,6 +76,21 @@ 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;
 }