X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=78570856f79c20d6593fde2417b7c6f69958d625;hb=4608eed94432356bd2df8c144d7d233913c6483c;hp=c2e28a18655f6eeaf92eb257a431d48e4b3d6b71;hpb=4f7723a1a0d1554f16c699017ae308079aa43a69;p=vchess.git diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass index c2e28a18..78570856 100644 --- a/public/stylesheets/variant.sass +++ b/public/stylesheets/variant.sass @@ -37,7 +37,7 @@ a#homeLink margin-top: 10px display: block -#helpMenu +#userMenu, #settings @media screen and (min-width: 768px) float: right .info-container @@ -161,10 +161,6 @@ div.board8 width: 12.5% padding-bottom: 12.5% -div.board8-reserve - width: 10% - padding-bottom: 10% - div.board10 width: 10% padding-bottom: 10% @@ -195,9 +191,8 @@ div.board11 background-color: #e6ee9c &:hover background-color: skyblue - .choice-piece - width: 90% - max-width: 100% + &.choice-piece + width: 100% height: auto display: block @@ -253,6 +248,7 @@ img.ghost #fen-string margin-top: 0 + margin-bottom: 10px #pgn-game margin-top: 0 @@ -266,7 +262,7 @@ img.ghost #pgn-div > a display: none -#fen-div > p +//#fen-div > p margin-left: 0 margin-right: 0 @@ -293,26 +289,26 @@ figure.diagram-container display: block width: 40% min-width: 240px - 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) + @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