show push popup over ouya logo

[stouyapi.git] / www / ouya-game.css

diff --git a/www/ouya-game.css b/www/ouya-game.css
index b9886e7e03ccb0645fa3942826ff5de9dbb8ad85..5f3f2f948c2d5cb61915d0da4a7c1370d84873d6 100644 (file)
--- a/www/ouya-game.css
+++ b/www/ouya-game.css
@@ -97,10 +97,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;
@@ -156,3 +166,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;
+}