This is a documentation for Board Game Arena: play board games online !
Template:Goboard15: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) m (removed z-index) |
Sammy McSam (talk | contribs) m (added notation z-index) |
||
| Line 219: | Line 219: | ||
</div>{{{hideNotation| | </div>{{{hideNotation| | ||
<div></div> | <div></div> | ||
<div style="align-self:end;text-align:center;">A</div> | <div style="align-self:end;text-align:center;z-index:1;">A</div> | ||
<div style="align-self:end;text-align:center;">B</div> | <div style="align-self:end;text-align:center;z-index:1;">B</div> | ||
<div style="align-self:end;text-align:center;">C</div> | <div style="align-self:end;text-align:center;z-index:1;">C</div> | ||
<div style="align-self:end;text-align:center;">D</div> | <div style="align-self:end;text-align:center;z-index:1;">D</div> | ||
<div style="align-self:end;text-align:center;">E</div> | <div style="align-self:end;text-align:center;z-index:1;">E</div> | ||
<div style="align-self:end;text-align:center;">F</div> | <div style="align-self:end;text-align:center;z-index:1;">F</div> | ||
<div style="align-self:end;text-align:center;">G</div> | <div style="align-self:end;text-align:center;z-index:1;">G</div> | ||
<div style="align-self:end;text-align:center;">H</div> | <div style="align-self:end;text-align:center;z-index:1;">H</div> | ||
<div style="align-self:end;text-align:center;">J</div> | <div style="align-self:end;text-align:center;z-index:1;">J</div> | ||
<div style="align-self:end;text-align:center;">K</div> | <div style="align-self:end;text-align:center;z-index:1;">K</div> | ||
<div style="align-self:end;text-align:center;">L</div> | <div style="align-self:end;text-align:center;z-index:1;">L</div> | ||
<div style="align-self:end;text-align:center;">M</div> | <div style="align-self:end;text-align:center;z-index:1;">M</div> | ||
<div style="align-self:end;text-align:center;">N</div> | <div style="align-self:end;text-align:center;z-index:1;">N</div> | ||
<div style="align-self:end;text-align:center;">O</div> | <div style="align-self:end;text-align:center;z-index:1;">O</div> | ||
<div style="align-self:end;text-align:center;">P</div> | <div style="align-self:end;text-align:center;z-index:1;">P</div> | ||
<div></div> | <div></div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">15</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">15</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta15|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta15|}}}px;position:relative;"> | ||
| Line 310: | Line 310: | ||
<div style="position:absolute;">{{{p15|}}}</div> | <div style="position:absolute;">{{{p15|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">15</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">15</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">14</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">14</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta14|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta14|}}}px;position:relative;"> | ||
| Line 386: | Line 386: | ||
<div style="position:absolute;">{{{p14|}}}</div> | <div style="position:absolute;">{{{p14|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">14</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">14</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta13|}}}px;position:relative;"> | ||
| Line 462: | Line 462: | ||
<div style="position:absolute;">{{{p13|}}}</div> | <div style="position:absolute;">{{{p13|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">13</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">13</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta12|}}}px;position:relative;"> | ||
| Line 541: | Line 541: | ||
<div style="position:absolute;">{{{p12|}}}</div> | <div style="position:absolute;">{{{p12|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">12</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">12</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta11|}}}px;position:relative;"> | ||
| Line 617: | Line 617: | ||
<div style="position:absolute;">{{{p11|}}}</div> | <div style="position:absolute;">{{{p11|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">11</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">11</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta10|}}}px;position:relative;"> | ||
| Line 693: | Line 693: | ||
<div style="position:absolute;">{{{p10|}}}</div> | <div style="position:absolute;">{{{p10|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">10</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">10</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;"> | ||
| Line 769: | Line 769: | ||
<div style="position:absolute;">{{{p9|}}}</div> | <div style="position:absolute;">{{{p9|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">9</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;"> | ||
| Line 848: | Line 848: | ||
<div style="position:absolute;">{{{p8|}}}</div> | <div style="position:absolute;">{{{p8|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">8</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;"> | ||
| Line 924: | Line 924: | ||
<div style="position:absolute;">{{{p7|}}}</div> | <div style="position:absolute;">{{{p7|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">7</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;"> | ||
| Line 1,000: | Line 1,000: | ||
<div style="position:absolute;">{{{p6|}}}</div> | <div style="position:absolute;">{{{p6|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">6</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;"> | ||
| Line 1,076: | Line 1,076: | ||
<div style="position:absolute;">{{{p5|}}}</div> | <div style="position:absolute;">{{{p5|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">5</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;"> | ||
| Line 1,155: | Line 1,155: | ||
<div style="position:absolute;">{{{p4|}}}</div> | <div style="position:absolute;">{{{p4|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">4</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;"> | ||
| Line 1,231: | Line 1,231: | ||
<div style="position:absolute;">{{{p3|}}}</div> | <div style="position:absolute;">{{{p3|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">3</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;"> | ||
| Line 1,307: | Line 1,307: | ||
<div style="position:absolute;">{{{p2|}}}</div> | <div style="position:absolute;">{{{p2|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">2</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div> | ||
<div style="align-self:center;text-align:right;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|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;"> | ||
| Line 1,383: | Line 1,383: | ||
<div style="position:absolute;">{{{p1|}}}</div> | <div style="position:absolute;">{{{p1|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left;padding-left:4px;">1</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div> | ||
<div></div> | <div></div> | ||
<div style="align-self:start;text-align:center;">A</div> | <div style="align-self:start;text-align:center;z-index:1;">A</div> | ||
<div style="align-self:start;text-align:center;">B</div> | <div style="align-self:start;text-align:center;z-index:1;">B</div> | ||
<div style="align-self:start;text-align:center;">C</div> | <div style="align-self:start;text-align:center;z-index:1;">C</div> | ||
<div style="align-self:start;text-align:center;">D</div> | <div style="align-self:start;text-align:center;z-index:1;">D</div> | ||
<div style="align-self:start;text-align:center;">E</div> | <div style="align-self:start;text-align:center;z-index:1;">E</div> | ||
<div style="align-self:start;text-align:center;">F</div> | <div style="align-self:start;text-align:center;z-index:1;">F</div> | ||
<div style="align-self:start;text-align:center;">G</div> | <div style="align-self:start;text-align:center;z-index:1;">G</div> | ||
<div style="align-self:start;text-align:center;">H</div> | <div style="align-self:start;text-align:center;z-index:1;">H</div> | ||
<div style="align-self:start;text-align:center;">J</div> | <div style="align-self:start;text-align:center;z-index:1;">J</div> | ||
<div style="align-self:start;text-align:center;">K</div> | <div style="align-self:start;text-align:center;z-index:1;">K</div> | ||
<div style="align-self:start;text-align:center;">L</div> | <div style="align-self:start;text-align:center;z-index:1;">L</div> | ||
<div style="align-self:start;text-align:center;">M</div> | <div style="align-self:start;text-align:center;z-index:1;">M</div> | ||
<div style="align-self:start;text-align:center;">N</div> | <div style="align-self:start;text-align:center;z-index:1;">N</div> | ||
<div style="align-self:start;text-align:center;">O</div> | <div style="align-self:start;text-align:center;z-index:1;">O</div> | ||
<div style="align-self:start;text-align:center;">P</div> | <div style="align-self:start;text-align:center;z-index:1;">P</div> | ||
<div></div>}}} | <div></div>}}} | ||
</div> | </div> | ||
Revision as of 21:23, 17 December 2021
A
B
C
D
E
F
G
H
J
K
L
M
N
O
P
15
15
14
14
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
O
P
For documentation see Template:Goboard9