-
-#pgn-div > a
- display: none
-
-#pgn-div > p
- cursor: pointer
-
-.warn
- padding: 3px
- color: red
- background-color: lightgrey
- font-weight: bold
-
-.playing, button.playing:hover
- background-color: #ffcc99
-
-.seek, button.seek:hover
- background-color: #cc99ff
-
-// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
-figure.diagram-container > .diagram
- display: block
- width: 45%
- min-width: 300px
- max-width: 800px
- margin-left: auto
- margin-right: auto
-
-.topindicator
- position: relative
+ border: 1px solid black;
+ margin: 1px 0 0 15px
+ @media screen and (max-width: 767px)
+ margin-top: 10px
+ display: block
+
+#helpMenu
+ @media screen and (min-width: 768px)
+ float: right
+ .info-container
+ p
+ padding: 0 3px
+ margin: 1px 0 0 15px
+
+#flagMenu
+ @media screen and (min-width: 768px)
+ margin-top: 1px
+ float: right
+ margin: 0 15px
+ @media screen and (max-width: 767px)
+ margin: 25px 5px 0 15px
+ img
+ display: inline-block
+ margin: 0
+ height: 25px
+
+label.drawer-toggle
+ padding: 0
+ &::before
+ font-size: 2em;
+ max-height: 32px;
+ top: -7px;
+ left: 5px
+
+// Game section:
+
+button.play
+ height: 24px
+ margin: 0
+ padding: 0 10px 24px 10px
+ box-sizing: border-box