From ae4753ba6a54b369a4f0c7891ca4b21790a88e7f Mon Sep 17 00:00:00 2001 From: Ruben Date: Sat, 11 Mar 2017 12:42:21 +0100 Subject: [PATCH] Add info overlay --- templates/index.html | 53 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 52 insertions(+), 1 deletion(-) diff --git a/templates/index.html b/templates/index.html index 1e3926a..4ed55dc 100644 --- a/templates/index.html +++ b/templates/index.html @@ -135,6 +135,41 @@ width:100%; } + #info{ + background: blue;color:white; + width: 30em; + height: 30em; + padding: 1em; + border-radius: 50%; + margin: auto; + text-align: center; + position: absolute; + top: calc(47.5% - 15em); + left: calc(50% - 15em); + display: none; + flex-direction: column; + justify-content: center; + } + #info.show{ + display:flex; + } + a:link, a:visited{ + color:yellow; + text-decoration: none; + } + a:hover{ + color:red; + text-decoration: underline; + } + + h3{ + cursor:pointer; + } + h3:hover:after{ + content:' (?)'; + color:blue; + } + /* Standard syntax */ @keyframes rotate { from {transform: rotate(0deg);} @@ -144,7 +179,7 @@