start on deck designer

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
index 58cb359..db96490 100644 (file)
--- a/style.less
+++ b/style.less
@@ -48,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;
@@ -73,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;
        }
@@ -131,3 +156,15 @@ 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);
+}