X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=0637d09ddbb88a08059298fe9ddf2a5211aca813;hb=26d8a01a40dc198b633ae86f698b1ae82415e5e1;hp=369391e7b495beb85f2abb78b3f811c473691c60;hpb=472c0c4f5aa29d96e080873ebfce2a04f664d852;p=vchess.git diff --git a/client/src/App.vue b/client/src/App.vue index 369391e7..0637d09d 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -116,6 +116,9 @@ body .row > div padding: 0 +a + text-decoration: underline + header width: 100% display: flex @@ -185,6 +188,7 @@ nav justify-content: flex-start & > a display: inline-block + text-decoration: none color: #2c3e50 &.router-link-exact-active color: #42b983 @@ -201,6 +205,7 @@ nav margin-top: 42px padding-bottom: 5px & > a + text-decoration: none color: #2c3e50 &.router-link-exact-active color: #42b983 @@ -266,6 +271,7 @@ footer align-self: center; &:link color: #2c3e50 + text-decoration: none &:visited, &:hover color: #2c3e50 text-decoration: none @@ -293,62 +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 - 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 - max-width: 100% - height: auto - display: block - -img.mark-square - opacity: 0.6 - width: 76% - position: absolute - top: 12% - left: 12% - opacity: .7 - -.in-shadow - filter: brightness(50%)