+#gameInfos,
+#boardContainer,
+#gameStopped,
+#pendingSeek,
+#pendingRematch,
+#newGameForm {
+ display: none;
+}
+#gameStopped > h1 {
+ margin-bottom: 10px;
+}
+
+#gameInfos > .players-info {
+ text-align: center;
+}
+#gameInfos > .options-info {
+ text-align: center;
+ color: #757575;
+ margin-bottom: 15px;
+}
+#gameInfos > div {
+ margin: 10px 0;
+}
+#gameInfos > .rules {
+ color: #732E6C;
+}
+#gameInfos > .rules p,
+#gameInfos > .rules ul,
+#gameInfos > .rules ol {
+ margin: 10px 0;
+}
+#gameInfos > .rules ul {
+ list-style-type: square;
+ padding-left: 30px;
+}
+#gameInfos > .rules ol {
+ list-style-type: numeric;
+ padding-left: 30px;
+}
+#gameInfos > .rules a {
+ padding-bottom: 1px;
+ border-bottom: 1px dotted black;
+}
+#gameInfos > .rules .author {
+ color: darkblue;
+ font-style: italic;
+}
+
+/* Complete rules (separate page) */
+.full-rules {
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 0 10px;
+}
+.full-rules h2, .full-rules h3, .full-rules h4 {
+ font-weight: bold;
+ display: block;
+}
+.full-rules h2 {
+ color: darkred;
+ font-size: 2.5em;
+ margin: 10px 0;
+}
+.full-rules h3 {
+ color: darkviolet;
+ font-size: 2em;
+ margin: 10px 0;
+}
+.full-rules h4 {
+ color: darkgreen;
+ font-size: 1.5em;
+ margin: 5px 0;
+ text-align: center;
+}
+.full-rules .diag {
+ position: relative;
+ margin: -30px auto 0 auto;
+}
+.full-rules figcaption {
+ display: block;
+ text-align: center;
+ margin-top: -50px;
+ margin-bottom: 30px;
+}
+/* TODO: use same CSS for rules and full-rules? */
+.full-rules p, .full-rules ul, .full-rules ol {
+ margin: 10px 0;
+}
+.full-rules ul {
+ list-style-type: square;
+ padding-left: 30px;
+}
+.full-rules ol {
+ list-style-type: numeric;
+ padding-left: 30px;
+}
+/* From vchess to adapt: */
+/*
+figure.diagram-container
+ margin: 15px 0 15px 0
+ text-align: center
+ width: 100%
+ display: block
+ .diagram
+ display: block
+ width: 50%
+ margin-left: auto
+ margin-right: auto
+ @media screen and (max-width: 630px)
+ width: 75%
+ .diag12
+ float: left
+ width: 42%
+ margin: 0 2% 0 6%
+ @media screen and (max-width: 630px)
+ width: 49%
+ margin: 0 1% 0 0
+ .diag22
+ float: left
+ width: 42%
+ margin: 0 6% 0 2%
+ @media screen and (max-width: 630px)
+ width: 49%
+ margin: 0 0 0 1%
+ figcaption
+ display: block
+ clear: both
+ padding-top: 5px
+ font-size: 0.8em
+*/