Browse Source

Added up/down buttons

tags/v0.1.0
Fen Dweller 6 years ago
parent
commit
0aa5db7b3c
No known key found for this signature in database GPG Key ID: E80B35A6F11C3656
2 changed files with 12 additions and 63 deletions
  1. +10
    -63
      satiate.css
  2. +2
    -0
      satiate.html

+ 10
- 63
satiate.css View File

@@ -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;
}

+ 2
- 0
satiate.html View File

@@ -53,6 +53,8 @@
<button class="move-button" id="move-down-left"><span>Dennis</span></button>
<button class="move-button" id="move-down"><span>Ectoplasm</span></button>
<button class="move-button" id="move-down-right"><span>E</span></button>
<button class="move-button" id="move-climb"><span>Penthouse</span></button>
<button class="move-button" id="move-descend"><span>Basement</span></button>
</div>
</div>
</div>


Loading…
Cancel
Save