X-Git-Url: https://jasonwoof.com/gitweb/?p=peach-cgt.git;a=blobdiff_plain;f=style.less;h=dba932914144894d18ec88c1bfd6f3155c5eb507;hp=58cb3591b15fd8d4ceb0939a63b55940081f1a70;hb=HEAD;hpb=480b41bb7b13be95e5e0ed18c2a46692aedc11ad

diff --git a/style.less b/style.less
index 58cb359..dba9329 100644
--- a/style.less
+++ b/style.less
@@ -1,3 +1,8 @@
+// style.less
+// Copyright (C) 2011  Jason Woofenden
+// Lincensed under CC0 (ie public domain).
+// Note that most of Peach CGT is AGPLv3
+
 @table-width: 1000px;
 @table-height: 800px;
 
@@ -12,7 +17,7 @@
 @your-side-color: #ffe2e2;
 @my-side-color: #e2ffe2;
 
-#loading-card {
+#loading_card {
 	top: (@table-height - @card-height) / 2 - 4px;
 	left: (@table-width - @card-width) / 2 - 4px;
 }
@@ -25,10 +30,11 @@
 	-moz-box-shadow:    @val;
 }
 
-body {
+body, #other_player_url {
 	color: black;
 	background: #ccc;
 	font-size: 11px;
+	font-weight: normal;
 	margin: 0;
 	padding: 10px;
 }
@@ -39,6 +45,16 @@ h1 {
 	color: blue;
 }
 
+#main_header {
+	margin-bottom: 0px; // no decenders, big font
+}
+
+#main_warning {
+	color: red;
+	font-weight: bold;
+	margin-top: 0px;
+}
+
 #table {
 	width: @table-width;
 	height: @table-height;
@@ -48,16 +64,29 @@ 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;
+	overflow: hidden;
 	.shadow(1px, 1px, 8px, 0.4);
-	border-radius: 4px;
 
+	&:hover {
+		height: auto;
+		min-height: @card-height;
+		z-index: 9999 !important;
+	}
 	.button {
 		display: none;
 		border: 1px solid #aaa;
@@ -73,11 +102,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;
 	}
@@ -131,3 +175,27 @@ h1 {
 #my_side div {
 	top: 0; // @table-height - @hand-height;
 }
+
+#deck_designer {
+	position: absolute;
+	top: 40px;
+	left: 10px;
+	background: white;
+	z-index: 10000;
+	width: @table-width + 10;
+	height: @table-height + 20;
+	overflow: scroll;
+	.shadow(3px, 3px, 16px, 0.8);
+
+	li, div {
+		cursor: pointer;
+	}
+
+	.in_deck {
+		color: #080;
+	}
+}
+
+#copyright {
+	padding-top: 4px;
+}