feat: update layout and styling, extend memorial page content
Enhanced layout snippet with conditional styling support for dark mode. Updated typography and grid classes for improved text and visual consistency. Added additional memorial section content, including headings and text fields for tributes. Expanded blueprint definitions with new block types (`line`, `gallery`, and `quote`). Adjusted chessboard piece and square dimensions in `pgn4web.css` for refined appearance.
This commit is contained in:
@@ -0,0 +1,132 @@
|
||||
/* * pgn4web javascript chessboard
|
||||
* copyright (C) 2009-2013 Paolo Casaschi
|
||||
* see README file and http://pgn4web.casaschi.net
|
||||
* for credits, license and more details */
|
||||
@import url("../fonts/pgn4web-font-LiberationSans.css");
|
||||
@import url("../fonts/pgn4web-font-ChessSansUsual.css");
|
||||
|
||||
div,
|
||||
span,
|
||||
table,
|
||||
tr,
|
||||
td {
|
||||
font-family: 'pgn4web Liberation Sans', sans-serif;
|
||||
|
||||
/* fixes IE9 body css issue */
|
||||
}
|
||||
|
||||
.boardTable {
|
||||
border-style: double;
|
||||
border-color: black;
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
.pieceImage {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
.whiteSquare,
|
||||
.blackSquare,
|
||||
.highlightWhiteSquare,
|
||||
.highlightBlackSquare {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.whiteSquare,
|
||||
.highlightWhiteSquare {
|
||||
border-color: #EFF4EC;
|
||||
background: #EFF4EC;
|
||||
}
|
||||
|
||||
.blackSquare,
|
||||
.highlightBlackSquare {
|
||||
border-color: #C6CEC3;
|
||||
background: #C6CEC3;
|
||||
}
|
||||
|
||||
.highlightWhiteSquare,
|
||||
.highlightBlackSquare {
|
||||
border-style: inset;
|
||||
border-color: gray;
|
||||
}
|
||||
|
||||
.selectControl {
|
||||
/* a "width" attribute here must use the !important flag to override default settings */
|
||||
}
|
||||
|
||||
.optionSelectControl {
|
||||
}
|
||||
|
||||
.buttonControlPlay,
|
||||
.buttonControlStop,
|
||||
.buttonControl {
|
||||
/* a "width" attribute here must use the !important flag to override default settings */
|
||||
}
|
||||
|
||||
.buttonControlSpace {
|
||||
/* a "width" attribute here must use the !important flag to override default settings */
|
||||
}
|
||||
|
||||
.searchPgnButton {
|
||||
/* a "width" attribute here must use the !important flag to override default settings */
|
||||
}
|
||||
|
||||
.searchPgnExpression {
|
||||
/* a "width" attribute here must use the !important flag to override default settings */
|
||||
}
|
||||
|
||||
.move,
|
||||
.variation,
|
||||
.comment {
|
||||
line-height: 1.4em;
|
||||
font-weight: normal;
|
||||
font-size: 1.5rem;
|
||||
font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
|
||||
}
|
||||
|
||||
.move,
|
||||
.variation,
|
||||
.commentMove {
|
||||
font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
|
||||
}
|
||||
|
||||
a.move,
|
||||
a.variation,
|
||||
.commentMove {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.move,
|
||||
.variation {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.move:hover,
|
||||
a.variation:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.move {
|
||||
color: #c6c6c6;
|
||||
}
|
||||
|
||||
.comment,
|
||||
.variation,
|
||||
.label {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
a.variation {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.moveOn,
|
||||
.variationOn {
|
||||
background: #DAF4D7;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user