1

Move the stylesheet of chess board into directory 'assets'.

This commit is contained in:
vonavi
2014-07-01 17:15:13 +03:00
parent 1f5c78eaec
commit f3da846578
4 changed files with 18 additions and 16 deletions

57
assets/css/pgn4web.scss Normal file
View File

@@ -0,0 +1,57 @@
---
---
/* Enable the scrolling of chess board up to the page top */
body, html { height: 100%; }
#GameWrapper { min-height: 100%; }
#GameBoardWrapper { position: relative; }
/* Chess board */
$squareSize: 56px;
$boardBorderWidth: 4px;
$boardSize: 8 * $squareSize + 2 * $boardBorderWidth;
.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;
}
/* Game text */
#GameText {
position: absolute;
top: 0;
bottom: 0;
left: $boardSize + 10px;
right: 0;
display: block;
overflow-y: auto;
}
.moveOn, .variationOn {
color: #fff;
background-color: #428bca;
&:hover {
background-color: darken(#428bca, 10%);
}
}