Added Qufy's popup animation!
This commit is contained in:
parent
81de32cc31
commit
a4ac72cce2
7 changed files with 43 additions and 11 deletions
|
@ -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
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -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()">
|
||||
|
|
|
@ -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?
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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"]
|
||||
]
|
||||
}
|
Loading…
Reference in a new issue