X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=0637d09ddbb88a08059298fe9ddf2a5211aca813;hp=eef7169f67697b6149d2f8c9d093e82f24a75a6d;hb=26d8a01a40dc198b633ae86f698b1ae82415e5e1;hpb=de6860abfca2fee63d61b6ec7145dfc89d9e50c8 diff --git a/client/src/App.vue b/client/src/App.vue index eef7169f..0637d09d 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -204,6 +204,11 @@ nav & > #leftMenu margin-top: 42px padding-bottom: 5px + & > a + text-decoration: none + color: #2c3e50 + &.router-link-exact-active + color: #42b983 & > #rightMenu padding-top: 5px border-top: 1px solid darkgrey @@ -294,69 +299,4 @@ footer color: red &:link, &:visited, &:hover color: red - -// Styles for diagrams and board (partial). -// TODO: where to put that ? - -.light-square-diag - background-color: #e5e5ca - -.dark-square-diag - background-color: #6f8f57 - -div.board - user-select: none - float: left - height: 0 - display: inline-block - position: relative - -div.board5 - width: 20% - padding-bottom: 20% - -div.board8 - width: 12.5% - padding-bottom: 12.5% - -div.board9 - width: 11.1% - padding-bottom: 11.1% - -div.board10 - width: 10% - padding-bottom: 10% - -div.board11 - width: 9.09% - padding-bottom: 9.09% - -div.board12 - width: 8.33% - padding-bottom: 8.33% - -img.piece - width: 100% - -img.piece, img.mark-square, img.circle-square - max-width: 100% - height: auto - display: block - -img.mark-square - opacity: .7 - width: 76% - position: absolute - top: 12% - left: 12% - -img.circle-square - opacity: 0.7 - width: 100% - position: absolute - top: 0 - left: 0 - -.in-shadow - filter: brightness(50%)