div.ludo-window {
background-color: #ddd;
border: 1px solid #aeb0b0;
}
.ludo-view {
background-color: transparent
}
.dhtml-chess-view-metadata-game div.ludo-body {
color: #333
}
.ludo-tab-strip-tab-txt-svg, .ludo-tab-strip-tab-txt-svg-active {
font-family: arial, helvetica, sans-serif;
font-size: 11px !important;
}
.ludo-layout-tabs {
background-color: #eee !important;
padding: 0 !important;
}
body.ludo-twilight {
background-color: transparent
}
.ludo-tab-strip {
background-color: #aeb0b0
}
.ludo-tab-expand-box {
background-color: #ddd
}
.ludo-tab-strip-tab {
border-color: #aeb0b0;
}
div.ludo-tab-strip-tab span {
color: #333;
}
div.ludo-tab-strip-tab-active span {
color: #000;
}
div.ludo-tab-strip-tab-bg {
border-color: #aeb0b0
}
.ludo-tab-strip-tab-active div.ludo-tab-strip-tab-bg {
border-color: #ddd !important
}
.ludo-tab-strip .ludo-tab-strip-line {
background-color: #ddd;
border-color: #aeb0b0;
}
.ludo-tab-strip-bottom .ludo-tab-strip-line {
border-top-width: 0;
height: 4px
}
.ludo-tab-strip-top {
border-bottom: 1px solid #aeb0b0 !important;
}
.ludo-tab-strip-top .ludo-tab-strip-line {
border-bottom-width: 0;
height: 4px
}
.ludo-tab-strip-bottom {
border-top: 1px solid #aeb0b0;
}
.ludo-tab-strip-left {
border-right: 1px solid #aeb0b0;
}
.ludo-tab-strip-left .ludo-tab-strip-line {
border-left: 1px solid #aeb0b0;
}
.ludo-tab-strip-right {
border-left: 1px solid #aeb0b0;
}
.ludo-tab-strip-right .ludo-tab-strip-line {
border-right: 1px solid #aeb0b0;
}
div.ludo-tab-strip-tab-active {
background-color: #ddd
}
.ludo-grid-Grid .ludo-body {
background-color: transparent
}
.ludo-grid div.ludo-resize-handle-active {
background-color: transparent
}
.ludo-grid-header-cell {
box-sizing: content-box;
background-color: #ddd;
border-right: 1px solid #aeb0b0;
border-bottom: 1px solid #aeb0b0;
color: #000;
}
.ludo-grid-Grid div.ludo-active-record {
font-weight: bold;
background-color: #ccc;
}
.ludo-grid-Grid .ludo-menu-button-active {
background-color: #535354;
border-left: 1px solid transparent
}
.ludo-grid-data-container {
color: #000
}
.ludo-container-frame {
border-color: #424242
}
.ludo-scroller {
background-color: transparent;
}
.ludo-grid-header-cell {
color: #000;
}
.ludo-grid-data-column {
border-right-width: 0;
}
.ludo-grid-data-even-row {
}
.ludo-grid-data-odd-row, .ludo-grid-data-even-row {
border-bottom-width: 0;
}
.ludo-grid-record-over {
background-color: #eee;
}
.ludo-window > .ludo-framed-view-titlebar > .ludo-framed-view-titlebar-title {
text-align: center !important;
width: 100%;
line-height: 24px;
}
.ludo-framed-view-titlebar {
background-color: #424242;
font-weight: normal;
border-bottom: 1px solid #aeb0b0;
border-radius: 0;
color: #FFF;
}
.ludo-window > .ludo-framed-view-titlebar {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: #e3e3e4;
color: #000;
}
.ludo-window {
box-shadow: 3px 3px 7px #222;
-webkit-box-shadow: 3px 3px 7px #222;
-moz-box-shadow: 3px 3px 7px #222;
}
.ludo-form-button-m-bg-left, .ludo-form-button-m-bg-right {
background-image: none;
display: none;
}
.ludo-form-button {
height: 24px;
}
.ludo-window > .ludo-body {
font-size: 14px;
padding: 3px;
}
.ludo-form-button .ludo-body {
border-radius: 999px;
}
.ludo-view-buttonbar {
height: 30px !important;
}
.ludo-form-button div.ludo-form-button-over {
background-color: #555;
border: 1px solid #333
} .ludo-form-button div.ludo-form-button-down {
background-color: #aeb0b0;
color: #444;
border: 1px solid #555
}
.ludo-form-button .ludo-body {
border: 1px solid #444;
background-color: #666;
color: #aeb0b0;
}
div.ludo-form-button-disabled {
opacity: 0.5;
}
.ludo-view, .ludo-view div {
box-sizing: content-box !important;
}
div.dhtml-chess-notation-panel {
cursor: default;
user-select: none;
font-weight: normal;
-moz-user-select: none;
-webkit-user-select: none;
}
div.dhtml-chess-notation-panel img.dc-figurine {
display: inline !important;
margin: 0 !important;;
padding: 0 !important;
opacity: 1 !important;
}
.ludo-chess-view-metadata-game {
color: #222;
}
div.dhtml-chess-notation-panel, span.notation-branch, .notation-chess-move {
font-weight: bold;
}
span.notation-comment {
display: inline;
font-style: normal;
font-family: inherit !important;
} span.notation-chess-move-highlighted {
font-weight: normal;
}
.dhtml-chess-view-notation-table {
line-height: 120%;
font-size: 12px;
}
.ludo-chess-view-notation-table > .ludo-body {
border-radius: 5px;
border-width: 1px;
}
div.dhtml-chess-side-to-move-board {
position: absolute;
width: 100%;
height: 100%;
border-radius: 999px;
box-sizing: border-box !important;
}
div.dhtml-chess-side-to-move,
div.dhtml-chess-side-to-move-outer, div.dhtml-chess-side-to-move-inner {
box-sizing: border-box !important;
border-radius: 999px;
}
.dhtml-chess-side-to-move-outer {
position: absolute;
right: 0;
border: 1px solid;
}
.dhtml-chess-side-to-move-outer-white {
border-color: transparent;
}
.dhtml-chess-side-to-move-outer-black {
border-color: transparent;
}
.dhtml-chess-side-to-move-inner {
border: 0;
}
.dhtml-chess-side-to-move-white {
background-color: #FFF;
}
.dhtml-chess-side-to-move-black {
background-color: #111;
}
.dhtml-chess-side-to-move-white, .dhtml-chess-side-to-move-black {
animation-name: whitesideanim;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
animation-iteration-count: infinite;
}
@keyframes whitesideanim {
0% {
opacity: 0.5;
-moz-opacity: 0.5;
}
50% {
opacity: 1;
-moz-opacity: 0.5;
}
100% {
opacity: 0.5;
-moz-opacity: 0.5;
}
}
@keyframes blacksideanim {
from {
background-color: #888;
}
to {
background-color: #000;
}
}
.dhtml-chess-comp-eval-notation {
color: #000 !important;
}
.dhtml-chess-comp-eval-score {
color: #000 !important;
}
.dhtml-chess-comp-eval {
font-size: 0.8em;
}
.ludo-view {
font-family: inherit;
}
.ludo-tab-strip span {
font-size: 13px;
}
.ludo-view img {
background-color: transparent !important;
} .dhtml-chess-comp-dialog .dhtml-chess-comp-dialog-selected-color {
border-color: #1B5E20 !important;
font-weight: bold;
}
.rating-change-win, .title-win {
color: #1B5E20;
}
.rating-change-loss, .title-loss {
color: #EF5350;
}
.rating-change-draw, .title-draw {
color: #555;
}
.ludo-notification {
background-color: #0D47A1;
color: #FFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
border-radius: 999px;
}
.dhtml_chess_game_solved, .dhtml_chess_loading, .dhtml_chess_overlay_parent {
z-index: 20000;
position: absolute;
width: 100%;
height: 100%;
}
.dhtml_chess_overlay_parent div {
background-repeat: no-repeat;
background-position: center center;
}
.dhtml_chess_game_solved_overlay, .dhtml_chess_overlay {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
-moz-opacity: 0.2;
background-color: #FFF;
filter: alpha(opacity=50);
}
.dhtml_chess_centered_bg {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
}
.dhtml_chess_loading_image {
background: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/loader.gif) no-repeat center center;
}
.dhtml_chess_overlay_image {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
background: no-repeat center center;
}
.dhtml_chess_game_solved_image {
background-image: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/puzzle-solved.png);
}
.dhtml_chess_game_wrong_move_image {
background-image: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/wrong-move-icon.png);
}
.dhtml_chess_current_annotation {
background-color: #eee;
border-radius: 5px;
padding: 8px;
}
.dhtml-chess-square-highlight {
opacity: 0.5;
background-color: #D32F2F;
}
.dhtml_chess_game_over_text {
color: #01579B;
font-size: 40px;
text-align: center;
width: 100%;
position: absolute;
font-weight: bold;
}
.wpc-avatar {
background: no-repeat center center;
}
.wpc-login-image {
background-image: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/login-200x200.png);
}
.wpc-user-info-panel {
border-radius: 5px;
padding: 3px;
background-color: #DDD;
overflow: hidden;
}
.wpc-user-info-nick {
font-size: 24px;
}
.wpc-user-info-elo {
font-size: 24px;
font-weight: bold;
padding-right: 2px;
}
.wpc-image-button {
background: no-repeat center center;
cursor: pointer;
background-color: #CCC;
border-radius: 4px;
}
.wpc-image-button-over {
background-color: #BBB;
}
.wpc-clock {
float: right;
padding-left: 35px;
padding-right: 4px;
background: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/clock-icon.png) left center no-repeat;
}
.wpc-clock-digits {
position: relative;
top: 0;
font-family: digital-7, arial, sans-serif;
}
.wpc-positve-elo {
color: #388E3C;
}
.wpc-negative-elo {
color: #D32F2F;
} .dhtml-chess-promote-piece .ludo-body {
background-color: transparent;
border-color: #F00;
}
.wpc-icon-view {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: no-repeat center center;
}
.wpc-color-view {
position: absolute;
border-radius: 5px;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: no-repeat center center;
}
.wpc-color-view-parent {
margin-top: 2px;
margin-bottom: 2px;
}
.wpc-tactics-solved {
background-color: #388E3C;
}
.wpc-tactics-failed {
background-color: #D32F2F;
}
.wpc-tactics-skipped {
background-color: #FFC107;
}
.wpc-start-button-large {
cursor: pointer;
background-image: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/images/btn-play-large.png);
}
@font-face {
font-family: digital-7; src: url(//www.hellochess.cn/wp-content/plugins/wordpresschess/public/../api/fonts/digital-7/digital-7-mono.ttf);
font-weight: bold;
}
div.dhtml-chess-board {
border-style: solid;
border-width: 1px;
}
.dhtml-chess-square-white {
background-color: transparent;
}
.dhtml-chess-square-black {
background-color: transparent;
}