Skip to content

Just Dance Now 2022 Refurbished by alxs

Screenshot of Just Dance Now 2022 Refurbished

Details

Authoralxs

LicenseNo License

Categoryjustdancenow just dance now

Created

Updated

Size254 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just Dance Now 2022 Refurbished it´s an updated version of jdn 2022!

credits to:
ticpo (jdn 2021 style base)
just kris(some assets)

i hope you like this style!

v6
-changed colors
-fixed goldmove bugs

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 2022 Refurbished
@version      20220117.02.13
@namespace    userstyles.world/user/alxs
@description  Just Dance Now 2022 Refurbished it´s an updated version of jdn 2022!

credits to:
ticpo (jdn 2021 style base)
just kris(some assets)

i hope you like this style!


- beta v2
  some assets will changed.
@author       alxs
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
.landing-button__play::before
{
    background: linear-gradient(20deg, #c596e6 0%, #7523d3 100%) !important;
    width: 300%;
    border-radius: 20px;
    content: "Lets Play!";
    font-family: Just Dance !important;
    color: white;
    font-size: 450%;
    top: 60%;
    left: -65%;
    height: 50%
    
}

.toggles{
    background: linear-gradient(20deg, #ab34ff 0%, #7523d3 100%) !important;
}

.landing-button__play::after
{
    background: #fff0;
    width: 200%;
    border-radius: 20px;
    content: "";
    font-family: JD Regular !important;
    color: white;
    font-size: 200%;
    top: 90% !important;
    left: -20%;
    transform: translatey(30%) translatex(-7%) !important;
    position: absolute !important;
    z-index: 9999999999999999999999 !important;
    text-align: left
}

.landing-button__play
{
    top: 250%;
    position: absolute;
    transition: all 0.1s;
    opacity: 1;
    left: 20%
}

.landing-button__play:hover
{
    transform: scale(1.1)
}

.video-display__poster, .article__image.polaroid__img, iframe
{
    padding: 1%;
    border: 4.5px solid #8647e3;
    border-radius: 18px;
    box-shadow: none !important
}
.article__title
{
    font-family: Just Dance
}

.step-list__item-label.main-color-1, p
{
    font-family: JD Regular !important;
    color: #4b494b !important
}


.init-spinner__spinner
{
    display: none !important
}

.landing-text
{
    background-image: url(https://i.imgur.com/omtkLQu.png);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 90%, #0000 100%) !important;;
}
@keyframes LandingBeat
{
    0%
    {
        transform: scale(0.7)
    }
    
    1%
    {
        transform: scale(0.68)
    }
    
    20%
    {
        transform: scale(0.7)
    }
    
    100%
    {
        transform: scale(0.7)
    }
}


.main
{
    background: #fff
}

.article.article--small-size.how-it-works__content-header
{
    background: none
}

.grid-img
{
    background-image: url(https://assets.nintendo.com/image/upload/c_pad,f_auto,h_490,q_auto,w_360/E3/2021/Games/J_g3Ujsz9lk6ga/just-dance-2022-switch/description-image?v=2021120710) !important;
    transform: scale(1.3) translatey(-5%);
    height: 50% !important;
    border-radius: 10px;
    background-size: cover !important;
    background-position: 12% !important
}

#goldmove .layer.layer-1, #goldmove .layer.layer-2, #goldmove .layer.layer-3 {
    background-image: url(https://dl.dropbox.com/s/ltukihxv8cuof79/goldMove1Square.png?dl=0); 
}


@keyframes LandingBeat
{
    0%
    {
        transform: scale(0.7)
    }
    
    0%
    {
        transform: scale(0.68)
    }
    
    0%
    {
        transform: scale(0.7)
    }
    
    0%
    {
        transform: scale(0.7)
    }
}
#section-playlist .section-grid-trainer
{
    top: 25%;
    left: 55%;
    animation: SlideInTrainer2 0.3s !important
}
#section-songlist .section-grid-trainer {
    top: 0%;
    left: 31%;
    animation: SlideInTrainer1 0.3s !important;
    opacity: 1;
}

.section-grid-trainer {
    height: 100%;
    width: 40%;
    padding: 0.1rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1 !important;
}

@keyframes SlideInTrainer1
{
    0%
    {
        left: 55%;
        opacity: 0
    }
    
    80%
    {
        opacity: 0.5
    }
    
    100%
    {
        left: 31%;
        opacity: 1
    }
}

@keyframes SlideInTrainer2
{
    0%
    {
        left: 90%;
        opacity: 0
    }
    
    80%
    {
        opacity: 0.5
    }
    
    100%
    {
        left: 55%;
        opacity: 1
    }
}

.trainer-txt
{
    font-family: JD Regular
}

.grid-img--songlist
{
    background-image: url(https://i.imgur.com/hORuFhI.png) !important;
    height: 36% !important;
    border-radius: 10px;
    width: 100% !important;
    transform: scale(0.8) translatey(10%);
    top: -10% !important;
    background-size: cover !important
}

.grid-container .item-container {
    width: 100%;
    height: 100%;
    bottom:50%;
    
}

    .playlist--banner__selected {
    transform: translatey(50%) translatex(-13%);
    -webkit-box-reflect: below 5px linear-gradient(transparent 80%, #ffffff61 100%);
}

    .song--details {
    width: 105%;
    height: 90%;
    margin-top: 22.3%;
    padding-bottom: 0px;
    overflow: auto;
    scroll-behavior: smooth;
    position: relative;
    left: 0%;
    right: -17px;
    
}

#section-tabs {
    height: 1%;
    width: 0.7rem;
    float: left;
    border-radius: 0 14px 0 0;
    font-family: "OpenSans Regular";
    position: relative;
    z-index: 2;
}

    .playlist-img-container .playlist--banner__selected {
    width: 4rem;
    height: 2.2rem;
    margin: -20% 0.26rem 0 auto;
}
    .song-grid--details .song-grid--titleDetails .song-grid--description {
    color: #000;
    font-size: 0.132rem;
    line-height: 0.15rem;
    height: 54rem;
    overflow: hidden;
    padding: 0.03rem 0 0.05rem 0.02rem;
    white-space: normal;
    letter-spacing: -0.5px;
}

.playlist-grid .playlist-grid-container {
    height: 10%;
    width: 60%;
}

    .playlist-img-container {
    display: block;
    height: 0%;
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 25%;
}

.song-grid--details .song-grid--titleDetails {
    width: 90%;
    height: 100%;
    color: #8e8d8d;
    border-bottom: 0px solid #000;
    font-family: "OpenSans Regular";
    letter-spacing: -1px;
}

.main-header
{
    background: none
}

.landing-button__txt
{
    color: #7341ed00
}
.tabs--text, .state-songselection .song-cover--low-res, #players::before,  .controller-coins, .player-master, .state-songselection .player-color, .connect-phone-info.connect-phone-info--clickable.connect-phone-info--visible, .danceroom__qr-code-wrapper, .danceroom__label, .room-info__patch, #players.finding-dancers, #players.removing-dancers, .sprite, .coach::before, .state-coachselection .song-grid, .state-coachselection .song-details, .state-coachselection .video-preview, .state-coachselection .song-action, .tutorial::before, .tutorial::after, .state-coachselection .highscore-display, .owner-name, .state-dance .avatar-wrapper, .state-dance .player-exp, .state-dance .player-flag, .platform, .caption.artist,  .song__decoration::after, .song-action__button::before, .song-action__button::after, .landing-circle, .landing__video, .landing-arrow.scroll_down, .landing-text__title, .landing-text__subtitle, .video-display::before, .logo, .songlist-container .song-grid--description, .song-grid--close, .song-grid--duration, .playlist--description, .playlist-action__button, .line::after, .article::before, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .landing-patch, .dr-landing__icon-wrapper, .main-header, .coach-selection__button::after, .coach-selection__button::before, .modal__link.openIframe, .item .song__difficulty, .state-songselection .feedback, .account, .side-nav
{
    display: none !important;
}



.exit-btn::before
{
    content:"";
    background: linear-gradient(315deg, #7b30e3 0%, #ab34ff 100%) !important;
    font-family: JD Regular !important;
    transform: scale(1.1) translatey(10%);
    text-transform: uppercase;
    font-size: 95%;
    width: 100%;
    height: 80%;
    border-radius: 50px;
    z-index: 1 !important;
    display: block
}

.exit-btn.exit-btn--continue #text
{
    transform: translatey(0%) !important
}
.exit-btn.exit-btn--continue #text
{
    transform: translatey(0%) !important
}

.exit-btn.exit-btn--continue.exit-btn--animate
{
    z-index: 999999999999999999999999999999 !important;
    top: 91%
}

.modal__container::after
{
    background-image:linear-gradient( 90deg, #7341ed 0%, #e35bff 100%) !important;
    height: 13%;
    top: 5%;
    left: 8%;
    width: 85%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.modal__wrapper {
    height: 100%;
    -webkit-transform: translate(-0%, 0);
    -ms-transform: translate(-0%, 0);
    transform: translate(-0%, 0) scale(0.95);
    opacity: 0;
    transition: all 0.1s;
}
.modal--active .modal__wrapper {
    transition: all 0.1s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0) scale(1.0);
    opacity: 1
}

.modal.modal--active::before
{
    background: white;
    transform: scale(1.2);
}

.modal
{
    transform: scale(0.9)
}

.modal__container::before
{
    left: 8%;
    width: 85%;
    background: #fff;
    height: 90%;
    top: 5%;
    border-radius: 20px;
    border: solid #7a39d5 5px !important
}
.concept__line.concept__line--shift-left.concept__title, .modal__close
{
    color: white;
    z-index: 999999999999999 !important
}

.modal__close
{
    top: 8%
}

.modal__container.modal__container--active
{
    color: #4b494b;
    z-index: 999999999999999 !important
}

.concept__line.concept__line--shift-left.concept__title
{
    font-family: Just Dance;
    left: -10%;
    top: -0.1rem !important
}

.concept, .steps__connect
{
    font-family: JD Regular !important
}

.steps__number
{
    color: #8647e3;
    border: solid #8647e3 0.035rem
}

#toast
{
    transf...

Reviews

No reviews yet.