X-Git-Url: https://git.cweiske.de/stouyapi.git/blobdiff_plain/160e2a4ac460ae5114018d584f98ee7d8a2c52bc..88f30ce5ce826324598b587c7f10687195df9dbf:/www/ouya-game.css

diff --git a/www/ouya-game.css b/www/ouya-game.css
index 611df21..22560e0 100644
--- a/www/ouya-game.css
+++ b/www/ouya-game.css
@@ -1,7 +1,12 @@
+html {
+    height: 100%;
+}
 body {
+    min-height: 100%;
     background-color: #333;
     background-image: url("bg_details.jpg");
     background-size: cover;
+    background-attachment: fixed;
     color: #CCC;
     font-family: sans;
     margin: 0;
@@ -85,6 +90,9 @@ nav {
     content: "|";
     font-weight: normal;
 }
+.text a {
+    color: #CCC;
+}
 
 .description {
     overflow-y: auto;
@@ -94,10 +102,20 @@ nav {
 .buttons h2 {
     display: none;
 }
+.buttons {
+    display: flex;
+    justify-content: space-between;
+}
 .buttons a {
     font-size: 1.5rem;
     color: #CCC;
 }
+button.push-to-my-ouya {
+    cursor: pointer;
+    border: none;
+    padding: 0;
+    background-color: transparent;
+}
 
 nav {
     text-align: center;
@@ -153,3 +171,31 @@ nav a {
 .average-5:before {
     content: "★★★★★";
 }
+
+
+.popup {
+    position: fixed;
+    top: 1.5rem;
+    right: 1.5rem;
+    width: 20rem;
+    padding: 1rem;
+    background-color: black;
+    border: 1px solid #AAA;
+    border-radius: 0.5rem;
+}
+.popup a.close {
+    color: white;
+    font-size: 2rem;
+    text-decoration: none;
+    position: absolute;
+    top: 0;
+    right: 0.5rem;
+}
+.popup a.close:hover {
+    color: #fc4422;
+}
+.popup strong {
+    display: block;
+    color: #fc4422;
+    margin-bottom: 0.5rem;
+}