diff --git a/css/main.css b/css/main.css
index fb98fb3..68e47de 100644
--- a/css/main.css
+++ b/css/main.css
@@ -120,15 +120,10 @@ body.unsupported #gamepad {
align-self: center;
}
-#overlay > span {
+#overlay>span {
padding: 0 8px;
}
-#overlay #color,
-#overlay #triggers {
- display: none;
-}
-
#overlay select {
padding: 4px 0;
border-radius: 4px;
@@ -212,7 +207,7 @@ body.unsupported #gamepad {
vertical-align: top;
}
-.popout table > thead > tr > th {
+.popout table>thead>tr>th {
border-bottom: 2px solid #ddd;
border-top: 0;
vertical-align: bottom;
@@ -252,13 +247,11 @@ kbd {
inset 0 -0.05em 0.4em rgb(80, 80, 80), 0 0.1em 0 rgb(30, 30, 30),
0 0.1em 0.1em rgba(0, 0, 0, 0.3);
background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
- background: -webkit-gradient(
- linear,
- left top,
- left bottom,
- from(rgb(60, 60, 60)),
- to(rgb(80, 80, 80))
- );
+ background: -webkit-gradient(linear,
+ left top,
+ left bottom,
+ from(rgb(60, 60, 60)),
+ to(rgb(80, 80, 80)));
background: rgb(80, 80, 80);
box-shadow: inset 0 0 1px rgb(150, 150, 150),
inset 0 -0.05em 0.4em rgb(80, 80, 80), 0 0.1em 0 rgb(30, 30, 30),
@@ -266,3 +259,33 @@ kbd {
color: rgb(250, 250, 250);
text-shadow: -1px -1px 0 rgb(70, 70, 70);
}
+
+.fadeIn {
+ animation: fadeIn 300ms;
+ opacity: 1;
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.fadeOut {
+ animation: fadeOut 1s;
+ opacity: 0;
+}
+
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
diff --git a/index.html b/index.html
index 87028c9..aa5e978 100644
--- a/index.html
+++ b/index.html
@@ -113,13 +113,13 @@
-
+
-
+