This is a documentation for Board Game Arena: play board games online !
Template:Goboard13: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) m (added notation z-index) |
Sammy McSam (talk | contribs) (reduced default squareSize) |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
<div class="notation grid" style=" | <div class="notation grid" style=" | ||
display:grid; | display:grid; | ||
grid:{{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize| | grid:{{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}} / {{{hideNotation|2rem}}} repeat({{{boardSize|13}}},{{{squareSize|30}}}px) {{{hideNotation|2rem}}}; | ||
gap:{{{gridlineThickness|1}}}px; | gap:{{{gridlineThickness|1}}}px; | ||
position:relative;"> | position:relative;"> | ||
Line 15: | Line 15: | ||
<div class="grid" style=" | <div class="grid" style=" | ||
display:grid; | display:grid; | ||
grid:repeat(calc({{{boardSize|13}}} - 1),{{{squareSize| | grid:repeat(calc({{{boardSize|13}}} - 1),{{{squareSize|30}}}px) / repeat(calc({{{boardSize|13}}} - 1),{{{squareSize|30}}}px); | ||
gap:{{{gridlineThickness|1}}}px; | gap:{{{gridlineThickness|1}}}px; | ||
left:calc(({{{squareSize| | left:calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | ||
top :calc(({{{squareSize| | top :calc(({{{squareSize|30}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | ||
grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}}); | grid-area:calc({{{hideNotation|1 + }}}1) / calc({{{hideNotation|1 + }}}1) / calc(-1{{{hideNotation| - 1}}}) / calc(-1{{{hideNotation| - 1}}}); | ||
position:absolute;"> | position:absolute;"> | ||
Line 183: | Line 183: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">13</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">13</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a13|}}}</div> | <div style="position:absolute;">{{{a13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b13|}}}</div> | <div style="position:absolute;">{{{b13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c13|}}}</div> | <div style="position:absolute;">{{{c13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d13|}}}</div> | <div style="position:absolute;">{{{d13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e13|}}}</div> | <div style="position:absolute;">{{{e13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f13|}}}</div> | <div style="position:absolute;">{{{f13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g13|}}}</div> | <div style="position:absolute;">{{{g13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h13|}}}</div> | <div style="position:absolute;">{{{h13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j13|}}}</div> | <div style="position:absolute;">{{{j13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k13|}}}</div> | <div style="position:absolute;">{{{k13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l13|}}}</div> | <div style="position:absolute;">{{{l13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m13|}}}</div> | <div style="position:absolute;">{{{m13|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn13|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n13|}}}</div> | <div style="position:absolute;">{{{n13|}}}</div> | ||
</div> | </div> | ||
Line 249: | Line 249: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">12</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">12</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a12|}}}</div> | <div style="position:absolute;">{{{a12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b12|}}}</div> | <div style="position:absolute;">{{{b12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c12|}}}</div> | <div style="position:absolute;">{{{c12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d12|}}}</div> | <div style="position:absolute;">{{{d12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e12|}}}</div> | <div style="position:absolute;">{{{e12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f12|}}}</div> | <div style="position:absolute;">{{{f12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g12|}}}</div> | <div style="position:absolute;">{{{g12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h12|}}}</div> | <div style="position:absolute;">{{{h12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j12|}}}</div> | <div style="position:absolute;">{{{j12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k12|}}}</div> | <div style="position:absolute;">{{{k12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l12|}}}</div> | <div style="position:absolute;">{{{l12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m12|}}}</div> | <div style="position:absolute;">{{{m12|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn12|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n12|}}}</div> | <div style="position:absolute;">{{{n12|}}}</div> | ||
</div> | </div> | ||
Line 315: | Line 315: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">11</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">11</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a11|}}}</div> | <div style="position:absolute;">{{{a11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b11|}}}</div> | <div style="position:absolute;">{{{b11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c11|}}}</div> | <div style="position:absolute;">{{{c11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d11|}}}</div> | <div style="position:absolute;">{{{d11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e11|}}}</div> | <div style="position:absolute;">{{{e11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f11|}}}</div> | <div style="position:absolute;">{{{f11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g11|}}}</div> | <div style="position:absolute;">{{{g11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h11|}}}</div> | <div style="position:absolute;">{{{h11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j11|}}}</div> | <div style="position:absolute;">{{{j11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k11|}}}</div> | <div style="position:absolute;">{{{k11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l11|}}}</div> | <div style="position:absolute;">{{{l11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m11|}}}</div> | <div style="position:absolute;">{{{m11|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn11|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n11|}}}</div> | <div style="position:absolute;">{{{n11|}}}</div> | ||
</div> | </div> | ||
Line 381: | Line 381: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">10</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">10</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a10|}}}</div> | <div style="position:absolute;">{{{a10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b10|}}}</div> | <div style="position:absolute;">{{{b10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c10|}}}</div> | <div style="position:absolute;">{{{c10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd10|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{d10|}}}</div> | <div style="position:absolute;">{{{d10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e10|}}}</div> | <div style="position:absolute;">{{{e10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f10|}}}</div> | <div style="position:absolute;">{{{f10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g10|}}}</div> | <div style="position:absolute;">{{{g10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h10|}}}</div> | <div style="position:absolute;">{{{h10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j10|}}}</div> | <div style="position:absolute;">{{{j10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk10|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{k10|}}}</div> | <div style="position:absolute;">{{{k10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l10|}}}</div> | <div style="position:absolute;">{{{l10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m10|}}}</div> | <div style="position:absolute;">{{{m10|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn10|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n10|}}}</div> | <div style="position:absolute;">{{{n10|}}}</div> | ||
</div> | </div> | ||
Line 449: | Line 449: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a9|}}}</div> | <div style="position:absolute;">{{{a9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b9|}}}</div> | <div style="position:absolute;">{{{b9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c9|}}}</div> | <div style="position:absolute;">{{{c9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d9|}}}</div> | <div style="position:absolute;">{{{d9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e9|}}}</div> | <div style="position:absolute;">{{{e9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f9|}}}</div> | <div style="position:absolute;">{{{f9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g9|}}}</div> | <div style="position:absolute;">{{{g9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h9|}}}</div> | <div style="position:absolute;">{{{h9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j9|}}}</div> | <div style="position:absolute;">{{{j9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k9|}}}</div> | <div style="position:absolute;">{{{k9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l9|}}}</div> | <div style="position:absolute;">{{{l9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m9|}}}</div> | <div style="position:absolute;">{{{m9|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn9|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n9|}}}</div> | <div style="position:absolute;">{{{n9|}}}</div> | ||
</div> | </div> | ||
Line 515: | Line 515: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a8|}}}</div> | <div style="position:absolute;">{{{a8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b8|}}}</div> | <div style="position:absolute;">{{{b8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c8|}}}</div> | <div style="position:absolute;">{{{c8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d8|}}}</div> | <div style="position:absolute;">{{{d8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e8|}}}</div> | <div style="position:absolute;">{{{e8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f8|}}}</div> | <div style="position:absolute;">{{{f8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g8|}}}</div> | <div style="position:absolute;">{{{g8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h8|}}}</div> | <div style="position:absolute;">{{{h8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j8|}}}</div> | <div style="position:absolute;">{{{j8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k8|}}}</div> | <div style="position:absolute;">{{{k8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l8|}}}</div> | <div style="position:absolute;">{{{l8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m8|}}}</div> | <div style="position:absolute;">{{{m8|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn8|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n8|}}}</div> | <div style="position:absolute;">{{{n8|}}}</div> | ||
</div> | </div> | ||
Line 581: | Line 581: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a7|}}}</div> | <div style="position:absolute;">{{{a7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b7|}}}</div> | <div style="position:absolute;">{{{b7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c7|}}}</div> | <div style="position:absolute;">{{{c7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d7|}}}</div> | <div style="position:absolute;">{{{d7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e7|}}}</div> | <div style="position:absolute;">{{{e7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f7|}}}</div> | <div style="position:absolute;">{{{f7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg7|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{g7|}}}</div> | <div style="position:absolute;">{{{g7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h7|}}}</div> | <div style="position:absolute;">{{{h7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j7|}}}</div> | <div style="position:absolute;">{{{j7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k7|}}}</div> | <div style="position:absolute;">{{{k7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l7|}}}</div> | <div style="position:absolute;">{{{l7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m7|}}}</div> | <div style="position:absolute;">{{{m7|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn7|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n7|}}}</div> | <div style="position:absolute;">{{{n7|}}}</div> | ||
</div> | </div> | ||
Line 648: | Line 648: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a6|}}}</div> | <div style="position:absolute;">{{{a6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b6|}}}</div> | <div style="position:absolute;">{{{b6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c6|}}}</div> | <div style="position:absolute;">{{{c6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d6|}}}</div> | <div style="position:absolute;">{{{d6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e6|}}}</div> | <div style="position:absolute;">{{{e6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f6|}}}</div> | <div style="position:absolute;">{{{f6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g6|}}}</div> | <div style="position:absolute;">{{{g6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h6|}}}</div> | <div style="position:absolute;">{{{h6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j6|}}}</div> | <div style="position:absolute;">{{{j6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k6|}}}</div> | <div style="position:absolute;">{{{k6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l6|}}}</div> | <div style="position:absolute;">{{{l6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m6|}}}</div> | <div style="position:absolute;">{{{m6|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn6|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n6|}}}</div> | <div style="position:absolute;">{{{n6|}}}</div> | ||
</div> | </div> | ||
Line 714: | Line 714: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a5|}}}</div> | <div style="position:absolute;">{{{a5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b5|}}}</div> | <div style="position:absolute;">{{{b5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c5|}}}</div> | <div style="position:absolute;">{{{c5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d5|}}}</div> | <div style="position:absolute;">{{{d5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e5|}}}</div> | <div style="position:absolute;">{{{e5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f5|}}}</div> | <div style="position:absolute;">{{{f5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g5|}}}</div> | <div style="position:absolute;">{{{g5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h5|}}}</div> | <div style="position:absolute;">{{{h5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j5|}}}</div> | <div style="position:absolute;">{{{j5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k5|}}}</div> | <div style="position:absolute;">{{{k5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l5|}}}</div> | <div style="position:absolute;">{{{l5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m5|}}}</div> | <div style="position:absolute;">{{{m5|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn5|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n5|}}}</div> | <div style="position:absolute;">{{{n5|}}}</div> | ||
</div> | </div> | ||
Line 780: | Line 780: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a4|}}}</div> | <div style="position:absolute;">{{{a4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b4|}}}</div> | <div style="position:absolute;">{{{b4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c4|}}}</div> | <div style="position:absolute;">{{{c4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd4|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{d4|}}}</div> | <div style="position:absolute;">{{{d4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e4|}}}</div> | <div style="position:absolute;">{{{e4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f4|}}}</div> | <div style="position:absolute;">{{{f4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g4|}}}</div> | <div style="position:absolute;">{{{g4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h4|}}}</div> | <div style="position:absolute;">{{{h4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j4|}}}</div> | <div style="position:absolute;">{{{j4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk4|}}}px;position:relative;"> | ||
<div style="position:absolute;border-radius:calc({{{squareSize| | <div style="position:absolute;border-radius:calc({{{squareSize|30}}}px / 2);background:{{{gridColour|#000}}};width:{{{starSize|6}}}px;height:{{{starSize|6}}}px;"></div> | ||
<div style="position:absolute;">{{{k4|}}}</div> | <div style="position:absolute;">{{{k4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l4|}}}</div> | <div style="position:absolute;">{{{l4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m4|}}}</div> | <div style="position:absolute;">{{{m4|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn4|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n4|}}}</div> | <div style="position:absolute;">{{{n4|}}}</div> | ||
</div> | </div> | ||
Line 848: | Line 848: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a3|}}}</div> | <div style="position:absolute;">{{{a3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b3|}}}</div> | <div style="position:absolute;">{{{b3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c3|}}}</div> | <div style="position:absolute;">{{{c3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d3|}}}</div> | <div style="position:absolute;">{{{d3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e3|}}}</div> | <div style="position:absolute;">{{{e3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f3|}}}</div> | <div style="position:absolute;">{{{f3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g3|}}}</div> | <div style="position:absolute;">{{{g3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h3|}}}</div> | <div style="position:absolute;">{{{h3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j3|}}}</div> | <div style="position:absolute;">{{{j3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k3|}}}</div> | <div style="position:absolute;">{{{k3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l3|}}}</div> | <div style="position:absolute;">{{{l3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m3|}}}</div> | <div style="position:absolute;">{{{m3|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn3|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n3|}}}</div> | <div style="position:absolute;">{{{n3|}}}</div> | ||
</div> | </div> | ||
Line 914: | Line 914: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a2|}}}</div> | <div style="position:absolute;">{{{a2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b2|}}}</div> | <div style="position:absolute;">{{{b2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c2|}}}</div> | <div style="position:absolute;">{{{c2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d2|}}}</div> | <div style="position:absolute;">{{{d2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e2|}}}</div> | <div style="position:absolute;">{{{e2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f2|}}}</div> | <div style="position:absolute;">{{{f2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g2|}}}</div> | <div style="position:absolute;">{{{g2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h2|}}}</div> | <div style="position:absolute;">{{{h2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j2|}}}</div> | <div style="position:absolute;">{{{j2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k2|}}}</div> | <div style="position:absolute;">{{{k2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l2|}}}</div> | <div style="position:absolute;">{{{l2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m2|}}}</div> | <div style="position:absolute;">{{{m2|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn2|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n2|}}}</div> | <div style="position:absolute;">{{{n2|}}}</div> | ||
</div> | </div> | ||
Line 980: | Line 980: | ||
<div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{a1|}}}</div> | <div style="position:absolute;">{{{a1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightb1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{b1|}}}</div> | <div style="position:absolute;">{{{b1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightc1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{c1|}}}</div> | <div style="position:absolute;">{{{c1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightd1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{d1|}}}</div> | <div style="position:absolute;">{{{d1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighte1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{e1|}}}</div> | <div style="position:absolute;">{{{e1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightf1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{f1|}}}</div> | <div style="position:absolute;">{{{f1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightg1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{g1|}}}</div> | <div style="position:absolute;">{{{g1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlighth1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{h1|}}}</div> | <div style="position:absolute;">{{{h1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightj1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{j1|}}}</div> | <div style="position:absolute;">{{{j1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightk1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{k1|}}}</div> | <div style="position:absolute;">{{{k1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightl1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{l1|}}}</div> | <div style="position:absolute;">{{{l1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightm1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{m1|}}}</div> | <div style="position:absolute;">{{{m1|}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize| | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|30}}}px / 2);outline-offset:-5px;outline:solid {{{highlightn1|}}}px;position:relative;"> | ||
<div style="position:absolute;">{{{n1|}}}</div> | <div style="position:absolute;">{{{n1|}}}</div> | ||
</div> | </div> | ||
Line 1,062: | Line 1,062: | ||
<noinclude> | <noinclude> | ||
For documentation see [[Template:Goboard9]] | For documentation see [[Template:Goboard9]] | ||
[[Category:GameBoardTemplates|Game board templates]] | |||
</noinclude> | </noinclude> |
Latest revision as of 17:00, 22 December 2021
A
B
C
D
E
F
G
H
J
K
L
M
N
13
13
12
12
11
11
10
10
9
9
8
8
7
7
6
6
5
5
4
4
3
3
2
2
1
1
A
B
C
D
E
F
G
H
J
K
L
M
N
For documentation see Template:Goboard9