996 lines
24 KiB
CSS
996 lines
24 KiB
CSS
div.lichess_game {
|
|
display: table;
|
|
}
|
|
div.lichess_board_wrap {
|
|
display: table-cell;
|
|
border: 1px solid #ccc;
|
|
position: relative;
|
|
}
|
|
span.board_mark {
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
color: #bbb;
|
|
font-weight: bold;
|
|
cursor: default;
|
|
}
|
|
span.board_mark.vert {
|
|
right: -10px;
|
|
}
|
|
span.board_mark.horz {
|
|
bottom: -14px;
|
|
}
|
|
div.lichess_board {
|
|
width: 512px;
|
|
height: 512px;
|
|
position: relative;
|
|
}
|
|
div.lichess_board,
|
|
#GameBoard,
|
|
.mini_board {
|
|
background-size: contain;
|
|
}
|
|
div.lcs {
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
body.blue div.lichess_board,
|
|
body.blue #GameBoard,
|
|
body.blue .mini_board,
|
|
body.blue .cg-board,
|
|
#top div.color_demo.blue {
|
|
background-image: url(../images/board/blue.png);
|
|
}
|
|
body.blue2 div.lichess_board,
|
|
body.blue2 #GameBoard,
|
|
body.blue2 .mini_board,
|
|
body.blue2 .cg-board,
|
|
#top div.color_demo.blue2 {
|
|
background-image: url(../images/board/blue2.jpg);
|
|
}
|
|
body.wood2 div.lichess_board,
|
|
body.wood2 #GameBoard,
|
|
body.wood2 .mini_board,
|
|
body.wood2 .cg-board,
|
|
#top div.color_demo.wood2 {
|
|
background-image: url(../images/board/wood2.jpg);
|
|
}
|
|
body.marble div.lichess_board,
|
|
body.marble #GameBoard,
|
|
body.marble .mini_board,
|
|
body.marble .cg-board,
|
|
#top div.color_demo.marble {
|
|
background-image: url(../images/board/marble.jpg);
|
|
}
|
|
body.brown div.lichess_board,
|
|
body.brown #GameBoard,
|
|
body.brown .mini_board,
|
|
body.brown .cg-board,
|
|
#top div.color_demo.brown {
|
|
background-image: url(../images/board/brown.png);
|
|
}
|
|
body.green div.lichess_board,
|
|
body.green #GameBoard,
|
|
body.green .mini_board,
|
|
body.green .cg-board,
|
|
#top div.color_demo.green {
|
|
background-image: url(../images/board/green.png);
|
|
}
|
|
body.olive div.lichess_board,
|
|
body.olive #GameBoard,
|
|
body.olive .mini_board,
|
|
body.olive .cg-board,
|
|
#top div.color_demo.olive {
|
|
background-image: url(../images/board/olive.jpg);
|
|
}
|
|
body.purple div.lichess_board,
|
|
body.purple #GameBoard,
|
|
body.purple .mini_board,
|
|
body.purple .cg-board,
|
|
#top div.color_demo.purple {
|
|
background-image: url(../images/board/purple.png);
|
|
}
|
|
body.grey div.lichess_board,
|
|
body.grey #GameBoard,
|
|
body.grey .mini_board,
|
|
body.grey .cg-board,
|
|
#top div.color_demo.grey {
|
|
background-image: url(../images/board/grey.jpg);
|
|
}
|
|
body.wood div.lichess_board,
|
|
body.wood #GameBoard,
|
|
body.wood .mini_board,
|
|
body.wood .cg-board,
|
|
#top div.color_demo.wood {
|
|
background-image: url(../images/board/wood3-512.jpg);
|
|
}
|
|
body.canvas div.lichess_board,
|
|
body.canvas #GameBoard,
|
|
body.canvas .mini_board,
|
|
body.canvas .cg-board,
|
|
#top div.color_demo.canvas {
|
|
background-image: url(../images/board/canvas2-512.jpg);
|
|
}
|
|
body.leather div.lichess_board,
|
|
body.leather #GameBoard,
|
|
body.leather .mini_board,
|
|
body.leather .cg-board,
|
|
#top div.color_demo.leather {
|
|
background-image: url(../images/board/leather-512.jpg);
|
|
}
|
|
/* KotH boards */
|
|
|
|
body.blue div.lichess_board.kingOfTheHill,
|
|
body.blue #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/blue.jpg);
|
|
}
|
|
body.blue2 div.lichess_board.kingOfTheHill,
|
|
body.blue2 #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/blue2.jpg);
|
|
}
|
|
body.wood2 div.lichess_board.kingOfTheHill,
|
|
body.wood2 #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/wood2.jpg);
|
|
}
|
|
body.marble div.lichess_board.kingOfTheHill,
|
|
body.marble #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/marble.jpg);
|
|
}
|
|
body.brown div.lichess_board.kingOfTheHill,
|
|
body.brown #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/brown.jpg);
|
|
}
|
|
body.green div.lichess_board.kingOfTheHill,
|
|
body.green #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/green.jpg);
|
|
}
|
|
body.olive div.lichess_board.kingOfTheHill,
|
|
body.olive #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/olive.jpg);
|
|
}
|
|
body.purple div.lichess_board.kingOfTheHill,
|
|
body.purple #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/purple.jpg);
|
|
}
|
|
body.grey div.lichess_board.kingOfTheHill,
|
|
body.grey #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/grey.jpg);
|
|
}
|
|
body.wood div.lichess_board.kingOfTheHill,
|
|
body.wood #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/wood.jpg);
|
|
}
|
|
body.canvas div.lichess_board.kingOfTheHill,
|
|
body.canvas #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/canvas.jpg);
|
|
}
|
|
body.leather div.lichess_board.kingOfTheHill,
|
|
body.leather #GameBoard.kingOfTheHill {
|
|
background-image: url(../images/board/koth/leather.jpg);
|
|
}
|
|
@media
|
|
|
|
only screen and (-webkit-min-device-pixel-ratio:2),
|
|
only screen and (min--moz-device-pixel-ratio:2),
|
|
only screen and (min-device-pixel-ratio:2),
|
|
only screen and (min-resolution:192dpi),
|
|
only screen and (min-resolution:2dppx) {
|
|
body.wood div.lichess_board, body.wood #GameBoard, body.wood .mini_board, body.wood .cg-board, #top div.color_demo.wood {
|
|
background-image: url(../images/board/wood3-1024.jpg);
|
|
}
|
|
body.canvas div.lichess_board,
|
|
body.canvas #GameBoard,
|
|
body.canvas .mini_board,
|
|
body.canvas .cg-board,
|
|
#top div.color_demo.canvas {
|
|
background-image: url(../images/board/canvas2-1024.jpg);
|
|
}
|
|
body.leather div.lichess_board,
|
|
body.leather #GameBoard,
|
|
body.leather .mini_board,
|
|
body.leather .cg-board,
|
|
#top div.color_demo.leather {
|
|
background-image: url(../images/board/leather-1024.jpg);
|
|
}
|
|
}
|
|
div.lcsi {
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
div.lichess_board div.lcs.selected div.lcsi,
|
|
div.lichess_board div.lcs.selectable div.lcsi {
|
|
cursor: pointer;
|
|
}
|
|
div.piece {
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
background-size: cover;
|
|
}
|
|
div.piece.ui-draggable-dragging {
|
|
z-index: 999;
|
|
}
|
|
div.my_turn div.piece.ui-draggable {
|
|
cursor: move;
|
|
}
|
|
body.cburnett div.pawn.white {
|
|
background-image: url(../piece/cburnett/wP.svg);
|
|
}
|
|
body.cburnett div.bishop.white {
|
|
background-image: url(../piece/cburnett/wB.svg);
|
|
}
|
|
body.cburnett div.knight.white,
|
|
#top div.piece_demo.cburnett {
|
|
background-image: url(../piece/cburnett/wN.svg);
|
|
}
|
|
body.cburnett div.rook.white {
|
|
background-image: url(../piece/cburnett/wR.svg);
|
|
}
|
|
body.cburnett div.queen.white {
|
|
background-image: url(../piece/cburnett/wQ.svg);
|
|
}
|
|
body.cburnett div.king.white {
|
|
background-image: url(../piece/cburnett/wK.svg);
|
|
}
|
|
body.cburnett div.pawn.black {
|
|
background-image: url(../piece/cburnett/bP.svg);
|
|
}
|
|
body.cburnett div.bishop.black {
|
|
background-image: url(../piece/cburnett/bB.svg);
|
|
}
|
|
body.cburnett div.knight.black {
|
|
background-image: url(../piece/cburnett/bN.svg);
|
|
}
|
|
body.cburnett div.rook.black {
|
|
background-image: url(../piece/cburnett/bR.svg);
|
|
}
|
|
body.cburnett div.queen.black {
|
|
background-image: url(../piece/cburnett/bQ.svg);
|
|
}
|
|
body.cburnett div.king.black {
|
|
background-image: url(../piece/cburnett/bK.svg);
|
|
}
|
|
body.pirouetti div.piece.white {
|
|
-webkit-filter: drop-shadow(0 0 0.5px #000);
|
|
}
|
|
body.pirouetti div.piece.black {
|
|
-webkit-filter: drop-shadow(0 0 0.6px #e0e0e0);
|
|
}
|
|
body.pirouetti div.piece.ui-draggable-dragging,
|
|
body.pirouetti div.piece.animating {
|
|
-webkit-filter: none!important;
|
|
}
|
|
body.pirouetti div.pawn.white {
|
|
background-image: url(../piece/pirouetti/wP.svg);
|
|
}
|
|
body.pirouetti div.bishop.white {
|
|
background-image: url(../piece/pirouetti/wB.svg);
|
|
}
|
|
body.pirouetti div.knight.white,
|
|
#top div.piece_demo.pirouetti {
|
|
background-image: url(../piece/pirouetti/wN.svg);
|
|
}
|
|
body.pirouetti div.rook.white {
|
|
background-image: url(../piece/pirouetti/wR.svg);
|
|
}
|
|
body.pirouetti div.queen.white {
|
|
background-image: url(../piece/pirouetti/wQ.svg);
|
|
}
|
|
body.pirouetti div.king.white {
|
|
background-image: url(../piece/pirouetti/wK.svg);
|
|
}
|
|
body.pirouetti div.pawn.black {
|
|
background-image: url(../piece/pirouetti/bP.svg);
|
|
}
|
|
body.pirouetti div.bishop.black {
|
|
background-image: url(../piece/pirouetti/bB.svg);
|
|
}
|
|
body.pirouetti div.knight.black {
|
|
background-image: url(../piece/pirouetti/bN.svg);
|
|
}
|
|
body.pirouetti div.rook.black {
|
|
background-image: url(../piece/pirouetti/bR.svg);
|
|
}
|
|
body.pirouetti div.queen.black {
|
|
background-image: url(../piece/pirouetti/bQ.svg);
|
|
}
|
|
body.pirouetti div.king.black {
|
|
background-image: url(../piece/pirouetti/bK.svg);
|
|
}
|
|
body.merida div.pawn.white {
|
|
background-image: url(../piece/merida/wP.svg);
|
|
}
|
|
body.merida div.bishop.white {
|
|
background-image: url(../piece/merida/wB.svg);
|
|
}
|
|
body.merida div.knight.white,
|
|
#top div.piece_demo.merida {
|
|
background-image: url(../piece/merida/wN.svg);
|
|
}
|
|
body.merida div.rook.white {
|
|
background-image: url(../piece/merida/wR.svg);
|
|
}
|
|
body.merida div.queen.white {
|
|
background-image: url(../piece/merida/wQ.svg);
|
|
}
|
|
body.merida div.king.white {
|
|
background-image: url(../piece/merida/wK.svg);
|
|
}
|
|
body.merida div.pawn.black {
|
|
background-image: url(../piece/merida/bP.svg);
|
|
}
|
|
body.merida div.bishop.black {
|
|
background-image: url(../piece/merida/bB.svg);
|
|
}
|
|
body.merida div.knight.black {
|
|
background-image: url(../piece/merida/bN.svg);
|
|
}
|
|
body.merida div.rook.black {
|
|
background-image: url(../piece/merida/bR.svg);
|
|
}
|
|
body.merida div.queen.black {
|
|
background-image: url(../piece/merida/bQ.svg);
|
|
}
|
|
body.merida div.king.black {
|
|
background-image: url(../piece/merida/bK.svg);
|
|
}
|
|
body.spatial div.pawn.white {
|
|
background-image: url(../piece/spatial/wP.svg);
|
|
}
|
|
body.spatial div.bishop.white {
|
|
background-image: url(../piece/spatial/wB.svg);
|
|
}
|
|
body.spatial div.knight.white,
|
|
#top div.piece_demo.spatial {
|
|
background-image: url(../piece/spatial/wN.svg);
|
|
}
|
|
body.spatial div.rook.white {
|
|
background-image: url(../piece/spatial/wR.svg);
|
|
}
|
|
body.spatial div.queen.white {
|
|
background-image: url(../piece/spatial/wQ.svg);
|
|
}
|
|
body.spatial div.king.white {
|
|
background-image: url(../piece/spatial/wK.svg);
|
|
}
|
|
body.spatial div.pawn.black {
|
|
background-image: url(../piece/spatial/bP.svg);
|
|
}
|
|
body.spatial div.bishop.black {
|
|
background-image: url(../piece/spatial/bB.svg);
|
|
}
|
|
body.spatial div.knight.black {
|
|
background-image: url(../piece/spatial/bN.svg);
|
|
}
|
|
body.spatial div.rook.black {
|
|
background-image: url(../piece/spatial/bR.svg);
|
|
}
|
|
body.spatial div.queen.black {
|
|
background-image: url(../piece/spatial/bQ.svg);
|
|
}
|
|
body.spatial div.king.black {
|
|
background-image: url(../piece/spatial/bK.svg);
|
|
}
|
|
body.alpha div.pawn.white {
|
|
background-image: url(../piece/alpha/wP.svg);
|
|
}
|
|
body.alpha div.bishop.white {
|
|
background-image: url(../piece/alpha/wB.svg);
|
|
}
|
|
body.alpha div.knight.white,
|
|
#top div.piece_demo.alpha {
|
|
background-image: url(../piece/alpha/wN.svg);
|
|
}
|
|
body.alpha div.rook.white {
|
|
background-image: url(../piece/alpha/wR.svg);
|
|
}
|
|
body.alpha div.queen.white {
|
|
background-image: url(../piece/alpha/wQ.svg);
|
|
}
|
|
body.alpha div.king.white {
|
|
background-image: url(../piece/alpha/wK.svg);
|
|
}
|
|
body.alpha div.pawn.black {
|
|
background-image: url(../piece/alpha/bP.svg);
|
|
}
|
|
body.alpha div.bishop.black {
|
|
background-image: url(../piece/alpha/bB.svg);
|
|
}
|
|
body.alpha div.knight.black {
|
|
background-image: url(../piece/alpha/bN.svg);
|
|
}
|
|
body.alpha div.rook.black {
|
|
background-image: url(../piece/alpha/bR.svg);
|
|
}
|
|
body.alpha div.queen.black {
|
|
background-image: url(../piece/alpha/bQ.svg);
|
|
}
|
|
body.alpha div.king.black {
|
|
background-image: url(../piece/alpha/bK.svg);
|
|
}
|
|
body.staunton div.pawn.white {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-Pawn.png);
|
|
}
|
|
body.staunton div.bishop.white {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-Bishop.png);
|
|
}
|
|
body.staunton div.knight.white,
|
|
#top div.piece_demo.staunton {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-Knight.png);
|
|
}
|
|
body.staunton div.rook.white {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-Rook.png);
|
|
}
|
|
body.staunton div.queen.white {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-Queen.png);
|
|
}
|
|
body.staunton div.king.white {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/White-King.png);
|
|
}
|
|
body.staunton div.pawn.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-Pawn.png);
|
|
}
|
|
body.staunton div.bishop.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-Bishop.png);
|
|
}
|
|
body.staunton div.knight.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-Knight.png);
|
|
}
|
|
body.staunton div.rook.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-Rook.png);
|
|
}
|
|
body.staunton div.queen.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-Queen.png);
|
|
}
|
|
body.staunton div.king.black {
|
|
background-image: url(../staunton/Renders/Pieces/Wood/Black-King.png);
|
|
}
|
|
body.staunton div.cg-piece {
|
|
height: 140%;
|
|
width: 120%;
|
|
left: -10%;
|
|
top: -10%;
|
|
z-index: 3;
|
|
}
|
|
div.lichess_game_not_started {
|
|
position: relative;
|
|
}
|
|
div.lichess_overboard {
|
|
position: absolute;
|
|
z-index: 199;
|
|
width: 305px;
|
|
top: 214px;
|
|
left: 105px;
|
|
padding: 15px 0 22px 0;
|
|
font-size: 14px;
|
|
line-height: 1.8em;
|
|
text-decoration: none;
|
|
background: #fff;
|
|
box-shadow: 0 0 95px 25px rgba(0, 0, 0, 0.6);
|
|
text-align: center;
|
|
}
|
|
div.lichess_overboard a.close {
|
|
float: right;
|
|
display: block;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
margin-top: -12px;
|
|
margin-right: 6px;
|
|
opacity: 0.4;
|
|
}
|
|
div.lichess_overboard a.close:hover {
|
|
opacity: 1;
|
|
}
|
|
div.lichess_overboard .loader span {
|
|
font-size: 50px;
|
|
line-height: 103px;
|
|
}
|
|
div.lichess_overboard p.explanations {
|
|
margin: 1.5em 10px 0 10px;
|
|
font-size: 12px;
|
|
line-height: 1.4em;
|
|
text-align: center;
|
|
}
|
|
#premove_alert,
|
|
#dont_touch {
|
|
display: none;
|
|
position: absolute;
|
|
top: 512px;
|
|
left: -1px;
|
|
width: 512px;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border: 1px solid #ccc;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #d85000;
|
|
z-index: 50;
|
|
}
|
|
#lichess_id_input {
|
|
margin-top: 10px;
|
|
width: 90%;
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
padding: 1em 0;
|
|
}
|
|
#promotion_choice {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 404px;
|
|
height: 288px;
|
|
background: rgba(250, 250, 250, 0.7);
|
|
text-align: center;
|
|
padding: 224px 0 0 108px;
|
|
}
|
|
#promotion_choice div.piece {
|
|
float: left;
|
|
position: static;
|
|
padding: 5px;
|
|
width: 54px;
|
|
height: 54px;
|
|
margin: 0 5px;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
background-color: #b0b0b0;
|
|
box-shadow: inset 0 0 15px 3px #707070;
|
|
}
|
|
#promotion_choice div.piece:hover {
|
|
box-shadow: 0 0 10px #d85000;
|
|
}
|
|
div.lichess_join_url {
|
|
display: none;
|
|
background: none;
|
|
border: none;
|
|
margin: 1em 0 0 0;
|
|
}
|
|
div.lichess_join_url span {
|
|
display: block;
|
|
padding: 0.5em;
|
|
background: #fff;
|
|
margin-top: 1em;
|
|
border: 1px solid #D4D4D4;
|
|
}
|
|
div.lichess_ground {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding-left: 15px;
|
|
}
|
|
div.lichess_table_wrap {
|
|
width: 242px;
|
|
}
|
|
div.lichess_table {
|
|
border: 1px solid #ccc;
|
|
height: auto;
|
|
padding: 10px;
|
|
}
|
|
div.lichess_table.spectator {
|
|
top: 160px;
|
|
}
|
|
div.lichess_table_not_started {
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 0px;
|
|
width: 242px;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
div.lichess_table div.username {
|
|
display: inline-block;
|
|
}
|
|
div.lichess_table div.username span.status {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
}
|
|
div.lichess_table div.username span.status:before {
|
|
font-family: 'lichess';
|
|
font-size: 17px;
|
|
vertical-align: -4px;
|
|
content: '0';
|
|
color: #ac524f;
|
|
opacity: 0.1;
|
|
}
|
|
div.lichess_table div.username.statused span.status:before {
|
|
opacity: 1;
|
|
}
|
|
div.lichess_table div.username.connected span.status:before {
|
|
content: '3';
|
|
color: #759900;
|
|
}
|
|
div.lichess_table div.username a:hover {
|
|
text-decoration: none;
|
|
}
|
|
div.lichess_table .button.strong {
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
}
|
|
div.lichess_table_wrap > div.clock {
|
|
position: relative;
|
|
}
|
|
div.lichess_table_wrap > div.clock > div.bar {
|
|
position: absolute;
|
|
width: 242px;
|
|
height: 4px;
|
|
}
|
|
div.lichess_table_wrap > div.clock_top > div.bar {
|
|
bottom: -4px;
|
|
}
|
|
div.lichess_table_wrap > div.clock_bottom > div.bar {
|
|
top: -4px;
|
|
}
|
|
div.lichess_table_wrap > div.clock > div.bar > span {
|
|
display: block;
|
|
height: 4px;
|
|
width: 0px;
|
|
background: #759900;
|
|
}
|
|
div.lichess_table_wrap > div.clock > div.time {
|
|
display: inline-block;
|
|
border: 1px solid #ccc;
|
|
padding: 0 8px;
|
|
font-size: 27px;
|
|
font-family: monospace;
|
|
}
|
|
div.lichess_table_wrap > div.clock > div.time > span {
|
|
font-size: 80%;
|
|
}
|
|
div.lichess_table_wrap > div.clock > div.time b {
|
|
font-weight: bold;
|
|
}
|
|
div.lichess_table_wrap > div.clock.running > div.time {
|
|
background: #fff077;
|
|
color: #444;
|
|
}
|
|
div.lichess_table_wrap > div.clock.running.emerg > div.time {
|
|
background-color: #eFAAAA;
|
|
color: #444;
|
|
}
|
|
div.lichess_table_wrap > div.clock.outoftime > div.time {
|
|
background-color: #eFAAAA;
|
|
font-weight: bold;
|
|
color: #444;
|
|
}
|
|
div.lichess_table_wrap > div.clock_top > div.time {
|
|
border-bottom: 0;
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
div.lichess_table_wrap > div.clock_bottom > div.time {
|
|
border-top: 0;
|
|
border-radius: 0 0 2px 2px;
|
|
}
|
|
div.lichess_table_wrap a.moretime {
|
|
opacity: 0.4;
|
|
position: absolute;
|
|
text-decoration: none;
|
|
font-size: 20px;
|
|
right: 0px;
|
|
top: 3px;
|
|
}
|
|
div.lichess_table_wrap a.moretime:hover {
|
|
opacity: 1;
|
|
}
|
|
div.player_blurs {
|
|
margin: 1em 0;
|
|
}
|
|
div.lichess_table_next {
|
|
top: 145px;
|
|
}
|
|
div.lichess_separator {
|
|
margin: 10px 0;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
div.lichess_control {
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
div.lichess_control button {
|
|
margin: auto;
|
|
}
|
|
div.lichess_control a.lichess_play_again {
|
|
margin-left: 1em;
|
|
}
|
|
div.lichess_control div.lichess_play_again_join {
|
|
text-align: left;
|
|
}
|
|
div.lichess_control div.lichess_play_again_join a.lichess_play_again {
|
|
margin-left: 0;
|
|
font-size: 150%;
|
|
display: block;
|
|
}
|
|
div.lichess_control div.rematch_alert {
|
|
margin-bottom: 1em;
|
|
}
|
|
div.lichess_control div.rematch_alert .button {
|
|
margin-top: 1em;
|
|
}
|
|
div.lichess_control div.rematch_wait {
|
|
margin-bottom: 1em;
|
|
}
|
|
div.lichess_control.icons .button {
|
|
font-size: 16px;
|
|
height: 34px;
|
|
padding: 0 10px;
|
|
margin: 0 3px;
|
|
}
|
|
div.lichess_control.icons .takeback span:before {
|
|
display: inline-block;
|
|
transform: translateY(1px);
|
|
}
|
|
div.lichess_control.icons .draw span:before {
|
|
display: inline-block;
|
|
transform: translateY(-1px) rotate(-90deg);
|
|
-webkit-transform: rotate(-90deg);
|
|
}
|
|
div.lichess_control.icons .resign span:before {
|
|
display: inline-block;
|
|
transform: translateY(1px);
|
|
}
|
|
div.lichess_control.buttons .button {
|
|
display: block;
|
|
margin-bottom: 0.7em;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
div.lichess_control .lichess_rematch.disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
#claim_draw_zone,
|
|
div.force_resign_zone,
|
|
div.negociation {
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
#claim_draw_zone .button,
|
|
div.negociation .button,
|
|
div.force_resign_zone .button {
|
|
display: inline-block;
|
|
}
|
|
div.force_resign_zone {
|
|
display: none;
|
|
}
|
|
div.lichess_separator {
|
|
margin: 10px 0;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
#start_buttons a {
|
|
margin: 2.5em 0 0 0;
|
|
font-size: 1.3em;
|
|
padding: 1em;
|
|
text-align: center;
|
|
display: block;
|
|
letter-spacing: -1px;
|
|
}
|
|
div.lichess_current_player {
|
|
height: 64px;
|
|
}
|
|
div.lichess_current_player div.lichess_player {
|
|
position: absolute;
|
|
margin-left: -5px;
|
|
}
|
|
div.lichess_current_player div.lichess_player div.cg-piece {
|
|
width: 64px;
|
|
height: 64px;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
div.lichess_current_player div.lichess_player p {
|
|
height: 64px;
|
|
line-height: 64px;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #888;
|
|
margin: 0 0 0 64px;
|
|
}
|
|
div.lichess_table.finished div.lichess_player p {
|
|
line-height: 2em;
|
|
font-size: 12px;
|
|
margin-top: 12px;
|
|
}
|
|
div.lichess_cemetery {
|
|
height: 108px;
|
|
width: 262px;
|
|
position: absolute;
|
|
left: 0px;
|
|
}
|
|
div.lichess_game.hide_captured div.lichess_cemetery {
|
|
display: none;
|
|
}
|
|
div.lichess_cemetery_top {
|
|
top: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
div.lichess_cemetery_bottom {
|
|
bottom: 0;
|
|
margin-top: 10px;
|
|
}
|
|
div.lichess_cemetery div.lichess_tomb {
|
|
display: block;
|
|
float: left;
|
|
margin: -5px -16px;
|
|
width: 64px;
|
|
height: 64px;
|
|
opacity: 0.5;
|
|
}
|
|
body.pirouetti.light div.lichess_cemetery div.piece.white {
|
|
-webkit-filter: brightness(0.7) contrast(160%) drop-shadow(0 0 0.5px #000);
|
|
}
|
|
div.under_chat {
|
|
width: 228px;
|
|
margin: 10px 0 0 -30px;
|
|
}
|
|
div.under_chat .watchtv {
|
|
display: block;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
margin-top: -24px;
|
|
}
|
|
#chat div.top {
|
|
position: relative;
|
|
}
|
|
#chat div.top input.toggle_chat {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
z-index: 1;
|
|
}
|
|
#chat .messages {
|
|
height: 263px;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
#chat form {
|
|
position: relative;
|
|
}
|
|
#chat form input {
|
|
border: 0;
|
|
border-top: 1px solid #ccc;
|
|
padding: 2px 20px 2px 4px;
|
|
width: 202px;
|
|
}
|
|
#chat a.send {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 2px;
|
|
padding-top: 3px;
|
|
display: block;
|
|
height: 16px;
|
|
width: 16px;
|
|
text-decoration: none;
|
|
z-index: 1;
|
|
opacity: 0.5;
|
|
}
|
|
#chat a.send:hover {
|
|
opacity: 1;
|
|
}
|
|
#chat li {
|
|
padding-left: 3px;
|
|
line-height: 14px;
|
|
margin: 0.6em 0 0.6em 3px;
|
|
}
|
|
#chat li.system {
|
|
padding: 2px 0;
|
|
margin-left: 0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
font-style: italic;
|
|
}
|
|
#chat span.title {
|
|
padding-left: 3px;
|
|
}
|
|
#chat li span {
|
|
font-weight: bold;
|
|
margin-right: 6px;
|
|
color: #aaa;
|
|
}
|
|
#chat a.user_link {
|
|
padding: 0;
|
|
color: #aaa;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
#chat a.user_link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#chat.hidden ol.messages,
|
|
#chat.hidden form {
|
|
opacity: 0;
|
|
}
|
|
div.game_tournament {
|
|
max-height: 300px;
|
|
overflow: hidden;
|
|
}
|
|
div.game_tournament:hover {
|
|
overflow-y: auto;
|
|
}
|
|
div.game_tournament .clock {
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-family: monospace;
|
|
font-weight: bold;
|
|
margin: 10px 0;
|
|
}
|
|
div.game_tournament table.standing {
|
|
border-bottom: none;
|
|
}
|
|
div.game_tournament table.standing tr.me td {
|
|
background: #e4e4e4;
|
|
}
|
|
div.game_tournament table.standing td {
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
line-height: 2em;
|
|
}
|
|
div.game_tournament table.standing td.name span {
|
|
display: inline-block;
|
|
width: 20px;
|
|
}
|
|
div.game_tournament table.standing td.total {
|
|
text-align: right;
|
|
}
|
|
span.inline_userlist {
|
|
display: inline;
|
|
color: #9a9a9a;
|
|
}
|
|
span.inline_userlist a {
|
|
color: #aaa;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
span.inline_userlist a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
div.underboard {
|
|
width: 512px;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
}
|
|
div.underboard a {
|
|
display: inline-block;
|
|
}
|
|
div.underboard.replay_and_analyse a {
|
|
font-size: 1.4em;
|
|
}
|
|
div.check_count span.player.color {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
font-weight: bold;
|
|
}
|
|
body.highlight #GameBoard td.highlightWhiteSquare img,
|
|
body.highlight #GameBoard td.highlightBlackSquare img,
|
|
body.highlight div.lcs.moved div.lcsi {
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(155, 199, 00, 0.81) 0%, rgba(155, 199, 00, 0) 100%);
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(155, 199, 00, 0.81)), color-stop(100%, rgba(155, 199, 00, 0)));
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(155, 199, 00, 0.81) 0%, rgba(155, 199, 00, 0) 100%);
|
|
background: -ms-radial-gradient(center, ellipse cover, rgba(155, 199, 00, 0.81) 0%, rgba(155, 199, 00, 0) 100%);
|
|
background: radial-gradient(ellipse at center, rgba(155, 199, 00, 0.81) 0%, rgba(155, 199, 00, 0) 100%);
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cfd85500', endColorstr='#00d85500', GradientType=1);
|
|
}
|
|
body.highlight div.lcs.check div.lcsi {
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(25%, rgba(231, 0, 0, 1)), color-stop(89%, rgba(169, 0, 0, 0)), color-stop(100%, rgba(158, 0, 0, 0)));
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
|
|
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
|
|
background: radial-gradient(ellipse at center, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#009e0000', GradientType=1);
|
|
}
|
|
div.my_turn.not_spectator div.lcs:hover div.lcsi,
|
|
div.lcs.premoved div.lcsi,
|
|
div.lcs.droppable-hover div.lcsi,
|
|
div.lichess_board div.lcs.selected div.lcsi,
|
|
div.lichess_board div.lcs.selectable div.lcsi,
|
|
div.checkmateFen .mini_board > div:hover,
|
|
#GameBoard td img.bestmove {
|
|
box-shadow: inset 0 0 10px 2px rgba(216, 85, 0, 0.9);
|
|
}
|