Convert your JDN on the beautiful JD2018 menu!
credits to: ticpo
v0.0.2
Just Dance Now 2018 Style - w/Ticpo (Pre-Release) by alxs
Details
Authoralxs
LicenseNo License
Categoryjustdancenow just dance now
Created
Updated
Size155 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.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 ease-out
}
.score__owner:before
{
content: "Hi-Score";
font-family: Just Dance Regular;
font-size: 55%;
opacity: 0.5;
position: absolute !important;
top: -30%;
left: 2%
}
.score__display
{
background-color: transparent !important;
border-radius: 0 !important;
}
.highscore-display
{
top: 18%;
left: 16%;
width: 10%;
height: 15%;
opacity: 1;
transition: none !important;
z-index: 99999999 !important;
background-color: ...