Add the game layout with a pgn4web chess board.

2014-02-18 16:45:54 +02:00
parent b7562b7ae9
commit 411f1704c1
6 changed files with 109 additions and 0 deletions
--- a/_assets/stylesheets/less/pgn4web.less
+++ b/_assets/stylesheets/less/pgn4web.less
@@ -0,0 +1,36 @@
+@squareSize: 56px;
+@boardBorderWidth: 4px;
+@boardSize: 8 * @squareSize + 2 * @boardBorderWidth;
+
+#GameWrapper {
+  float: left;
+  width: @boardSize;
+}
+#TextWrapper {
+  margin-left: @boardSize;
+  padding-left: 15px;
+}
+#GameWrapper.affix {
+  top: 0;
+}
+
+.boardTable {
+  width: @boardSize;
+  height: @boardSize;
+  border: @boardBorderWidth solid #663300;
+}
+.whiteSquare, .blackSquare {
+  width: @squareSize;
+  height: @squareSize;
+}
+.pieceImage {
+  height: @squareSize;
+  width: @squareSize;
+}
+
+.whiteSquare, .highlightWhiteSquare {
+  background: #FFCC99;
+}
+.blackSquare, .highlightBlackSquare {
+  background: #CC9966;
+}