4 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
5 figure.diagram-container > .diagram
13 .connected, .disconnected
16 margin: 0 auto 15px auto
17 border: 1px solid brown
20 background-color: green
25 // TODO: div.board, board9, board10, board11, board12
42 background-color: rgba(0,0,0,0) //transparent
46 background-color: #e6ee9c
49 background-color: skyblue
57 img.piece, img.mark-square, img.choice-piece
80 figure.diagram-container > figcaption
86 background-color: #f0d9b5
88 background-color: #b58863
91 background-color: #00cc00
94 background-color: #e5e5ca
96 background-color: #6f8f57
99 background-color: #FFCC66
105 // To show (new) pieces, and/or there values...
106 figure.showPieces > img
109 figure.showPieces > figcaption
112 figure.diagram-container
113 margin: 15px 0 15px 0
127 ol, ul:not(.browser-default)
130 ul:not(.browser-default)
133 ul:not(.browser-default) > li
134 list-style-type: disc
140 background-color: lightgrey