X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fstylesheets%2Fvariant.sass;h=4c00a62644da4adfb9112268a719a939810277cd;hb=50aed5a15e214d31b63f6320209ac14fe5c052cb;hp=ae4f0b21510ed8c6323fc29ab76e79f077cf56a5;hpb=d7083722aa521da7a63a9d402db99f3348e8582c;p=vchess.git diff --git a/client/src/stylesheets/variant.sass b/client/src/stylesheets/variant.sass index ae4f0b21..4c00a626 100644 --- a/client/src/stylesheets/variant.sass +++ b/client/src/stylesheets/variant.sass @@ -145,110 +145,6 @@ button.seek &:hover background-color: #cc99ff -.game.reserve-div - margin-bottom: 18px - -.reserve-count - padding-left: 40% - -.reserve-row-1 - margin-bottom: 15px - -div.board - float: left - height: 0 - display: inline-block - position: relative - -div.board8 - width: 12.5% - padding-bottom: 12.5% - -div.board10 - width: 10% - padding-bottom: 10% - -div.board11 - width: 9.09% - padding-bottom: 9.1% - -// NOTE: no variants with reserve of size != 8 - -.game - width: 80vh - margin: 0 auto - .board - cursor: pointer - @media screen and (max-width: 767px) - width: 100% - margin: 0 - -#choices - margin: 0 auto 0 auto - position: relative - z-index: 300 - overflow-y: inherit - background-color: rgba(0,0,0,0) - img - cursor: pointer - background-color: #e6ee9c - &:hover - background-color: skyblue - &.choice-piece - width: 100% - height: auto - display: block - -img.piece - width: 100% - -img.piece, img.mark-square - max-width: 100% - height: auto - display: block - -img.mark-square - opacity: 0.6 - width: 76% - position: absolute - top: 12% - left: 12% - opacity: .7 - -img.ghost - position: absolute - opacity: 0.4 - top: 0 - -.highlight - background-color: #00cc66 !important - -.in-shadow - filter: brightness(50%) - -.incheck - background-color: #cc3300 !important - -.light-square.lichess - background-color: #f0d9b5; -.dark-square.lichess - background-color: #b58863; - -.light-square.chesscom - background-color: #e5e5ca; -.dark-square.chesscom - background-color: #6f8f57; - -.light-square.chesstempo - background-color: #fdfdfd; -.dark-square.chesstempo - background-color: #88a0a8; - -.light-square-diag - background-color: #e5e5ca -.dark-square-diag - background-color: #6f8f57 - #fen-string margin-top: 0 margin-bottom: 10px @@ -277,70 +173,6 @@ img.ghost // Rules section: -.warn - padding: 3px - color: red - background-color: lightgrey - font-weight: bold - -figure.diagram-container - margin: 15px 0 15px 0 - text-align: center - width: 100% - display: block - .diagram - display: block - width: 40% - 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: 630px) - float: none - margin: 0 auto 10px auto - .diag22 - float: left - margin-right: calc(10% - 20px) - @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 - padding: 5px - -.stageDelimiter - color: purple - -// To show (new) pieces, and/or there values... -figure.showPieces > img - width: 50px - -figure.showPieces > figcaption - color: #6C6C6C - -.section-title - padding: 0 - -.section-title > h4 - padding: 5px - -ol, ul:not(.browser-default) - padding-left: 20px - -ul:not(.browser-default) - margin-top: 5px - -ul:not(.browser-default) > li - list-style-type: disc // Problems section: