/****************************************************************************** * * * This file is part of RPB Chessboard, a Wordpress plugin. * * Copyright (C) 2013-2014 Yoann Le Montagner * * * * This program is free software: you can redistribute it and/or modify * * it under the terms of the GNU General Public License as published by * * the Free Software Foundation, either version 3 of the License, or * * (at your option) any later version. * * * * This program is distributed in the hope that it will be useful, * * but WITHOUT ANY WARRANTY; without even the implied warranty of * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * * GNU General Public License for more details. * * * * You should have received a copy of the GNU General Public License * * along with this program. If not, see . * * * ******************************************************************************/ .uichess-chessboard { display: block; text-align: center; } .uichess-chessboard-table { display: inline-table; border-collapse: collapse; font-size: 80%; } .uichess-chessboard-row { display: table-row; } .uichess-chessboard-cell { display: table-cell; line-height: 0px; } .uichess-chessboard-cell.uichess-chessboard-rowCoordinate { vertical-align: middle; padding-left : 5px; padding-right: 5px; } .uichess-chessboard-cell.uichess-chessboard-columnCoordinate { vertical-align: baseline; line-height: 1ex; padding-top: 6px; } .uichess-chessboard-cell .uichess-chessboard-turnFlag { margin-left: 8px; } .uichess-chessboard-inactiveFlag, .uichess-chessboard-trash .uichess-chessboard-piece { display: none; } .uichess-chessboard-squareHover { box-shadow: 0 0 7px 3px #ffb000 inset; } .uichess-chessboard-trashHover { background-color: #ffb000; border-radius: 7px; } .uichess-chessboard-sparePiecesBottomRow .uichess-chessboard-trash, .uichess-chessboard-sparePiecesBottomRow .uichess-chessboard-sparePiece { margin-top: 8px; } .uichess-chessboard-sparePiecesTopRow .uichess-chessboard-trash, .uichess-chessboard-sparePiecesTopRow .uichess-chessboard-sparePiece { margin-bottom: 8px; } .uichess-chessboard-lightSquare { background-color: #f0dec7; } .uichess-chessboard-darkSquare { background-color: #b5876b; } .uichess-chessboard-square20 { min-width: 20px; height: 20px; } .uichess-chessboard-square21 { min-width: 21px; height: 21px; } .uichess-chessboard-square22 { min-width: 22px; height: 22px; } .uichess-chessboard-square23 { min-width: 23px; height: 23px; } .uichess-chessboard-square24 { min-width: 24px; height: 24px; } .uichess-chessboard-square25 { min-width: 25px; height: 25px; } .uichess-chessboard-square26 { min-width: 26px; height: 26px; } .uichess-chessboard-square27 { min-width: 27px; height: 27px; } .uichess-chessboard-square28 { min-width: 28px; height: 28px; } .uichess-chessboard-square29 { min-width: 29px; height: 29px; } .uichess-chessboard-square30 { min-width: 30px; height: 30px; } .uichess-chessboard-square31 { min-width: 31px; height: 31px; } .uichess-chessboard-square32 { min-width: 32px; height: 32px; } .uichess-chessboard-square33 { min-width: 33px; height: 33px; } .uichess-chessboard-square34 { min-width: 34px; height: 34px; } .uichess-chessboard-square35 { min-width: 35px; height: 35px; } .uichess-chessboard-square36 { min-width: 36px; height: 36px; } .uichess-chessboard-square37 { min-width: 37px; height: 37px; } .uichess-chessboard-square38 { min-width: 38px; height: 38px; } .uichess-chessboard-square39 { min-width: 39px; height: 39px; } .uichess-chessboard-square40 { min-width: 40px; height: 40px; } .uichess-chessboard-square41 { min-width: 41px; height: 41px; } .uichess-chessboard-square42 { min-width: 42px; height: 42px; } .uichess-chessboard-square43 { min-width: 43px; height: 43px; } .uichess-chessboard-square44 { min-width: 44px; height: 44px; } .uichess-chessboard-square45 { min-width: 45px; height: 45px; } .uichess-chessboard-square46 { min-width: 46px; height: 46px; } .uichess-chessboard-square47 { min-width: 47px; height: 47px; } .uichess-chessboard-square48 { min-width: 48px; height: 48px; } .uichess-chessboard-square49 { min-width: 49px; height: 49px; } .uichess-chessboard-square50 { min-width: 50px; height: 50px; } .uichess-chessboard-square51 { min-width: 51px; height: 51px; } .uichess-chessboard-square52 { min-width: 52px; height: 52px; } .uichess-chessboard-square53 { min-width: 53px; height: 53px; } .uichess-chessboard-square54 { min-width: 54px; height: 54px; } .uichess-chessboard-square55 { min-width: 55px; height: 55px; } .uichess-chessboard-square56 { min-width: 56px; height: 56px; } .uichess-chessboard-square57 { min-width: 57px; height: 57px; } .uichess-chessboard-square58 { min-width: 58px; height: 58px; } .uichess-chessboard-square59 { min-width: 59px; height: 59px; } .uichess-chessboard-square60 { min-width: 60px; height: 60px; } .uichess-chessboard-square61 { min-width: 61px; height: 61px; } .uichess-chessboard-square62 { min-width: 62px; height: 62px; } .uichess-chessboard-square63 { min-width: 63px; height: 63px; } .uichess-chessboard-square64 { min-width: 64px; height: 64px; } .uichess-chessboard-sprite20 { width: 20px; height: 20px; background-position: -462px -45px; } .uichess-chessboard-sprite21 { width: 21px; height: 21px; background-position: -418px -44px; } .uichess-chessboard-sprite22 { width: 22px; height: 22px; background-position: -375px -43px; } .uichess-chessboard-sprite23 { width: 23px; height: 23px; background-position: -333px -42px; } .uichess-chessboard-sprite24 { width: 24px; height: 24px; background-position: -292px -41px; } .uichess-chessboard-sprite25 { width: 25px; height: 25px; background-position: -252px -40px; } .uichess-chessboard-sprite26 { width: 26px; height: 26px; background-position: -213px -39px; } .uichess-chessboard-sprite27 { width: 27px; height: 27px; background-position: -175px -38px; } .uichess-chessboard-sprite28 { width: 28px; height: 28px; background-position: -138px -37px; } .uichess-chessboard-sprite29 { width: 29px; height: 29px; background-position: -102px -36px; } .uichess-chessboard-sprite30 { width: 30px; height: 30px; background-position: -67px -35px; } .uichess-chessboard-sprite31 { width: 31px; height: 31px; background-position: -33px -34px; } .uichess-chessboard-sprite32 { width: 32px; height: 32px; background-position: 0px -33px; } .uichess-chessboard-sprite33 { width: 33px; height: 33px; background-position: 0px 0px; } .uichess-chessboard-sprite34 { width: 34px; height: 34px; background-position: -33px 0px; } .uichess-chessboard-sprite35 { width: 35px; height: 35px; background-position: -67px 0px; } .uichess-chessboard-sprite36 { width: 36px; height: 36px; background-position: -102px 0px; } .uichess-chessboard-sprite37 { width: 37px; height: 37px; background-position: -138px 0px; } .uichess-chessboard-sprite38 { width: 38px; height: 38px; background-position: -175px 0px; } .uichess-chessboard-sprite39 { width: 39px; height: 39px; background-position: -213px 0px; } .uichess-chessboard-sprite40 { width: 40px; height: 40px; background-position: -252px 0px; } .uichess-chessboard-sprite41 { width: 41px; height: 41px; background-position: -292px 0px; } .uichess-chessboard-sprite42 { width: 42px; height: 42px; background-position: -333px 0px; } .uichess-chessboard-sprite43 { width: 43px; height: 43px; background-position: -375px 0px; } .uichess-chessboard-sprite44 { width: 44px; height: 44px; background-position: -418px 0px; } .uichess-chessboard-sprite45 { width: 45px; height: 45px; background-position: -462px 0px; } .uichess-chessboard-sprite46 { width: 46px; height: 46px; background-position: -507px 0px; } .uichess-chessboard-sprite47 { width: 47px; height: 47px; background-position: -553px 0px; } .uichess-chessboard-sprite48 { width: 48px; height: 48px; background-position: -600px 0px; } .uichess-chessboard-sprite49 { width: 49px; height: 49px; background-position: -648px 0px; } .uichess-chessboard-sprite50 { width: 50px; height: 50px; background-position: -697px 0px; } .uichess-chessboard-sprite51 { width: 51px; height: 51px; background-position: -747px 0px; } .uichess-chessboard-sprite52 { width: 52px; height: 52px; background-position: -798px 0px; } .uichess-chessboard-sprite53 { width: 53px; height: 53px; background-position: -850px 0px; } .uichess-chessboard-sprite54 { width: 54px; height: 54px; background-position: -903px 0px; } .uichess-chessboard-sprite55 { width: 55px; height: 55px; background-position: -957px 0px; } .uichess-chessboard-sprite56 { width: 56px; height: 56px; background-position: -1012px 0px; } .uichess-chessboard-sprite57 { width: 57px; height: 57px; background-position: -1068px 0px; } .uichess-chessboard-sprite58 { width: 58px; height: 58px; background-position: -1125px 0px; } .uichess-chessboard-sprite59 { width: 59px; height: 59px; background-position: -1183px 0px; } .uichess-chessboard-sprite60 { width: 60px; height: 60px; background-position: -1242px 0px; } .uichess-chessboard-sprite61 { width: 61px; height: 61px; background-position: -1302px 0px; } .uichess-chessboard-sprite62 { width: 62px; height: 62px; background-position: -1363px 0px; } .uichess-chessboard-sprite63 { width: 63px; height: 63px; background-position: -1425px 0px; } .uichess-chessboard-sprite64 { width: 64px; height: 64px; background-position: -1488px 0px; } .uichess-chessboard-color-b.uichess-chessboard-piece-b { background-image: url(sprite/bb.png); } .uichess-chessboard-color-b.uichess-chessboard-piece-k { background-image: url(sprite/bk.png); } .uichess-chessboard-color-b.uichess-chessboard-piece-n { background-image: url(sprite/bn.png); } .uichess-chessboard-color-b.uichess-chessboard-piece-p { background-image: url(sprite/bp.png); } .uichess-chessboard-color-b.uichess-chessboard-piece-q { background-image: url(sprite/bq.png); } .uichess-chessboard-color-b.uichess-chessboard-piece-r { background-image: url(sprite/br.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-b { background-image: url(sprite/wb.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-k { background-image: url(sprite/wk.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-n { background-image: url(sprite/wn.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-p { background-image: url(sprite/wp.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-q { background-image: url(sprite/wq.png); } .uichess-chessboard-color-w.uichess-chessboard-piece-r { background-image: url(sprite/wr.png); } .uichess-chessboard-color-b.uichess-chessboard-turnFlag { background-image: url(sprite/bx.png); } .uichess-chessboard-color-w.uichess-chessboard-turnFlag { background-image: url(sprite/wx.png); } .uichess-chessboard-trash { background-image: url(sprite/trash-all.png); }