Half way to changing format.

Psudo css is half way. Basic work is done. Gotta debug and make it work.


Before application of CSS

<board>
  <field player='you'>
  </field>
  <home player='you'>
    <chequer player='you'>
      0
    </chequer>
  </home>
  <bar player='him'>
    <chequer player='him'>
      0
    </chequer>
  </bar>
  <point parity=odd>
    1
    <chequer player='him'>
      2
    </chequer>
  </point>
  <point parity=even>
    2
  </point>
  <point parity=odd>
    3
  </point>
  <point parity=even>
    4
  </point>
  <point parity=odd>
    5
  </point>
  <point parity=even>
    6
    <chequer player='you'>
      5
    </chequer>
  </point>
  <point parity=odd>
    7
  </point>
  <point parity=even>
    8
    <chequer player='you'>
      3
    </chequer>
  </point>
  <point parity=odd>
    9
  </point>
  <point parity=even>
    10
  </point>
  <point parity=odd>
    11
  </point>
  <point parity=even>
    12
    <chequer player='him'>
      5
    </chequer>
  </point>
  <point parity=odd>
    13
    <chequer player='you'>
      5
    </chequer>
  </point>
  <point parity=even>
    14
  </point>
  <point parity=odd>
    15
  </point>
  <point parity=even>
    16
  </point>
  <point parity=odd>
    17
    <chequer player='him'>
      3
    </chequer>
  </point>
  <point parity=even>
    18
  </point>
  <point parity=odd>
    19
    <chequer player='him'>
      5
    </chequer>
  </point>
  <point parity=even>
    20
  </point>
  <point parity=odd>
    21
  </point>
  <point parity=even>
    22
  </point>
  <point parity=odd>
    23
  </point>
  <point parity=even>
    24
    <chequer player='you'>
      2
    </chequer>
  </point>
  <bar player='you'>
    <chequer player='you'>
      0
    </chequer>
  </bar>
  <home player='him'>
    <chequer player='him'>
      0
    </chequer>
  </home>
  <field player='him'>
  </field>
</board>

After CSS

<board height=101 width=25 y=0 x=266>
  <field player='you'>
  </field>
  <home player='you' width=25 y=131 x=266 height=101>
    <chequer player='you'>
      0
    </chequer>
  </home>
  <bar player='him' width=25 y=131 x=266 height=101>
    <chequer player='him'>
      0
    </chequer>
  </bar>
  <point parity=odd width=25 y=131 x=266 height=101>
    1
    <chequer player='him'>
      2
    </chequer>
  </point>
  <point parity=even>
    2
  </point>
  <point parity=odd>
    3
  </point>
  <point parity=even>
    4
  </point>
  <point parity=odd>
    5
  </point>
  <point parity=even width=25 y=131 x=266 height=101>
    6
    <chequer player='you'>
      5
    </chequer>
  </point>
  <point parity=odd>
    7
  </point>
  <point parity=even width=25 y=131 x=266 height=101>
    8
    <chequer player='you'>
      3
    </chequer>
  </point>
  <point parity=odd>
    9
  </point>
  <point parity=even>
    10
  </point>
  <point parity=odd>
    11
  </point>
  <point parity=even width=25 y=131 x=266 height=101>
    12
    <chequer player='him'>
      5
    </chequer>
  </point>
  <point parity=odd width=25 y=131 x=266 height=101>
    13
    <chequer player='you'>
      5
    </chequer>
  </point>
  <point parity=even>
    14
  </point>
  <point parity=odd>
    15
  </point>
  <point parity=even>
    16
  </point>
  <point parity=odd width=25 y=131 x=266 height=101>
    17
    <chequer player='him'>
      3
    </chequer>
  </point>
  <point parity=even>
    18
  </point>
  <point parity=odd width=25 y=131 x=266 height=101>
    19
    <chequer player='him'>
      5
    </chequer>
  </point>
  <point parity=even>
    20
  </point>
  <point parity=odd>
    21
  </point>
  <point parity=even>
    22
  </point>
  <point parity=odd>
    23
  </point>
  <point parity=even width=25 y=131 x=266 height=101>
    24
    <chequer player='you'>
      2
    </chequer>
  </point>
  <bar player='you' width=25 y=131 x=266 height=101>
    <chequer player='you'>
      0
    </chequer>
  </bar>
  <home player='him' width=25 y=0 x=266 height=101>
    <chequer player='him'>
      0
    </chequer>
  </home>
  <field player='him'>
  </field>
</board>