added css files

dist/browser/games/checkers/alquerque.css

@@ -0,0 +1,4 @@
+.back {
+	background-size: 40% 40%;
+}
+

dist/browser/games/checkers/checkersbase.css

@@ -0,0 +1,68 @@
+
+.checkersbase-board {
+	position: absolute;
+}
+
+.piece {
+	position: absolute;
+	z-index: 100;
+	font-size: 0;
+}
+
+.piece-white {
+	Xbackground-color: White;
+}
+
+.piece-black {
+	Xbackground-color: Black;
+}
+
+.possible {
+	position: absolute;
+	z-index: 50;
+	background-color: rgba(204,238,61,0.7);
+	Xopacity: 0.5;
+}
+
+.front {
+	position: absolute;
+	z-index: 200;
+	background-color: rgba(255,255,255,0.0);
+}
+
+.choice {
+	cursor: pointer;
+}
+
+.xd-choice {
+	cursor: pointer;
+}
+
+.xd-choice-view {
+	background-image: url(res/images/select-target-2d.png);
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center center;
+}
+
+.xd-cancel {
+	background-image: url(res/images/select-target-2d-cancel.png);
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center center;}
+
+.back {
+	background-image: url(res/images/backarrow2.png);
+	background-repeat: no-repeat;
+	background-size: 70% 70%;
+	background-position: center center;
+}
+
+.notation {
+	position: absolute;
+	z-index: 150;
+	color: White;
+	padding: 2px 0px 0px 2px;
+	font-weight: bold;
+	font-family: Arial, sans-serif;
+}

dist/browser/games/checkers/draughts.css

@@ -0,0 +1,10 @@
+
+.cell {
+	position: absolute;
+	z-index: 25;
+}
+
+.cell-black {
+	background-color: Black;
+	opacity: 0.1;
+}

dist/browser/games/checkers/kids-draughts.css

@@ -0,0 +1,8 @@
+.cell-black {
+	background-color: White;
+	opacity: 0.2;
+}
+
+.back {
+	background-size: 60% 60%;
+}

dist/browser/games/checkers/turkish.css

@@ -0,0 +1,11 @@
+
+.cell {
+	position: absolute;
+	z-index: 25;
+}
+
+.cell-black {
+	background-color: Black;
+	opacity: 0.1;
+}
+

dist/browser/games/chessbase/chessbase.css

@@ -0,0 +1,32 @@
+.classic-cell {
+}
+
+.classic-cell-black {
+}
+
+.classic-cell-white {
+}
+
+.cb-cell-select {
+	background-image: url(res/images/select-target-2d-cancel-black.png);
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center center;
+}
+
+.cb-cell-cancel {
+	background-image: url(res/images/select-target-2d-cancel.png);
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center center;
+}
+
+.classic-notation {
+	background-color: transparent;
+	font-weight: bold;
+}
+
+.cb-clicker {
+}
+
+

dist/browser/games/chessbase/circular.css

@@ -0,0 +1,10 @@
+
+.cb-cell-select {
+	background-image: url(res/images/select-target-2d-circular.png);
+	border-radius: 50%;
+}
+
+.cb-cell-cancel {
+	background-image: url(res/images/select-target-2d-circular-cancel.png);
+	border-radius: 50%;
+}

dist/browser/games/chessbase/hex.css

@@ -0,0 +1,18 @@
+
+.cb-cell-select {
+	background-image: url(res/images/select-target-2d-hexagon.png);
+	border-radius: 50%;
+}
+
+.cb-cell-cancel {
+	background-image: url(res/images/select-target-2d-cancel-hexagon.png);
+	border-radius: 50%;
+}
+
+.cb-cell-select.cb-hex-vert {
+	background-image: url(res/images/select-target-2d-hexagon-b.png);
+}
+
+.cb-cell-cancel.cb-hex-vert {
+	background-image: url(res/images/select-target-2d-cancel-hexagon-b.png);
+}

dist/browser/games/fourinarow/fiarbase.css

@@ -0,0 +1,13 @@
+.fiar-text{
+	text-align: center;
+	cursor:default;
+}
+.fiar-holes-left{
+	background-image: url(res/images/holeleft.png);
+	background-repeat:repeat-y;
+	background-size: contain;
+}.fiar-holes-right{
+	background-image: url(res/images/holeright.png);
+	background-repeat:repeat-y;
+	background-size: contain;
+}

dist/browser/games/hunt/decercarlaliebre.css

@@ -0,0 +1,32 @@
+.area-canvas.medieval{
+	background-image: url(res/images/liebre/liebreboard.jpg);
+	background-size: contain;
+	background-repeat: none;
+}
+
+.piece.medieval-hunter{
+	background-image: url(res/images/liebre/token_hunter.png);
+	background-size: contain;
+	background-repeat: none;
+}
+
+.piece.medieval-liebre{
+	background-image: url(res/images/liebre/token_liebre.png);
+	background-size: contain;
+	background-repeat: none;
+}
+.highlight.medieval{
+	z-index: 15;
+	background: none;
+	background-image: url(res/images/liebre/circle_blue.png);
+	background-size: contain;
+	background-repeat: none;	
+}
+.medieval.back{
+	background-image: url(res/images/liebre/circle_red.png);
+}
+
+.notation.medieval {
+	color: #ffffff;
+	overflow: hidden;
+}

