.pgn-sourcegame {
display: none
}
.pgn-source-wrapper {
text-align: center;
min-height: 365px;
}
.pgn-board-div {
display: inline-block;
position: relative;
margin: 0 auto;
border: 8px ridge grey;
border-radius: 10px;
}
.pgn-image-button {
height: 26px;
width: 26px;
margin: 0.25em;
padding: 3px;
border: 1px solid #a2a9b1;
border-radius: 6px;
cursor: pointer;
background-color: #f8f9fa;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.pgn-image-button:hover { background-color: #fff; }
.pgn-image-button-on { box-shadow: inset 0 0 0 1px #36c; }
.pgn-legend { text-align: center; }
.pgn-pgn-display { height: 100%; direction: ltr; }
.pgn-descriptions { height: 100%; overflow: auto; }
.pgn-hide-descriptions .pgn-descriptions { display:none; }
.pgn-movelink {
margin: 0 0.2em;
font-weight: bold;
cursor: pointer;
unicode-bidi: isolate;
padding: 3px;
border-radius: 6px;
transition: ease-in-out 500ms;
}
.pgn-steplink { margin: 0 0.3em; color: green; font-weight: bold; }
.pgn-current-move { background-color: #ccf; }
.pgn-comment { margin: 0 0.3em; color: blue; background-color: lightblue; font-weight: bold; }
.pgn-comments-hidden .pgn-comment { display: none; }
.pgn-rtl-comment { direction: rtl; text-align: right; unicode-bidi: embed; display: inline-block;}
.pgn-row-legend, .pgn-file-legend { position: absolute; line-height: 20px; }
.pgn-notations, .pgn-pgndiv {
unicode-bidi: isolate;
text-align: left;
max-height: 24em;
max-width: 26em;
position: relative;
margin: auto;
margin-bottom: 1.5em;
display: inline-block;
overflow: auto;
}
.pgn-chessPiece {
position: absolute;
background-size: cover;
transition: ease-in-out 500ms;
min-width: 12.5%;
max-width: 12.5%;
min-height: 12.5%;
max-height: 12.5%;
}
.pgn-chessPiece.pgn-transition-immediate {
transition-property: top, left;
transition-duration: 0ms;
}
/* pieces */
.pgn-ptype-color-pl { background-image: url(//upload.wikimedia.org/wikipedia/commons/4/45/Chess_plt45.svg); }
.pgn-ptype-color-pd { background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c7/Chess_pdt45.svg); }
.pgn-ptype-color-rl { background-image: url(//upload.wikimedia.org/wikipedia/commons/7/72/Chess_rlt45.svg); }
.pgn-ptype-color-rd { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/ff/Chess_rdt45.svg); }
.pgn-ptype-color-nl { background-image: url(//upload.wikimedia.org/wikipedia/commons/7/70/Chess_nlt45.svg); }
.pgn-ptype-color-nd { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ef/Chess_ndt45.svg); }
.pgn-ptype-color-bl { background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b1/Chess_blt45.svg); }
.pgn-ptype-color-bd { background-image: url(//upload.wikimedia.org/wikipedia/commons/9/98/Chess_bdt45.svg); }
.pgn-ptype-color-ql { background-image: url(//upload.wikimedia.org/wikipedia/commons/1/15/Chess_qlt45.svg); }
.pgn-ptype-color-qd { background-image: url(//upload.wikimedia.org/wikipedia/commons/4/47/Chess_qdt45.svg); }
.pgn-ptype-color-kl { background-image: url(//upload.wikimedia.org/wikipedia/commons/4/42/Chess_klt45.svg); }
.pgn-ptype-color-kd { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f0/Chess_kdt45.svg); }
/* let the knights do a "hocky-stick" move */
.pgn-ptype-color-nl, .pgn-ptype-color-nd { transition: top ease-in-out 500ms, left ease 350ms, opacity ease-in-out 500ms; }
/* board image */
.pgn-board-img {
background-image: url(//upload.wikimedia.org/wikipedia/commons/5/5b/Chessboard480.png);
background-size: cover;
}
/* buttons images */
.pgn-button-tostart { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e9/Ic_skip_previous_48px.svg); }
.pgn-button-toend { background-image: url(//upload.wikimedia.org/wikipedia/commons/5/55/Ic_skip_next_48px.svg); }
.pgn-button-play { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/84/Ic_play_arrow_48px.svg); }
.pgn-button-advance { background-image: url(//upload.wikimedia.org/wikipedia/commons/0/09/Ic_keyboard_arrow_right_48px.svg); }
.pgn-button-retreat { background-image: url(//upload.wikimedia.org/wikipedia/commons/c/cc/Ic_keyboard_arrow_left_48px.svg); }
.pgn-button-faster { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e8/Libreboot_logo.svg); }
.pgn-button-slower { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/FP_Snail_icon.svg); }
.pgn-button-flip { background-image: url(//upload.wikimedia.org/wikipedia/commons/3/3c/Yin_and_Yang_symbol.svg); transition: 500ms; }
.pgn-button-cc { background-image: url(//upload.wikimedia.org/wikipedia/commons/1/1d/Ic_closed_caption_48px.svg); }
.pgn-button-flip.pgn-image-button-on { transform: rotate(180deg); }
.pgn-button-play.pgn-image-button-on { background-image: url(//upload.wikimedia.org/wikipedia/commons/9/95/Ic_pause_48px.svg); }
html.client-nojs .pgn-controls { display: none; }
.pgn-nojs-message {
color: red;
font-weight: bold;
font-size: 200%;
}
html.client-js .pgn-nojs-message {
display: none;
}
/* row % */
.pgn-flip .pgn-prow-0, .pgn-prow-7 { top: 0; }
.pgn-flip .pgn-prow-1, .pgn-prow-6 { top: 12.5%; }
.pgn-flip .pgn-prow-2, .pgn-prow-5 { top: 25%; }
.pgn-flip .pgn-prow-3, .pgn-prow-4 { top: 37.5%; }
.pgn-flip .pgn-prow-4, .pgn-prow-3 { top: 50%; }
.pgn-flip .pgn-prow-5, .pgn-prow-2 { top: 62.5%; }
.pgn-flip .pgn-prow-6, .pgn-prow-1 { top: 75%; }
.pgn-flip .pgn-prow-7, .pgn-prow-0 { top: 87.5%; }
/* file */
.pgn-flip .pgn-pfile-7, .pgn-pfile-0 { left: 0; }
.pgn-flip .pgn-pfile-6, .pgn-pfile-1 { left: 12.5%; }
.pgn-flip .pgn-pfile-5, .pgn-pfile-2 { left: 25%; }
.pgn-flip .pgn-pfile-4, .pgn-pfile-3 { left: 37.5%; }
.pgn-flip .pgn-pfile-3, .pgn-pfile-4 { left: 50%; }
.pgn-flip .pgn-pfile-2, .pgn-pfile-5 { left: 62.5%; }
.pgn-flip .pgn-pfile-1, .pgn-pfile-6 { left: 75%; }
.pgn-flip .pgn-pfile-0, .pgn-pfile-7 { left: 87.5%; }
.pgn-piece-hidden { opacity: 0 !important; }
.pgn-piece-visible { opacity: 1.0; }
.pgn-ply-destination {
border: 2px solid green;
border-radius: 10px;
box-sizing: border-box;
}
.pgn-ply-source {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/2c/OOjs_UI_icon_flag-rtl-progressive.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.6;
transition-duration: 0ms;
}
.pgn-row-left { position: absolute; text-align: right; }
.pgn-row-right { position: absolute; text-align: left; }
.pgn-file-top { position: absolute; text-align: center; vertical-align: bottom; }
.pgn-file-bottom { position: absolute; text-align: center; vertical-align: top; }
.pgn-row-legend { position: absolute; height: 12.5%; line-height: 3; }
.pgn-file-legend { position: absolute; width: 12.5%; }
.pgn-row-left .pgn-row-legend { right: 0; }
