hdkv/lorchess.ru
1
Fork 0
Code Releases Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_assets/stylesheets/theme.css.less
View File

@ -1 +0,0 @@
//= require less/pgn4web

3
_layouts/default.html
View File

@ -13,9 +13,6 @@
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link rel="stylesheet" href="/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<!-- Custom styles for this template -->
{% stylesheet theme %}
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

2
_layouts/game.html
View File

@ -2,6 +2,8 @@
layout: default layout: default
--- ---
<link rel="stylesheet" href="/assets/css/pgn4web.css">
<div class="col-xs-12 col-sm-10 col-sm-offset-1"> <div class="col-xs-12 col-sm-10 col-sm-offset-1">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{{ content }} {{ content }}

28
_assets/stylesheets/less/pgn4web.less → assets/css/pgn4web.scss
View File

@ -1,3 +1,7 @@
---
---
/* Enable the scrolling of chess board up to the page top */ /* Enable the scrolling of chess board up to the page top */
body, html { height: 100%; } body, html { height: 100%; }
@ -7,22 +11,22 @@ body, html { height: 100%; }
/* Chess board */ /* Chess board */
@squareSize: 56px; $squareSize: 56px;
@boardBorderWidth: 4px; $boardBorderWidth: 4px;
@boardSize: 8 * @squareSize + 2 * @boardBorderWidth; $boardSize: 8 * $squareSize + 2 * $boardBorderWidth;
.boardTable { .boardTable {
width: @boardSize; width: $boardSize;
height: @boardSize; height: $boardSize;
border: @boardBorderWidth solid #663300; border: $boardBorderWidth solid #663300;
} }
.whiteSquare, .blackSquare { .whiteSquare, .blackSquare {
width: @squareSize; width: $squareSize;
height: @squareSize; height: $squareSize;
} }
.pieceImage { .pieceImage {
height: @squareSize; height: $squareSize;
width: @squareSize; width: $squareSize;
} }
.whiteSquare, .highlightWhiteSquare { .whiteSquare, .highlightWhiteSquare {
background: #ffcc99; background: #ffcc99;
@ -38,7 +42,7 @@ body, html { height: 100%; }
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: @boardSize + 10px; left: $boardSize + 10px;
right: 0; right: 0;
display: block; display: block;
@ -47,7 +51,7 @@ body, html { height: 100%; }
.moveOn, .variationOn { .moveOn, .variationOn {
color: #fff; color: #fff;
background-color: #428bca; background-color: #428bca;
a&:hover { &:hover {
background-color: darken(#428bca, 10%); background-color: darken(#428bca, 10%);
} }
} }