color: black
a, p
display: inline-block
- padding: 0
+ padding: 0 3px
border: 1px solid black;
margin: 1px 0 0 15px
@media screen and (max-width: 767px)
float: right
.info-container
p
+ padding: 0 3px
margin: 1px 0 0 15px
#flagMenu
margin-left: 15px
button.play.spaceright
margin-right: 15px
+button.play.big-spaceleft
+ margin-left: 25px
+button.play.big-spaceright
+ margin-right: 25px
.aboveboard-wrapper
width: 80vh
width: 12.5%
padding-bottom: 12.5%
-div.board8-reserve
- width: 10%
- padding-bottom: 10%
-
div.board10
width: 10%
padding-bottom: 10%
background-color: #e6ee9c
&:hover
background-color: skyblue
- .choice-piece
- width: 90%
- max-width: 100%
+ &.choice-piece
+ width: 100%
height: auto
display: block
.highlight
background-color: #00cc66 !important
+.in-shadow
+ filter: brightness(50%)
+
.incheck
background-color: #cc3300 !important
.diagram
display: block
width: 40%
- //min-width: 300px
- max-width: 800px
+ min-width: 240px
margin-left: auto
margin-right: auto
.diag12
float: left
margin-left: calc(10% - 20px)
margin-right: 40px
- @media screen and (max-width: 500px)
+ @media screen and (max-width: 630px)
float: none
margin: 0 auto 10px auto
.diag22
float: left
margin-right: calc(10% - 20px)
- @media screen and (max-width: 500px)
+ @media screen and (max-width: 630px)
float: none
margin: 0 auto
figcaption
display: block
clear: both
padding-top: 5px
+ font-size: 0.8em
p.boxed
background-color: #FFCC66