-//TODO: taille modal au cas par cas. standard == 767. Can be larger (welcome, fen...)
-
-.warn
- padding: 3px
- color: red
- background-color: lightgrey
- font-weight: bold
-
-button.playing
- background-color: #ffcc99
- :hover
- background-color: #ffcc99
-
-button.seek
- background-color: #cc99ff
- :hover
- background-color: #cc99ff
-
-figure.diagram-container
- margin: 15px 0 15px 0
- text-align: center
- width: 100%
- display: block
- .diagram
- display: block
- width: 40%
- //min-width: 300px
- max-width: 800px
- margin-left: auto
- margin-right: auto
- .diag12
- float: left
- margin-left: calc(10% - 20px)
- margin-right: 40px
- @media screen and (max-width: 500px)
- float: none
- margin: 0 auto 10px auto
- .diag22
- float: left
- margin-right: calc(10% - 20px)
- @media screen and (max-width: 500px)
- float: none
- margin: 0 auto
- figcaption
- display: block
- clear: both
- padding-top: 5px
+#userMenu, #settings
+ @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