X-Git-Url: https://git.cweiske.de/stouyapi.git/blobdiff_plain/d557e7dc63f31c671bfcbf8f5c6c78ebc101bce8..35656081d384dd2c762002293a9070229675586b:/www/ouya-game.css

diff --git a/www/ouya-game.css b/www/ouya-game.css
index eb2738d..22560e0 100644
--- a/www/ouya-game.css
+++ b/www/ouya-game.css
@@ -1,5 +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;
@@ -83,17 +90,32 @@ nav {
     content: "|";
     font-weight: normal;
 }
+.text a {
+    color: #CCC;
+}
 
 .description {
     overflow-y: auto;
     max-height: 50vh;
 }
 
-
+.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;
@@ -149,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;
+}