idk
hi by dumdum
Details
Authordumdum
LicenseNo License
Categoryjustdancenow.com
Created
Updated
Size185 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
idk
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Just Dance Now 2018 Style - w/Ticpo (Pre-Release)
@version 20230806.19.08
@namespace userstyles.world/user/alxs
@description Convert your JDN on the beautiful JD2018 menu!
credits to: ticpo
v0.0.2
@author alxs
@license No License
==/UserStyle== */
@-moz-document domain("justdancenow.com") {
/*-- Removed Elements --*/
.connect-phone-info, #section-tabs, .sprite, .song-grid--duration, .song-grid--description, .video-preview__video, .song__difficulty--level, .item .song__difficulty, .song__decoration:after,.song__reward, .controller-coins, .player-flag, .player-master, .state-songselection .player-color, .player-exp, .player-logo, .state-tutorial .video-preview:before, .state-dance .avatar,.danceroom__qr-code-wrapper, .danceroom__label,.room-info__patch, .state-coachselection .highscore-display, .coach-selection__bgImg, .particle-system, .platform, .dancerOfWeek--title, .dancerOfWeek, .state-coachselection .dancerOfWeek-container, .account .state-tutorial .dancerOfWeek-container, .account, .state-coachselection #preview:after,.state-tutorial #preview:after, .level1::after,.level1::before,.animator_parent::before,.animator_parent2 span.star-burst,.animator_flare::before,.animator_flare::after,.animator_parent2::before,.animator_parent2 span.level2,.dancerOfWeek-container:before
{display: none !important;opacity: 0 !important}
/*-- General Modifications --*/
#settings
{
right: 6%;
top: 0;
opacity: 0;
}
#room-info
{
background: #fff;
left: 92.5%;
width: 8%;
border-radius: 0px;
height:7% !important;
min-height: 0% !important;
top: -0.5%;
opacity: 1;
transform: scale(0.9) !important;
clip-path: polygon(-0.5% 0, 100% 0%, 100% 100%, 9% 100%);
}
.danceroom__number
{
position: relative;
text-shadow: none;
top: -20%;
color: #6b00b3;
font-size: 30%;
text-align: end !important;
}
.state-tutorial #players
{
opacity: 0 !important
}
/*-- Animations --*/
@keyframes BackBkgBright
{
0%
{
filter: brightness(150%)
}
100%
{
filter: brightness(100%)
}
}
@keyframes AlbBeat
{
0%
{
transform: scale(1);
filter: brightness(100%)
}
100%
{
transform: scale(1)
}
}
@keyframes AlbBeat2
{
0%
{
transform: scale(0.98);
filter: brightness(143%)
}
100%
{
transform: scale(1);
}
}
@keyframes ZoomInOut
{
0%
{
transform: scale(1)
}
50%
{
transform: scale(1.2)
}
100%
{
transform: scale(1)
}
}
@keyframes Shine
{
0%
{
background-position-x: -8em, 0%;
}
100%
{
background-position-x: 8em, 0%
}
}
@keyframes MainBKGZoom
{
0%
{
background-size: 105% 105%
}
100%
{
background-size: 100% 100%
}
}
@keyframes Swipe
{
-0%
{
opacity: 0;
left: -100%;
}
50%
{
opacity: 0.6
}
100%
{
opacity: 0;
left: 100%
}
}
@keyframes entercoach6
{
0%
{
opacity: 0
}
90%
{
opacity: 0;
}
100%
{
opacity: 1
}
}
@keyframes entercoach5
{
0%
{
left: 80%;
}
}
@keyframes tutenter
{
0%
{
transform: scale(1.2);
background-position: 0% 0 , center
}
100%
{
background-position: 0% 0 , center
}
}
@keyframes FlashBKG
{
0%
{
filter: brightness(100%)
}
100%
{
filter: brightness(100%)
}
}
@keyframes MovingTilt
{
0%
{
background-position-x: -10000em, -90000em;
}
100%
{
background-position-x: 1000000em, 1000000em;
}
}
/*-- Song Selection --*/
.state-songselection .song-details
{
z-index: 99999 !important;
position: absolute !important;
top: 40% !important;
left: 0% !important;
border-radius: 0 !important;
height: 9.5%;
background: none !important;
width: 40% !important;
text-align: right;
overflow: visible !important
}
.state-songselection .song-details:before
{
content: "";
position: absolute !important;
width: .5%;
height: 100%;
background: white;
transform: rotate(-11.5deg);
top: 10%;
left: 98%
}
.state-songselection .song-detail__title
{
font-family: Just Dance !important;
font-size: 39% !important;
height: 0% !important;
color: white !important;
letter-spacing: 0.002em !important;
padding-right: 0.2em;
margin-top: -0.1em !important;
top: 10% !important;
opacity: 1 !important;
z-index: 99999 !important
}
.state-songselection .song-detail__artist
{
font-family: Just Dance Regular !important;
font-size: 21% !important;
height: 150em !important;
color: white !important;
letter-spacing: 0.005em !important;
padding-right: 0.4em;
position: absolute;
top: 68%;
left: -1%;
overflow: visible !important
}
.state-songselection .song-detail.song__infos
{
padding: 0% !important;
margin-right: 0% !important;
z-index: 9999999999999999999999999 !important;
width: 100% !important
}
.state-songselection .song-detail__text
{
transform: translate(0%) !important
}
.coverflow--container, #coverflow
{
padding: 0 !important;
margin: 0 !important;
top: 0%;
left: 0%;
background: none !important;
box-shadow: none !important;
width: 100% !important;
border-radius: 0 !important;
}
#preview
{
padding: 0 !important;
left: 0%;
width: 100% !important
}
.song-preview
{
top: 0%;
left: 0%;
width: 100% !important;
height: 100%;
border-radius: 0 !important
}
.left-pane
{
width: 100% !important;
height: 100% !important;
left: 0% !important;
top: 0% !important;
padding: 0 !important;
margin: 0 !important
}
.video-preview
{
border-radius: 0 !important;
width: 100%
}
.song-cover
{
border-radius: 0 !important;
border: none !important;
width: 100% !important;
}
.state-songselection .song-cover--low-res
{
background-position: center -1.38em !important;
background-size: 100% 100% !important;
transition: none;
}
.video-preview
{
width: 100%;
height: 100%;
position: absolute;
top: 0%;
border-radius: 0;
opacity: 1 !important;
display: block !important;
visibility: visible !important
}
.video-preview:before
{
content: "";
width: 100% !important;
height: 100% !important;
background: #3c3c3c;
position: absolute;
top: 0%;
left: 0%;
z-index: 999999999 !important;
overflow: hidden !important;
transition: background .2s;
-webkit-mask-image: url(https://cdn.glitch.global/01df014e-e054-4210-8321-ca6260860c19/down%20bar.png?v=1678836882284);
-webkit-mask-size: contain
}
.video-preview:after
{
content: "";
width: 101% !important;
height: 64% !important;
background-image: url(https://imgur.com/mAQYOgi.png);
position: absolute;
top: -1%;
left: -1%;
z-index: 999999999 !important;
border: solid;
overflow: hidden !important;
transition: none;
mix-blend-mode: overlay;
opacity: 0;
-webkit-mask: url(https://imgur.com/mAQYOgi.png) center 0/100% no-repeat;
background-position: center 0;
background-size: 100% !important;
background-repeat: no-repeat !important;
transform: scale(1.2)
}
.video-preview--visible:after
{
animation: Swipe 1s
}
.state-songselection .song-cover--hi-res
{background: none;
z-index: 99999 !important}
.song-cover--low-res:before
{
content: "";
top: 0%;
left: 0%;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
mix-blend-mode: color !important;
opacity: 1;
transition: none;
}
.state-songselection .pre-beat.even[oddiseven="true"] .song-cover--low-res:before
{
animation: BackBkgBright 0.3s
}
.song-cover--hi-res:before
{
content: "";
position: absolute;
top: 9%;
left: 43%;
width: 57%;
height: 48%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 999;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 9% 100%);
mix-blend-mode: color !important;
transition: none;
}
.song__difficulty
{
content: "";
top:0%;
left: 0%;
width: 100% !important;
height: 100% !important;
position: absolute !important;
visibility: visible !important;
background: none !important;
z-index: 999999 !important
}
.song-cover--low-res:after
{
content: "";
position: absolute;
top: 2%;
left: 53%;
width: 4em;
height: 3.5em;
background-size: contain !important;
background-repeat: no-repeat;
background-position: center;
z-index: 9999999;
-webkit-mask-image: linear-gradient(black 91%,transparent 98%);
background-color: #0000 !important;
transition: none;;
}
.song-cover--hi-res:after
{
content: "";
position: absolute;
top: 9%;
left: 43%;
width: 57%;
height: 48%;
z-index: 99;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 9% 100%);
mix-blend-mode: color !important;
opacity: 1;
background-size: 100% 100%;
background-position: center;
transition: none;
}
.state-songselection .pre-beat.even[oddiseven="true"] .song-cover--hi-res:after
{
animation: MainBKGZoom 0.3s ea...