+// 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;
@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;
}
-moz-box-shadow: @val;
}
-body {
+body, #other_player_url {
color: black;
background: #ccc;
font-size: 11px;
+ font-weight: normal;
margin: 0;
padding: 10px;
}
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;
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;
border-color: black;
}
-.flipped {
+.flipped, .your_hand {
.cardtext {
display: none;
}
#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;
+}