Added Qufy's popup animation!

This commit is contained in:
GDColon 2019-10-21 11:40:56 -04:00
parent 81de32cc31
commit a4ac72cce2
7 changed files with 43 additions and 11 deletions

View file

@ -270,6 +270,10 @@ input::-webkit-inner-spin-button {
border-image-slice: 65;
}
.bounce {
animation: boxAnimator 0.25s;
}
.epicbox {
border: 3.5vh solid transparent;
border-image: url('./../assets/epicbox.png') 20% stretch;
@ -792,4 +796,24 @@ input::-webkit-inner-spin-button {
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg); }
}
@keyframes boxAnimator {
0% {
transform: scale(0) translate(-50%, -50%);
transform-origin:left top
}
75% {
transform: scale(1.075) translate(-50%, -50%);
transform-origin:left top
}
100% {
transform: scale(1) translate(-50%, -50%);
transform-origin:left top
}
}

View file

@ -14,7 +14,7 @@
<div id="everything">
<div id="filters" class="popup">
<div id="filterStuff" class="brownBox center supercenter" style="width: 101vh; height: 50%; padding-top: 0.3%; padding-bottom: 3.5%; padding-left: 1%">
<div id="filterStuff" class="brownBox bounce center supercenter" style="width: 101vh; height: 50%; padding-top: 0.3%; padding-bottom: 3.5%; padding-left: 1%">
<img class="gdButton" src="../assets/close.png" width="9%" style="position: absolute; top: -8.5%; left: -5.5vh" onclick="$('#filters').hide()">
<h1 style="margin-bottom: 4%">Advanced Options</h1><br>
<div><h1><input type="checkbox" id="box1" url="&featured"><label for="box1" class="gdcheckbox gdButton"></label>Featured</h1></div>

View file

@ -25,7 +25,7 @@
</div>
<div class="popup" id="infoDiv">
<div class="fancybox center supercenter">
<div class="fancybox bounce center supercenter">
<h2 class="smaller center" style="font-size: 5.5vh">Leaderboard Info</h2>
<p class="bigger center" id="infoText" style="line-height: 5vh; margin-top: 1.5vh"></p>
<img src="../assets/ok.png" width=20%; class="gdButton center" onclick="$('.popup').hide()">

View file

@ -14,7 +14,7 @@
<div id="everything">
<div class="popup" id="infoDiv">
<div class="fancybox center supercenter">
<div class="fancybox bounce center supercenter">
<h2 class="smaller center" style="font-size: 5.5vh">Level Info</h2>
<p class="bigger center" id="levelInfo" style="line-height: 5vh; margin-top: 1.5vh;">
<span style="color:lime">[[NAME]]</span><br>
@ -27,7 +27,7 @@
</div>
<div class="popup" id="scoreDiv">
<div class="fancybox center supercenter">
<div class="fancybox bounce center supercenter">
<h2 class="smaller center" style="font-size: 5.5vh">Leaderboards</h2>
<p class="bigger center" style="line-height: 5vh; margin-top: 1.5vh;">
<span style="color:yellow">Leaderboards</span> are coming soon™
@ -37,7 +37,7 @@
</div>
<div class="popup" id="saveDiv">
<div class="fancybox center supercenter">
<div class="fancybox bounce center supercenter">
<h2 class="smaller center" style="font-size: 5.5vh">Saved!</h2>
<p class="bigger center" style="line-height: 5vh; margin-top: 1.5vh;">
<span style="color:yellow">[[NAME]]</span> has been added to your <a class="youCanClickThis2" style="color:lime" href="../search/levels?type=saved">saved levels</a> list.
@ -47,7 +47,7 @@
</div>
<div class="popup" id="deleteDiv">
<div class="fancybox center supercenter" style="width: 60vh; height: 28%">
<div class="fancybox bounce center supercenter" style="width: 60vh; height: 28%">
<h2 class="smaller center" style="font-size: 5.5vh">Delete Level</h2>
<p class="bigger center" style="line-height: 5vh; margin-top: 1.5vh;">
Are you sure you want to <span style="color:#C67A7E">delete</span> this level from your <a class="youCanClickThis2"style="color:lime" href="../search/levels?type=saved">saved levels </a>list?

View file

@ -14,7 +14,7 @@
<div id="everything">
<div class="popup" id="settingsDiv">
<div class="fancybox center supercenter">
<div class="fancybox bounce center supercenter">
<h2 class="smaller center" style="font-size: 5.5vh">User Info</h2>
<p class="bigger center" id="userInfo" style="line-height: 5vh; margin-top: 1.5vh;">
Friend Requests: [[REQS]]<br>

View file

@ -14,7 +14,7 @@
<div id="everything" style="overflow: auto;">
<div class="popup" id="pageDiv">
<div class="brownbox center supercenter" style="width: 60vh; height: 34%">
<div class="brownbox bounce center supercenter" style="width: 60vh; height: 34%">
<h2 class="smaller center" style="font-size: 5.5vh; margin-top: 1%">Jump to Page</h2>
<input type="number" id="pageSelect" placeholder="1"><br>
<img src="../assets/ok.png" height=20%; id="pageJump" class="gdButton center closeWindow">
@ -31,7 +31,7 @@
</div>
<div class="popup" id="purgeDiv">
<div class="fancybox center supercenter" style="width: 35%; height: 28%">
<div class="fancybox bounce center supercenter" style="width: 35%; height: 28%">
<h2 class="smaller center" style="font-size: 5.5vh">Delete All</h2>
<p class="bigger center" style="line-height: 5vh; margin-top: 1.5vh;">
Delete all saved online levels?<br><font color="yellow">Levels will be cleared from your cookies.</font>

View file

@ -8,6 +8,14 @@
"github": ["https://github.com/GDColon", "github"]
},
{
"header": "Additional Help",
"name": "101arrowz",
"ign": "genius991",
"youtube": ["https://www.youtube.com/channel/UCuloR4qLkF3QGw8WUHjcNuQ", "youtube"],
"twitter": ["https://twitter.com/arjunbarrett", "twitter"],
"github": ["https://github.com/101arrowz", "github"]
},
{
"header": "Level Analyzing Help",
@ -56,6 +64,7 @@
"twitter": ["https://twitter.com/stadust1971", "twitter"],
"github": ["https://pointercrate.com", "demonButton"]
},
{
"header": "Everything Else",
"name": "RobTop",
@ -66,7 +75,6 @@
],
"contributors": [
["101arrowz", "genius991"],
["Qufyy", "qufy"]
]
}