/****************************************************************************** * * * This file is part of RPB Chessboard, a WordPress plugin. * * Copyright (C) 2013-2015 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 . * * * ******************************************************************************/ /* -------------------------------------------------------------------------- */ /* Parsing error box */ /* -------------------------------------------------------------------------- */ .uichess-chessboard-error { text-align: left; font-family: sans-serif; font-size: 12px; line-height: 1.3em; color: #800; background-color: #fdd; border: solid 1px #c00; padding: 0.75em; } .uichess-chessboard-errorTitle { font-weight: bold; font-style: italic; } .uichess-chessboard-errorMessage { margin-top: 0.4em; } /* -------------------------------------------------------------------------- */ /* Chessboard widget */ /* -------------------------------------------------------------------------- */ .uichess-chessboard { display: block; text-align: center; } .uichess-chessboard-table { display: inline-table; position: relative; border-collapse: collapse; font-size: 80%; } .uichess-chessboard-row { display: table-row; } .uichess-chessboard-cell { display: table-cell; line-height: 0px; } .uichess-chessboard-handle { position: relative; z-index: 200; width: 100%; height: 100%; } .uichess-chessboard-annotations { position: absolute; z-index: 100; top: 0px; opacity: 0.8; } .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-hideCoordinates .uichess-chessboard-cell.uichess-chessboard-rowCoordinate, .uichess-chessboard-hideCoordinates .uichess-chessboard-row.uichess-chessboard-columnCoordinateRow, .uichess-chessboard-turnFlag.uichess-chessboard-inactiveFlag { display: none; } .uichess-chessboard-squareHover { box-shadow: 0 0 7px 3px #ffb000 inset; } .uichess-chessboard-lightSquare { background-color: #f0dec7; } .uichess-chessboard-darkSquare { background-color: #b5876b; } .uichess-chessboard-lightSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-G { background-color: #60f250; } .uichess-chessboard-darkSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-G { background-color: #48cf2b; } .uichess-chessboard-lightSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-R { background-color: #f95950; } .uichess-chessboard-darkSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-R { background-color: #e1362b; } .uichess-chessboard-lightSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-Y { background-color: #f9f250; } .uichess-chessboard-darkSquare.uichess-chessboard-squareMarker.uichess-chessboard-markerColor-Y { background-color: #e1cf2b; } .uichess-chessboard-arrowMarker { stroke-width: 0.15; stroke-linecap: round; } .uichess-chessboard-arrowMarker.uichess-chessboard-markerColor-G { stroke: #0e0; } .uichess-chessboard-arrowMarker.uichess-chessboard-markerColor-R { stroke: #f20; } .uichess-chessboard-arrowMarker.uichess-chessboard-markerColor-Y { stroke: #db0; } #uichess-chessboard-arrowMarkerEnd-G { fill: #0e0; } #uichess-chessboard-arrowMarkerEnd-R { fill: #f20; } #uichess-chessboard-arrowMarkerEnd-Y { fill: #db0; } .uichess-chessboard-size12 .uichess-chessboard-sized { min-width: 12px; width: 12px; height: 12px; background-position: -850px -53px; } .uichess-chessboard-size13 .uichess-chessboard-sized { min-width: 13px; width: 13px; height: 13px; background-position: -798px -52px; } .uichess-chessboard-size14 .uichess-chessboard-sized { min-width: 14px; width: 14px; height: 14px; background-position: -747px -51px; } .uichess-chessboard-size15 .uichess-chessboard-sized { min-width: 15px; width: 15px; height: 15px; background-position: -697px -50px; } .uichess-chessboard-size16 .uichess-chessboard-sized { min-width: 16px; width: 16px; height: 16px; background-position: -648px -49px; } .uichess-chessboard-size17 .uichess-chessboard-sized { min-width: 17px; width: 17px; height: 17px; background-position: -600px -48px; } .uichess-chessboard-size18 .uichess-chessboard-sized { min-width: 18px; width: 18px; height: 18px; background-position: -553px -47px; } .uichess-chessboard-size19 .uichess-chessboard-sized { min-width: 19px; width: 19px; height: 19px; background-position: -507px -46px; } .uichess-chessboard-size20 .uichess-chessboard-sized { min-width: 20px; width: 20px; height: 20px; background-position: -462px -45px; } .uichess-chessboard-size21 .uichess-chessboard-sized { min-width: 21px; width: 21px; height: 21px; background-position: -418px -44px; } .uichess-chessboard-size22 .uichess-chessboard-sized { min-width: 22px; width: 22px; height: 22px; background-position: -375px -43px; } .uichess-chessboard-size23 .uichess-chessboard-sized { min-width: 23px; width: 23px; height: 23px; background-position: -333px -42px; } .uichess-chessboard-size24 .uichess-chessboard-sized { min-width: 24px; width: 24px; height: 24px; background-position: -292px -41px; } .uichess-chessboard-size25 .uichess-chessboard-sized { min-width: 25px; width: 25px; height: 25px; background-position: -252px -40px; } .uichess-chessboard-size26 .uichess-chessboard-sized { min-width: 26px; width: 26px; height: 26px; background-position: -213px -39px; } .uichess-chessboard-size27 .uichess-chessboard-sized { min-width: 27px; width: 27px; height: 27px; background-position: -175px -38px; } .uichess-chessboard-size28 .uichess-chessboard-sized { min-width: 28px; width: 28px; height: 28px; background-position: -138px -37px; } .uichess-chessboard-size29 .uichess-chessboard-sized { min-width: 29px; width: 29px; height: 29px; background-position: -102px -36px; } .uichess-chessboard-size30 .uichess-chessboard-sized { min-width: 30px; width: 30px; height: 30px; background-position: -67px -35px; } .uichess-chessboard-size31 .uichess-chessboard-sized { min-width: 31px; width: 31px; height: 31px; background-position: -33px -34px; } .uichess-chessboard-size32 .uichess-chessboard-sized { min-width: 32px; width: 32px; height: 32px; background-position: 0px -33px; } .uichess-chessboard-size33 .uichess-chessboard-sized { min-width: 33px; width: 33px; height: 33px; background-position: 0px 0px; } .uichess-chessboard-size34 .uichess-chessboard-sized { min-width: 34px; width: 34px; height: 34px; background-position: -33px 0px; } .uichess-chessboard-size35 .uichess-chessboard-sized { min-width: 35px; width: 35px; height: 35px; background-position: -67px 0px; } .uichess-chessboard-size36 .uichess-chessboard-sized { min-width: 36px; width: 36px; height: 36px; background-position: -102px 0px; } .uichess-chessboard-size37 .uichess-chessboard-sized { min-width: 37px; width: 37px; height: 37px; background-position: -138px 0px; } .uichess-chessboard-size38 .uichess-chessboard-sized { min-width: 38px; width: 38px; height: 38px; background-position: -175px 0px; } .uichess-chessboard-size39 .uichess-chessboard-sized { min-width: 39px; width: 39px; height: 39px; background-position: -213px 0px; } .uichess-chessboard-size40 .uichess-chessboard-sized { min-width: 40px; width: 40px; height: 40px; background-position: -252px 0px; } .uichess-chessboard-size41 .uichess-chessboard-sized { min-width: 41px; width: 41px; height: 41px; background-position: -292px 0px; } .uichess-chessboard-size42 .uichess-chessboard-sized { min-width: 42px; width: 42px; height: 42px; background-position: -333px 0px; } .uichess-chessboard-size43 .uichess-chessboard-sized { min-width: 43px; width: 43px; height: 43px; background-position: -375px 0px; } .uichess-chessboard-size44 .uichess-chessboard-sized { min-width: 44px; width: 44px; height: 44px; background-position: -418px 0px; } .uichess-chessboard-size45 .uichess-chessboard-sized { min-width: 45px; width: 45px; height: 45px; background-position: -462px 0px; } .uichess-chessboard-size46 .uichess-chessboard-sized { min-width: 46px; width: 46px; height: 46px; background-position: -507px 0px; } .uichess-chessboard-size47 .uichess-chessboard-sized { min-width: 47px; width: 47px; height: 47px; background-position: -553px 0px; } .uichess-chessboard-size48 .uichess-chessboard-sized { min-width: 48px; width: 48px; height: 48px; background-position: -600px 0px; } .uichess-chessboard-size49 .uichess-chessboard-sized { min-width: 49px; width: 49px; height: 49px; background-position: -648px 0px; } .uichess-chessboard-size50 .uichess-chessboard-sized { min-width: 50px; width: 50px; height: 50px; background-position: -697px 0px; } .uichess-chessboard-size51 .uichess-chessboard-sized { min-width: 51px; width: 51px; height: 51px; background-position: -747px 0px; } .uichess-chessboard-size52 .uichess-chessboard-sized { min-width: 52px; width: 52px; height: 52px; background-position: -798px 0px; } .uichess-chessboard-size53 .uichess-chessboard-sized { min-width: 53px; width: 53px; height: 53px; background-position: -850px 0px; } .uichess-chessboard-size54 .uichess-chessboard-sized { min-width: 54px; width: 54px; height: 54px; background-position: -903px 0px; } .uichess-chessboard-size55 .uichess-chessboard-sized { min-width: 55px; width: 55px; height: 55px; background-position: -957px 0px; } .uichess-chessboard-size56 .uichess-chessboard-sized { min-width: 56px; width: 56px; height: 56px; background-position: -1012px 0px; } .uichess-chessboard-size57 .uichess-chessboard-sized { min-width: 57px; width: 57px; height: 57px; background-position: -1068px 0px; } .uichess-chessboard-size58 .uichess-chessboard-sized { min-width: 58px; width: 58px; height: 58px; background-position: -1125px 0px; } .uichess-chessboard-size59 .uichess-chessboard-sized { min-width: 59px; width: 59px; height: 59px; background-position: -1183px 0px; } .uichess-chessboard-size60 .uichess-chessboard-sized { min-width: 60px; width: 60px; height: 60px; background-position: -1242px 0px; } .uichess-chessboard-size61 .uichess-chessboard-sized { min-width: 61px; width: 61px; height: 61px; background-position: -1302px 0px; } .uichess-chessboard-size62 .uichess-chessboard-sized { min-width: 62px; width: 62px; height: 62px; background-position: -1363px 0px; } .uichess-chessboard-size63 .uichess-chessboard-sized { min-width: 63px; width: 63px; height: 63px; background-position: -1425px 0px; } .uichess-chessboard-size64 .uichess-chessboard-sized { min-width: 64px; width: 64px; height: 64px; background-position: -1488px 0px; } .uichess-chessboard-size12 .uichess-chessboard-annotations { width: 96px; height: 96px; right: 20px; } .uichess-chessboard-size13 .uichess-chessboard-annotations { width: 104px; height: 104px; right: 21px; } .uichess-chessboard-size14 .uichess-chessboard-annotations { width: 112px; height: 112px; right: 22px; } .uichess-chessboard-size15 .uichess-chessboard-annotations { width: 120px; height: 120px; right: 23px; } .uichess-chessboard-size16 .uichess-chessboard-annotations { width: 128px; height: 128px; right: 24px; } .uichess-chessboard-size17 .uichess-chessboard-annotations { width: 136px; height: 136px; right: 25px; } .uichess-chessboard-size18 .uichess-chessboard-annotations { width: 144px; height: 144px; right: 26px; } .uichess-chessboard-size19 .uichess-chessboard-annotations { width: 152px; height: 152px; right: 27px; } .uichess-chessboard-size20 .uichess-chessboard-annotations { width: 160px; height: 160px; right: 28px; } .uichess-chessboard-size21 .uichess-chessboard-annotations { width: 168px; height: 168px; right: 29px; } .uichess-chessboard-size22 .uichess-chessboard-annotations { width: 176px; height: 176px; right: 30px; } .uichess-chessboard-size23 .uichess-chessboard-annotations { width: 184px; height: 184px; right: 31px; } .uichess-chessboard-size24 .uichess-chessboard-annotations { width: 192px; height: 192px; right: 32px; } .uichess-chessboard-size25 .uichess-chessboard-annotations { width: 200px; height: 200px; right: 33px; } .uichess-chessboard-size26 .uichess-chessboard-annotations { width: 208px; height: 208px; right: 34px; } .uichess-chessboard-size27 .uichess-chessboard-annotations { width: 216px; height: 216px; right: 35px; } .uichess-chessboard-size28 .uichess-chessboard-annotations { width: 224px; height: 224px; right: 36px; } .uichess-chessboard-size29 .uichess-chessboard-annotations { width: 232px; height: 232px; right: 37px; } .uichess-chessboard-size30 .uichess-chessboard-annotations { width: 240px; height: 240px; right: 38px; } .uichess-chessboard-size31 .uichess-chessboard-annotations { width: 248px; height: 248px; right: 39px; } .uichess-chessboard-size32 .uichess-chessboard-annotations { width: 256px; height: 256px; right: 40px; } .uichess-chessboard-size33 .uichess-chessboard-annotations { width: 264px; height: 264px; right: 41px; } .uichess-chessboard-size34 .uichess-chessboard-annotations { width: 272px; height: 272px; right: 42px; } .uichess-chessboard-size35 .uichess-chessboard-annotations { width: 280px; height: 280px; right: 43px; } .uichess-chessboard-size36 .uichess-chessboard-annotations { width: 288px; height: 288px; right: 44px; } .uichess-chessboard-size37 .uichess-chessboard-annotations { width: 296px; height: 296px; right: 45px; } .uichess-chessboard-size38 .uichess-chessboard-annotations { width: 304px; height: 304px; right: 46px; } .uichess-chessboard-size39 .uichess-chessboard-annotations { width: 312px; height: 312px; right: 47px; } .uichess-chessboard-size40 .uichess-chessboard-annotations { width: 320px; height: 320px; right: 48px; } .uichess-chessboard-size41 .uichess-chessboard-annotations { width: 328px; height: 328px; right: 49px; } .uichess-chessboard-size42 .uichess-chessboard-annotations { width: 336px; height: 336px; right: 50px; } .uichess-chessboard-size43 .uichess-chessboard-annotations { width: 344px; height: 344px; right: 51px; } .uichess-chessboard-size44 .uichess-chessboard-annotations { width: 352px; height: 352px; right: 52px; } .uichess-chessboard-size45 .uichess-chessboard-annotations { width: 360px; height: 360px; right: 53px; } .uichess-chessboard-size46 .uichess-chessboard-annotations { width: 368px; height: 368px; right: 54px; } .uichess-chessboard-size47 .uichess-chessboard-annotations { width: 376px; height: 376px; right: 55px; } .uichess-chessboard-size48 .uichess-chessboard-annotations { width: 384px; height: 384px; right: 56px; } .uichess-chessboard-size49 .uichess-chessboard-annotations { width: 392px; height: 392px; right: 57px; } .uichess-chessboard-size50 .uichess-chessboard-annotations { width: 400px; height: 400px; right: 58px; } .uichess-chessboard-size51 .uichess-chessboard-annotations { width: 408px; height: 408px; right: 59px; } .uichess-chessboard-size52 .uichess-chessboard-annotations { width: 416px; height: 416px; right: 60px; } .uichess-chessboard-size53 .uichess-chessboard-annotations { width: 424px; height: 424px; right: 61px; } .uichess-chessboard-size54 .uichess-chessboard-annotations { width: 432px; height: 432px; right: 62px; } .uichess-chessboard-size55 .uichess-chessboard-annotations { width: 440px; height: 440px; right: 63px; } .uichess-chessboard-size56 .uichess-chessboard-annotations { width: 448px; height: 448px; right: 64px; } .uichess-chessboard-size57 .uichess-chessboard-annotations { width: 456px; height: 456px; right: 65px; } .uichess-chessboard-size58 .uichess-chessboard-annotations { width: 464px; height: 464px; right: 66px; } .uichess-chessboard-size59 .uichess-chessboard-annotations { width: 472px; height: 472px; right: 67px; } .uichess-chessboard-size60 .uichess-chessboard-annotations { width: 480px; height: 480px; right: 68px; } .uichess-chessboard-size61 .uichess-chessboard-annotations { width: 488px; height: 488px; right: 69px; } .uichess-chessboard-size62 .uichess-chessboard-annotations { width: 496px; height: 496px; right: 70px; } .uichess-chessboard-size63 .uichess-chessboard-annotations { width: 504px; height: 504px; right: 71px; } .uichess-chessboard-size64 .uichess-chessboard-annotations { width: 512px; height: 512px; right: 72px; } .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); }