+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;
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;
.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;
+}