dist/browser/games/hunt/hunt.css

@@ -0,0 +1,95 @@
+.background {
+	position: absolute;
+	z-index: 0;
+	overflow: hidden;
+}
+
+.area {
+	position: absolute;
+	z-index: 10;
+}
+
+.area-canvas {
+	position: absolute;
+	z-index: 11;
+}
+
+.layout {
+	position: absolute;
+	z-index: 20;
+}
+
+.layout {
+	position: absolute;
+	z-index: 20;
+}
+
+.notation {
+	position: absolute;
+	z-index: 40;
+	text-align: center;
+	color: #990000;
+	font-weight: bold;
+}
+
+.piece, .piece-dock {
+	position: absolute;
+	z-index: 30;
+}
+
+.piece-count {
+	position: absolute;
+	z-index: 29;
+	text-align: center;
+	font-weight: bold;
+	font-family: Times New Roman, cursive;
+}
+
+.highlight {
+	background-color: rgba(0,255,0,0.5);
+	border-radius: 50%;
+}
+
+.back {
+	background-color: rgba(255,100,0,0.8);
+	border-radius: 50%;
+}
+
+.confirm {
+	background-color: rgba(0,255,0,0.9);
+	border-radius: 50%;
+}
+
+.front {
+	position: absolute;
+	z-index: 50;
+	cursor: pointer;
+	background-color: rgba(0,0,0,0);
+}
+
+.xd-notation {
+	color: White;
+	text-shadow: 2px 2px #333333;
+}
+
+/*
+.layout-board {
+	background-color: rgba(0,255,0,0.2);	
+}
+
+.layout-header {
+	background-color: rgba(255,0,0,0.2);	
+}
+
+.layout-footer {
+	background-color: rgba(0,0,255,0.2);	
+}
+
+.layout-left {
+	background-color: rgba(255,255,0,0.2);	
+}
+
+.layout-right {
+	background-color: rgba(255,0,255,0.2);	
+}
+*/

dist/browser/games/mana/mana.css

@@ -0,0 +1,28 @@
+.mana-text {
+	color : Black;
+	text-align : center;
+	background-color: rgba(255,255,255,1);	
+	border-radius : 50%;
+	border: 1px inset Black;
+}
+
+.mana-select {
+	background-size: contain;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-image: url(res/images/select.png);
+	opacity: 0;
+	cursor: pointer;
+}
+
+.mana-select-view {
+	opacity: 1.0;
+}
+
+.mana-cancel {
+	background-size: contain;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-image: url(res/images/select-cancel.png);
+	cursor: pointer;
+}

dist/browser/games/margo/spbase.css

@@ -0,0 +1,63 @@
+
+.sp-board {
+	position: absolute;
+	z-index: 0;
+}
+
+.sp-board-canvas {
+	position: absolute;
+	z-index: 10;
+}
+	
+.sp-cell {
+	position: absolute;
+	background-position: center center;
+	background-size: 100% 100%;
+}
+
+.sp-notation {
+	position: absolute;
+	color: #808080;
+	font-weight: bold;
+	font-family: Arial, sans-serif;
+	text-align: center;
+}
+
+.sp-red {
+	background-image: url(res/images/ball_red.png);
+}
+
+.sp-black {
+	background-image: url(res/images/ball_black.png);
+}
+
+.sp-white {
+	background-image: url(res/images/ball_white.png);
+}
+
+.sp-choice {
+	position: absolute;
+	background-color: transparent;
+	opacity: 0.5;
+	//border: 1px solid Red;
+}
+
+.sp-choice-view {
+	background-color: Lime;
+}
+
+.sp-front {
+	position: absolute;
+	background-color: transparent;
+	cursor: pointer;
+}
+
+.sp-disk {
+	border-radius: 50%;	
+}
+
+/*
+.sp-picked {
+	opacity: 0.6;
+}
+*/

dist/browser/games/mills/mills.css

@@ -0,0 +1,78 @@
+
+#jocly-board {
+}
+
+.mills-board {
+	position: absolute;
+}
+
+.piece {
+	position: absolute;
+	z-index: 100;
+	font-size: 0;
+}
+
+.piece-white {
+	Xbackground-color: White;
+}
+
+.piece-black {
+	Xbackground-color: Black;
+}
+
+.possible {
+	position: absolute;
+	z-index: 50;
+	/*background-color: rgba(244,238,61,0.4);*/
+	background-image: url(res/images/dot.png);
+	background-size: contain;
+	background-position: center;
+	background-repeat: no-repeat;	
+	/* opacity: 0.5; */
+}
+
+.possible-piece {
+	background-image: url(res/images/circle.png);
+}
+
+.possible-back {
+	background-color: rgba(244,188,61,0.4);
+}
+
+.front {
+	position: absolute;
+	z-index: 200;
+	background-color: rgba(255,255,255,0.0);
+}
+
+.choice {
+	cursor: pointer;
+}
+
+.back {
+	background-image: url(res/images/backarrow2.png);
+	background-repeat: no-repeat;
+	background-size: 70% 70%;
+	background-position: center center;
+}
+
+.notation {
+	position: absolute;
+	z-index: 150;
+	color: Black;
+	padding: 2px 0px 0px 2px;
+	font-weight: bold;
+	font-family: Arial, sans-serif;
+	text-align: center;
+	text-shadow: 2px 2px #ffffff;
+}
+
+.xd-choice-view {
+	background-color: Lime;
+	border-radius: 50%;
+}
+
+.xd-cancel {
+	background-color: #ffcc00;
+	border-radius: 50%;
+}

