This is a documentation for Board Game Arena: play board games online !

Template:Goboard13: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
m (removed z-index)
m (added notation z-index)
Line 167: Line 167:
</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></div>
<div></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 246: Line 246:
   <div style="position:absolute;">{{{n13|}}}</div>
   <div style="position:absolute;">{{{n13|}}}</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 312: Line 312:
   <div style="position:absolute;">{{{n12|}}}</div>
   <div style="position:absolute;">{{{n12|}}}</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 378: Line 378:
   <div style="position:absolute;">{{{n11|}}}</div>
   <div style="position:absolute;">{{{n11|}}}</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 446: Line 446:
   <div style="position:absolute;">{{{n10|}}}</div>
   <div style="position:absolute;">{{{n10|}}}</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 512: Line 512:
   <div style="position:absolute;">{{{n9|}}}</div>
   <div style="position:absolute;">{{{n9|}}}</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 578: Line 578:
   <div style="position:absolute;">{{{n8|}}}</div>
   <div style="position:absolute;">{{{n8|}}}</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 645: Line 645:
   <div style="position:absolute;">{{{n7|}}}</div>
   <div style="position:absolute;">{{{n7|}}}</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 711: Line 711:
   <div style="position:absolute;">{{{n6|}}}</div>
   <div style="position:absolute;">{{{n6|}}}</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 777: Line 777:
   <div style="position:absolute;">{{{n5|}}}</div>
   <div style="position:absolute;">{{{n5|}}}</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 845: Line 845:
   <div style="position:absolute;">{{{n4|}}}</div>
   <div style="position:absolute;">{{{n4|}}}</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 911: Line 911:
   <div style="position:absolute;">{{{n3|}}}</div>
   <div style="position:absolute;">{{{n3|}}}</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 977: Line 977:
   <div style="position:absolute;">{{{n2|}}}</div>
   <div style="position:absolute;">{{{n2|}}}</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,043: Line 1,043:
   <div style="position:absolute;">{{{n1|}}}</div>
   <div style="position:absolute;">{{{n1|}}}</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></div>}}}
<div></div>}}}
</div>
</div>

Revision as of 22:26, 17 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