diff --git a/satiate.css b/satiate.css
index 38d133a..fe18253 100644
--- a/satiate.css
+++ b/satiate.css
@@ -93,7 +93,7 @@ html, body {
position: absolute;
left: 50%;
margin-left: -100px;
- top: 15%;
+ top: 5%;
}
@media (max-aspect-ratio: 1/1) {
@@ -116,31 +116,6 @@ html, body {
border-radius: 5px;
}
-/* nicked from the internet */
-/*
-.move-button:before,
-.move-button:after {
- content: '';
- position: absolute;
- right: -20px;
- width: 32px;
- height: 15px;
- border-radius: 5px;
- background: #888;
-}
-.move-button:before {
- top: 9px;
- -webkit-
- -ms-
-
-}
-.move-button:after {
- bottom: 9px;
- -webkit-
- -ms-
-
-}*/
-
.disabled {
background-color: gray;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
@@ -155,86 +130,58 @@ html, body {
position: absolute;
left: -140px;
top: 60px;
-
-}
-
-#move-up-left > span {
-
}
#move-up {
position: absolute;
left: 0px;
top: 0px;
-
-}
-
-#move-up > span {
-
}
#move-up-right {
position: absolute;
left: 140px;
top: 60px;
-
-}
-
-#move-up-right > span {
-
}
#move-left {
position: absolute;
left: -200px;
top: 120px;
-
-}
-
-#move-left > span {
-
}
#move-right {
position: absolute;
left: 200px;
top: 120px;
-
-}
-
-#move-right > span {
-
}
#move-down-left {
position: absolute;
left: -140px;
top: 180px;
-
-}
-
-#move-down-left > span {
-
}
#move-down {
position: absolute;
left: 0px;
top: 240px;
-
-}
-
-#move-down > span {
-
}
#move-down-right {
position: absolute;
left: 140px;
top: 180px;
-
}
-#move-down-right > span {
+#move-climb {
+ position: absolute;
+ left: -200px;
+ top: 300px;
+}
+#move-descend {
+ position: absolute;
+ left: 200px;
+ top: 300px;
}
diff --git a/satiate.html b/satiate.html
index 41547f4..d766811 100644
--- a/satiate.html
+++ b/satiate.html
@@ -53,6 +53,8 @@
+
+