you can flip and mark cards

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
index 91ce8bc..5df22bd 100644 (file)
--- a/style.less
+++ b/style.less
@@ -23,8 +23,8 @@ h1 {
 }
 
 #table {
-       height: 600px;
-       width: 860px;
+       height: 700px;
+       width: 960px;
        background: #eee;
        position: relative;
        .shadow(2px, 2px, 10px, 0.4);
@@ -40,4 +40,29 @@ h1 {
        border: 2px solid #fff;
        .shadow(1px, 1px, 8px, 0.4);
        border-radius: 4px;
+
+       .button {
+               display: none;
+               border: 1px solid #aaa;
+               border-radius: 2px;
+               background-color: #fff;
+       }
+       .button:hover {
+               background: #eee;
+               cursor: pointer;
+       }
+       &:hover .button {
+               display: block;
+       }
+}
+
+.marked {
+       border-color: black;
+}
+
+.flipped {
+       .cardtext {
+               display: none;
+       }
+       background-color: #ddd;
 }