git.sesse.net Git - remoteglot/blob - www/css/chessboard-0.3.0.css

   1 /*
   2  * chessboard.js v0.3.0+asn
   3  *
   4  * Copyright 2013 Chris Oakman
   5  * Portions copyright 2022 Steinar H. Gunderson
   6  * Released under the MIT license
   7  * https://github.com/oakmac/chessboardjs/blob/master/LICENSE
   8  *
   9  * Date: 10 Aug 2013
  10  */
  11
  12 /* board */
  13 .board-b72b1 {
  14   outline: 2px solid #404040;
  15   display: grid;
  16   grid-template-rows: repeat(8, 12.5%);
  17   grid-template-columns: repeat(8, 12.5%);
  18   grid-gap: 0px;
  19   width: 100%;
  20   aspect-ratio: 1;
  21 }
  22
  23 /* square */
  24 .square-55d63 {
  25   /* disable any native browser highlighting */
  26   user-select: none;
  27 }
  28
  29 /* white square */
  30 .white-1e1d7 {
  31   background-color: #f0d9b5;
  32   color: #b58863;
  33 }
  34
  35 /* black square */
  36 .black-3c85d {
  37   background-color: #b58863;
  38   color: #f0d9b5;
  39 }
  40
  41 /* highlighted square */
  42 .highlight1-32417, .highlight2-9c5d2 {
  43   box-shadow: inset 0 0 3px 3px yellow;
  44 }
  45
  46 /* notation */
  47 .alpha-d2270, .numeric-fc462 {
  48   cursor: default;
  49   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  50   font-size: 14px;
  51   position: absolute;
  52 }
  53 .alpha-d2270 {
  54   bottom: 1px;
  55   right: 3px;
  56 }
  57 .numeric-fc462 {
  58   top: 2px;
  59   left: 2px;
  60 }
  61
  62 .piece-417db {
  63   transform: translate(0,0);  /* Force a new stacking context for SVG pieces. */
  64   position: absolute;
  65   width: 12.5%;
  66   height: 12.5%;
  67 }