X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.less;h=2473abf3855a5017fd5984d78bad57d5b0ea332a;hb=46e1ca575f0a419dffac2dc652a7cae08410bff3;hp=615961a40ce25bd476f42b3e70c05fef3eb40891;hpb=5cdd81017da7451214f548effc71ec717b3d3c4d;p=peach-cgt.git

diff --git a/style.less b/style.less
index 615961a..2473abf 100644
--- 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,6 +83,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;
 }