dist/browser/games/pensoc/pensoc.css

@@ -0,0 +1,102 @@
+
+.pensoc-area {
+	position: absolute;
+	background-color: #F0F0FF;
+	z-index: 0;
+	overflow: hidden;
+}
+
+.pensoc-area-canvas {
+	position: absolute;
+	background-color: Orange;
+	z-index: 0;
+}
+
+.pensoc-buttons-canvas {
+	position: absolute;
+	//background-color: Lime;
+	z-index: 7;
+}
+
+.pensoc-board {
+	position: absolute;
+	Xbackground-color: #99FFFF;
+	z-index: 0;
+}
+
+.pensoc-board-canvas {
+	position: absolute;
+	z-index: 0;
+}
+
+.highlighter,.backlighter {
+	position: absolute;
+	z-index: 5;
+	/*background-color: rgba(255,128,128,0.5);*/
+}
+
+.rotator-circle {
+	position: absolute;
+	z-index: 4;
+}
+
+.arrow {
+	position: absolute;
+	z-index: 4;
+}
+
+.back {
+	background-color: Orange;
+}
+
+.penguin {
+	position: absolute;
+	z-index: 10;
+}
+
+.goal {
+	position: absolute;
+	z-index: 12;
+}
+
+.ghost {
+	opacity: 0.2;
+	z-index: 8;
+}
+
+.ball {
+	position: absolute;
+	z-index: 3;
+}
+
+.cancel {
+	position: absolute;
+	z-index: 3;
+	/*background-color: White;*/
+}
+
+.board-arrow {
+	position: absolute;
+	z-index: 18;
+}
+
+.front {
+	position: absolute;
+	z-index: 20;
+	cursor: pointer;
+	background-color: rgba(0,0,0,0);
+}
+
+.notation {
+	position: absolute;
+	z-index: 15;
+	color: #808080;
+	text-align: center;
+}
+
+.clicker {
+	background-color: #fff;
+	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+	filter": alpha(opacity=0);
+	opacity: 0;
+}

dist/browser/games/tafl/tafl.css

@@ -0,0 +1,38 @@
+.cell {
+}
+
+.cell-black {
+	background-color: rgba(0,0,0,0.2);
+}
+
+.cell-white {
+	background-color: rgba(255,255,255,0.2);
+}
+
+.cell-exclude {
+	background-color: rgba(0,0,0,.5);
+}
+
+.cell-home {
+	background-color: rgba(255,255,255,.5);
+}
+
+.cell.cell-select {
+	background-image: url(res/images/selectcell2.png);
+	background-size: contain;
+}
+
+.cell.cell-cancel {
+	background-image: url(res/images/unselectcell.png);
+	background-size: contain;
+}
+
+.notation {
+	background-color: transparent;
+	font-weight: bold;
+}
+
+.clicker {
+}
+
+

dist/browser/games/yohoho/yohoho.css

@@ -0,0 +1,58 @@
+.cell {
+	position: absolute;
+	z-index: 0;
+}
+
+.cellcanvas {
+	position: absolute;
+	z-index: 100;
+}
+
+.piece {
+	position:absolute;
+}
+.front {
+	position: absolute;
+	z-index: 200;
+	background-color: rgba(255,255,255,0);
+}
+.cell.chosen {
+	//background-color: rgba(69,139,211,1.0);	
+	background-color: rgba(255,139,211,1.0);	
+}
+
+.notation {
+	position: absolute;
+	z-index: 150;
+	color: White;
+	padding: 2px 0px 0px 2px;
+	font-weight: bold;
+	font-family: Arial, sans-serif;
+	/* text-shadow: 0 2px 0 #000; */
+}
+
+.choice-view {
+	background-color: rgba(255,255,255,0.2);
+	border-left: white solid 2px;
+	border-left-color: rgba(255,255,255,0.5);
+	border-right: white solid 2px;
+	cursor: pointer;
+}
+
+.choice-view-capture {
+	background-color: rgba(255,0,0,0.3);
+	cursor: pointer;
+}
+
+.choice-view-cancel {
+	background-color: rgba(255,255,128,0.3);
+	cursor: pointer;
+}
+
+.attack {
+	background-color: rgba(255,165,0,0.4);
+}
+
+.attacker {
+	background-color: rgba(255,255,0,0.4);
+}