coffeescript, html, less, server

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
new file mode 100644 (file)
index 0000000..91ce8bc
--- /dev/null
+++ b/style.less
@@ -0,0 +1,43 @@
+@card-width: 100px;
+@card-height: 140px;
+
+.shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
+       @val: @x @y @blur rgba(0, 0, 0, @alpha);
+       box-shadow:         @val;
+       -webkit-box-shadow: @val;
+       -moz-box-shadow:    @val;
+}
+
+body {
+       color: black;
+       background: #ccc;
+       font-size: 11px;
+       margin: 0;
+       padding: 10px;
+}
+
+h1 {
+       margin-top: 0;
+       font: bold 20px 'Verdana';
+       color: blue;
+}
+
+#table {
+       height: 600px;
+       width: 860px;
+       background: #eee;
+       position: relative;
+       .shadow(2px, 2px, 10px, 0.4);
+       border: 2px solid #468;
+}
+
+.card {
+       width: @card-width;
+       height: @card-height;
+       padding: 2px;
+       position: absolute;
+       background: #fff;
+       border: 2px solid #fff;
+       .shadow(1px, 1px, 8px, 0.4);
+       border-radius: 4px;
+}