.container#variantPage
padding: 0
+//.container#variantPage > .row > div
+@media screen and (max-width: 767px)
+ .col-sm-12
+ padding: 0
+
+@media screen and (max-width: 767px)
+ h4
+ margin: 0 0 10px 0
+ p
+ margin-left: 0
+ margin-right: 0
+ padding: 0 3px
+
.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
background-color: #b58863
.highlight
- background-color: #00cc00
+ background-color: #00cc66
+
+.incheck
+ background-color: #cc3300
.light-square-diag
background-color: #e5e5ca