initial commit

css/styles.css

@@ -0,0 +1,58 @@
+#site {
+    width: 60%;
+    margin: 0 auto;
+    border: 1px solid grey;
+    padding: 1rem;
+}
+#site h2 {
+    text-align: center;
+}
+
+#gamePanel {}
+#gamePanel .field {
+    display:inline-block;
+}
+#gamePanel .field.even {
+    background-color: #aaa;
+}
+#gamePanel .field.odd {
+    background-color: #ccc;
+}
+.field {
+    position: relative;
+}
+.field .bobble {
+    content: "";
+    position: absolute;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    background-color: rgba(255,255,255,0.7);
+    text-align:center;
+}
+.field.black {
+    background-image: url(../img/bauer_black.png);
+}
+
+.field.white {
+    background-image: url(../img/bauer_weiss.png);
+}
+
+.field.white.shogun {
+    background-image: url(../img/king_weiss.png)
+}
+.field.black.shogun {
+    background-image: url(../img/king_black.png)
+}
+.field {
+    background-size:cover;
+    background-repeat: no-repeat;
+}
+
+.field.farmer,
+.field.shogun {
+    cursor:pointer;
+}
+#gamePanel .field.possibleMove {
+    background-color: rgba(100,150,20, 0.8);
+}