#cs_new_chessgame .input {
margin-bottom: 20px;
}
#cs_new_chessgame textarea {
height: 200px;
}
#cs_new_chessgame input[type="text"],
#cs_new_chessgame textarea {
width: 90%;
}
#cs_new_chessgame input#cs_result,
#cs_new_chessgame select.cs_result_ajax {
width: 90px;
} div.cs_chessgame_form_help {
width: 200px;
}
div.cs_chessgame_form_help_inside {
display: none;
}
div.cs_chessgame_form_help_inside span {
display: inline-block;
width: 200px;
} #cs_messages_top_container #cs_messages,
.cs-simple-list-search-message {
border-left: 4px solid #7ad03a;
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
padding: 1px 12px;
margin: 5px 0 15px;
}
.cs-simple-list-search-message {
margin-top: 20px;
}
#cs_messages_top_container #cs_messages.error,
.cs-simple-list-search-message.error {
border-left: 4px solid #dd3d36;
}
#cs_new_chessgame .error p {
margin: 0.5em 0;
padding: 2px;
} .cs_chessgame_meta {
padding-bottom: 10px
}
span.cs_chessgame_meta_header {
cursor: pointer;
}
.cs-chessgame-players .cs-icon-color {
display: inline-block;
height: 16px;
width: 16px;
background-color: #fff;
border: 1px solid #000;
margin-right: 8px;
}
.cs-chessgame-players .cs-icon-color.cs-black {
background-color: #000;
border: 1px solid #fff;
margin-right: 8px;
}
.cs_chessgame_meta_inside {
display: none;
}
.cs_chessgame_meta_inside div.cs-chessgame-button-row input {
margin-top: 10px;
}
img.cs-chessgame-fen-image-png {
padding: 10px 0 10px 0;
}
input#cs-chessgame-show-fen {
width: 100%;
}
.cs_chessgame_pgn.chessboard-wrapper {
width: 500px;
}
.cs_chessgame_pgn.chessboard-wrapper #GameText {
overflow: hidden auto;
height: 250px;
width: 100%;
} .chessboard-wrapper #GamePuzzleTask {
display: none;
}
.chessboard-wrapper.cs-puzzle #GameButtons,
.chessboard-wrapper.cs-puzzle #GameText {
display: none;
}
.chessboard-wrapper.cs-puzzle #GamePuzzleTask {
display: block;
}
.chessboard-wrapper.cs-puzzle .cs-icon-color {
display: inline-block;
height: 16px;
width: 16px;
background-color: #fff;
border: 1px solid #000;
margin-right: 8px;
}
s .cs-buttons {
padding-top: 20px;
} .cs-simple-list .cs-date {
color: gray;
} .cs-simple-list-form-container {
padding-bottom: 20px;
}
form.cs-simple-list-search {
padding-top: 20px;
} .cs-simple-list .page-navigation {
width: 100%;
text-align: left;
padding: 20px 0;
}
.cs-simple-list .page-navigation a,
.cs-simple-list .page-navigation span {
display: inline-block;
padding: 0px 6px;
margin-left: 0;
color: #555;
border: 1px solid #efefef;
text-decoration: none;
box-shadow: none;
} .cs-simple-list .page-navigation a:hover,
.cs-simple-list .page-navigation span.current {
background: #eee;
color: #000;
opacity: 0.8;
border: 1px solid #ddd;
}
.cs-simple-list .page-navigation span.dots {
padding: 0px 3px;
color: #555;
} .cs-simple-list .page-navigation a:nth-child(2),
.cs-simple-list .page-navigation span:nth-child(2) {
border-radius: 3px 0 0 3px;
}
.cs-simple-list .page-navigation a:last-child,
.cs-simple-list .page-navigation span:last-child {
border-radius: 0 3px 3px 0;
} html iframe.cs-iframe-extended,
html body.cs-iframe-extended,
html body.cs-iframe-extended .cs_chessgame_pgn.chessboard-wrapper {
height: 800px;
max-height: 800px;
}
body.cs-iframe-extended .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}  iframe.cs-iframe {
border-width: 0;
margin: 0;
padding: 0;
height: 344px;
max-height: 344px;
width: 300px;
max-width: 300px;
overflow: hidden;
}
body.cs-iframe {
border-width: 0;
margin: 0;
padding: 0;
width: 258px;
max-width: 258px;
height: 344px;
max-height: 344px;
overflow: hidden;
}
body.cs-iframe .cs_chessgame_pgn.chessboard-wrapper {
width: 258px;
max-width: 258px;
height: 300px;
max-height: 300px;
}
body.cs-iframe .cs_chessgame_pgn.chessboard-wrapper .boardTable {
border-width: 0;
margin: 0;
padding: 0;
width: 258px;
max-width: 258px;
height: 258px;
max-height: 258px;
}
body.cs-iframe #GameBoard .boardTable tr td {
padding: 1px;
}
body.cs-iframe #GameBoard .boardTable img.pieceImage {
width: 30px;
max-width: 30px;
height: 30px;
max-height: 30px;
}
body.cs-iframe .whiteSquare,
body.cs-iframe .blackSquare,
body.cs-iframe .highlightWhiteSquare,
body.cs-iframe .highlightBlackSquare {
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
}
body.cs-iframe #GameButtons {
margin-top: 20px;
}
body.cs-iframe #GameButtons table {
width: 258px;
max-width: 258px;
border: none;
}
body.cs-iframe #GameButtons table tr td {
padding: 0;
}
body.cs-iframe #GameButtons table tr td input {
width: 45px;
margin-right: 8px;
border: none;
cursor: pointer;
} body.cs-iframe .cs-chessgame-iframe #GameText {
display: none;
}
body.cs-iframe img.cs-chessgame-fen-image-png {
max-width: 258px;
max-height: 258px;
}
body.cs-iframe #GameText {
overflow: hidden auto;
height: 250px;
width: 100%;
}  .cs-boardtheme-365chess #GameButtons table tr td input {
background-color: #7186B8;
} .cs-boardtheme-bamboo #GameButtons table tr td input {
background-color: #dfc8b6;
} .cs-boardtheme-beyer #GameButtons table tr td input {
background-color: #aaaaaa;
background-image: url(//tasktrophy.in/wp-content/plugins/chessgame-shizzle/frontend/boardthemes/beyer.png);
background-size: contain;
} .cs-boardtheme-blogger #GameButtons table tr td input {
background-color: #cfcbb3;
} .cs-boardtheme-blue #GameButtons table tr td input {
background-color: #8ca2ad;
} .cs-boardtheme-burl #GameButtons table tr td input {
background-color: #bf8f5f;
} .cs-boardtheme-chesscom_blue #GameButtons table tr td input {
background-color: #4c6d92;
} .cs-boardtheme-chesscom_green #GameButtons table tr td input {
background-color: #769656;
} .cs-boardtheme-chessonline #GameButtons table tr td input {
background-color: #deb887;
} .cs-boardtheme-chesstempo_grey #GameButtons table tr td input {
background-color: #aaa;
} .cs-boardtheme-coffee_bean #GameButtons table tr td input {
background-color: #d4aa70;
} .cs-boardtheme-ebony_pine #GameButtons table tr td input {
background-color: #bca07b;
} .cs-boardtheme-executive #GameButtons table tr td input {
background-color: #dac6a5;
} .cs-boardtheme-falken #GameButtons table tr td input {
background-color: #636b6a;
} .cs-boardtheme-informator #GameButtons table tr td input {
background-color: #aaaaaa;
} .cs-boardtheme-joomla #GameButtons table tr td input {
background-color: #e0e0e0;
} .cs-boardtheme-lichess #GameButtons table tr td input {
background-color: #b58863;
} .cs-boardtheme-magazine #GameButtons table tr td input {
background-image: url(//tasktrophy.in/wp-content/plugins/chessgame-shizzle/thirdparty/boardthemes/magazine.png);
background-size: contain;
} .cs-boardtheme-marble #GameButtons table tr td input {
background-color: #eeeeee;
} .cs-boardtheme-marble_blue #GameButtons table tr td input {
background-image: url(//tasktrophy.in/wp-content/plugins/chessgame-shizzle/thirdparty/boardthemes/marble_blue_black.png);
background-size: contain;
} .cs-boardtheme-marble_green #GameButtons table tr td input {
background-color: #e2e7e1;
} .cs-boardtheme-newinchess #GameButtons table tr td input {
background-color: #ddd2bc;
} .cs-boardtheme-pgn4web #GameButtons table tr td input {
background-color: #C6CEC3;
} .cs-boardtheme-pgnviewer_yui #GameButtons table tr td input {
background-color: #EDD6C2;
} .cs-boardtheme-shredderchess #GameButtons table tr td input {
background-color: #B5BDCE;
} .cs-boardtheme-tornelo #GameButtons table tr td input {
background-color: #85c9e2;
} .cs-boardtheme-wenge #GameButtons table tr td input {
background-color: #e8cdbc;
} .cs-boardtheme-wikipedia #GameButtons table tr td input {
background-color: #d18b47;
} .cs-boardtheme-wood #GameButtons table tr td input {
background-color: #cfa88b;
} .cs-boardtheme-zeit #GameButtons table tr td input {
background-color: #6494b1;
}
.cs-simple-list h2.cs-title {
text-align: center;
max-width: 258px;
line-height: 21px;
font-size: 13px;
margin: 5px 0;
padding-top: 2px;
font-family: sans-serif;
} .cs-lesson-form-container {
padding: 20px 0;
}
form.cs-lesson-buttons input {
display: inline-block;
margin-right: 20px;
}
form.cs-lesson-filters,
form.cs-lesson-postid,
form.cs-lesson-search {
margin: 20px 0;
padding: 20px;
border: solid 1px #c3c4c7;
}
input.cs-lesson-filters-apply,
input.cs-lesson-show-postid,
input.cs-lesson-search-submit {
margin: 20px 0 0;
}
td.cs-chessgame-search-results table {
margin: 20px 0 10px 0;
}
td.cs-chessgame-search-results tr {
border-color: #ccc;
border-width: 1px 1px 1px 4px;
border-style: solid;
}
td.cs-chessgame-search-results th,
td.cs-chessgame-search-results td {
padding: 6px;
} html iframe.cs-iframe-extended.cs-lesson,
html body.cs-iframe-extended.cs-lesson,
html body.cs-iframe-extended.cs-lesson .cs_chessgame_pgn.chessboard-wrapper,
html body.cs-iframe-extended.cs-lesson .cs_chessgame_pgn.chessboard-wrapper .boardTable {
height: 900px;
max-height: 900px;
}
iframe.cs-iframe.cs-lesson {
height: 900px;
max-height: 900px;
width: 500px;
max-width: 500px;
}
body.cs-iframe.cs-lesson {
width: 500px;
max-width: 500px;
height: 900px;
max-height: 900px;
overflow-y: scroll;
}
body.cs-iframe.cs-lesson .cs_chessgame_pgn.chessboard-wrapper {
width: 500px;
max-width: 500px;
overflow-y: scroll;
}
body.cs-iframe.cs-lesson .cs_chessgame_pgn.chessboard-wrapper .boardTable {
width: 500px;
max-width: 500px;
}
body.cs-iframe.cs-lesson #GameBoard .boardTable img.pieceImage {
width: 50px;
max-width: 50px;
height: 50px;
max-height: 50px;
}
body.cs-iframe.cs-lesson .whiteSquare,
body.cs-iframe.cs-lesson .blackSquare,
body.cs-iframe.cs-lesson .highlightWhiteSquare,
body.cs-iframe.cs-lesson .highlightBlackSquare {
width: 28px;
max-width: 28px;
height: 28px;
max-height: 28px;
}
body.cs-iframe.cs-lesson #GameButtons table {
width: 500px;
}
body.cs-iframe.cs-lesson #GameButtons table tr td input {
width: 80px;
} @media print { html body div.cs_chessgame_meta .cs_chessgame_meta_header,
html body div.cs-chessgame-players .cs-icon-color,
html body .chessboard-wrapper div#GameButtons {
display: none;
} html body table#boardTable .whiteSquare {
print-color-adjust: exact !important;
}
html body table#boardTable .blackSquare {
print-color-adjust: exact !important;
}
} @media only screen and (max-width: 650px) { .cs_chessgame_pgn.chessboard-wrapper {
width: 250px;
} #GameBoard .boardTable img.pieceImage {
width: 32px !important; height: 32px !important;
} #GameBoard .boardTable tr td {
padding: 1px !important;
} #GameButtons table {
width: 200px;
} #GameButtons table tr td {
line-height: 15px;
padding: 2px;
}
#GameButtons table tr td input {
width: 47px;
border: 1px solid #aaa;
padding: 1px !important;
} #GameText {
height: 320px !important;
width: 290px !important;
line-height: 21px;
text-align: justify;
padding-right: 12px;
overflow: auto;
margin-bottom: 10px;
} #boardTable.boardTable {
margin-bottom: 0px;
} .boardTable {
width: 256px !important;
height: auto !important;
border: 1px solid #404040 !important;
} table, td {
border: 0px !important;
}
}
@media only screen and (max-width: 550px) {
body.cs-iframe #GameButtons table tr td input {
width: 38px;
max-width: 38px;
}
}