diff --git a/call/static/call/guestbook.css b/call/static/call/guestbook.css index 2b1e6c1..60bc0c8 100644 --- a/call/static/call/guestbook.css +++ b/call/static/call/guestbook.css @@ -1,3 +1,6 @@ +body{ + background-color: rgb(240,240,240); +} .creature canvas { width: 64px; height: 64px; @@ -15,8 +18,12 @@ div.creature { width: fit-content; text-align: center; position: relative; - margin: 10em; + margin: 4em 7em; +} +div.creature:nth-of-type(2n) { + margin: 4em 14em; } + div.centerbottom { position: absolute; left: 50%; @@ -44,4 +51,41 @@ div.caption div.captiontext { /* top | right | bottom | left */ padding: 0 0.3em 0.3em 0.3em; } - \ No newline at end of file + +div.pagination{ + font-family: monospace; + font-size: 11px; + line-height: 1; + position: fixed; + color: tomato; + top: 10px; + left: 150px; +} + +div#popup{ + position: fixed; + border: 1px solid; + padding: 0.75em 1em 1em; + bottom: -1px; + right: 10px; + width: 250px; + font-family: monospace; + font-size: 11px; + background-color: white; +} +div#popup a{ + color: black; +} +div#click{ + position: fixed; + border: 1px solid; + padding: 10px 10px; + bottom: 220px; + left: -1px; + width: 80px; + text-align: center; + font-family: monospace; + font-size: 11px; + background-color: white; + color: indigo; +} diff --git a/call/templates/call/guestbook.html b/call/templates/call/guestbook.html index a01501f..70e4dc6 100644 --- a/call/templates/call/guestbook.html +++ b/call/templates/call/guestbook.html @@ -29,7 +29,11 @@ +
+ Click on the characters to activate them!