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 @@ + +