-.container#variantPage
- padding: 0
-
-//.container#variantPage > .row > div
-@media screen and (max-width: 767px)
- .col-sm-12
- padding: 0
- 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
-
-figure.diagram-container
- margin: 15px 0 15px 0
- text-align: center
- width: 100%
- display: block
-
-// https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
-figure.diagram-container > .diagram
- display: block
- width: 40%
- min-width: 300px
- max-width: 800px
- margin-left: auto
- margin-right: auto