Skip to content

Just Dance Now 2022 Remake by alxs

Screenshot of Just Dance Now 2022 Remake

Details

Authoralxs

LicenseNo License

Categoryjustdancenow just dance now

Created

Updated

Size282 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just Dance Now 2022 Remake!

a remake of one of my first styles!

v0.6
-TO MUCH ISSUES WITH THIS WAAA

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 Remake
@version      20220206.23.13
@namespace    userstyles.world/user/alxs
@description  Just Dance Now 2022 Remake!

a remake of one of my first styles!

v0.6
-TO MUCH ISSUES WITH THIS WAAA
@author       alxs
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
/*-----menu-----*/
.landing-button__play::before
{
    background: #46639f00;
    width: 15000%;
    border-radius: 15px;
    content: "";
    font-family: Just Dance !important;
    color: #fff;
    font-size: 225%;
    top: -220%;
    left: -890%;
    height: 15000%;
	z-index: 1 !important
}

.toggle-settings--icon {
    width: 0.32rem;
    height: 0.26rem;
    background-image: url(https://i.imgur.com/W0AaH5P.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.toggle-fullscreen .icon {
    width: 0.16rem;
    height: 0.16rem;
    background-image: url(https://i.imgur.com/bgA8pwV.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#admin-menu .player {
    height: 0.28rem;
    width: 100%;
    border: 2px solid #F3F3F3;
    border-radius: 6px;
    color: #C2C2C2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.15rem;
    font-size: 105%;
    margin-bottom: 0.1rem;
    position: relative;
}

.landing-button__play::after
{
    background: #0000;
    width: 200%;
    border-radius: 20px;
    content: "";
    font-family: Just Dance Regular !important;
    color: #fff;
    font-size: 900%;
    top: -120% !important;
    left: 365%;
    transform: translatey(30%) translatex(-7%) !important;
    position: absolute !important;
    z-index: 9 !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 #46639f;
    border-radius: 18px;
    box-shadow: none !important
}
.article__title
{
    font-family: Just Dance
}

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


.init-spinner__spinner
{
    display: none !important
}

.landing-text
{
    background-image: url(https://i.imgur.com/pjuNDYu.png);
    background-size: 100%;
    top: -15%;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 90%, #0000 100%) !important;;
}

.landing-text
{
	animation: startbeat 1s infinite
}

@keyframes startbeat
{
	
	1%
	{
		filter: brightness(130%)
	}
}

@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://vignette.wikia.nocookie.net/justdance/images/6/61/Ubicom-jd2022-hero-art-desktop-logo-1920_clipped_rev_1.png/revision/latest?cb=20210613002614) !important;
    transform: scale(1.2) translatey(-30%)  translatex(-150%);
    height:50% !important;
    width:  50% !important;
    border-radius: 10px;
    background-position: -20% !important
}

.trainer-txt {
    float: left;
    width: 2.45rem;
    line-height: 0.215rem;
    color: #000;
    font-size: 0.16rem;
    white-space: normal;
    padding: 0 0 0.6rem 0rem;
    letter-spacing: -0.5px;
}

.trainer-grid {
    width: 100%;
    height: 26%;
    margin: -75% 0 0;
}

.trainer-icon {
    width: 0.8rem;
    height: 0.6rem;
    float: left;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: bounceTrainingArrow 0.8s;
    animation: bounceTrainingArrow 0.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#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: Just Dance
}

.grid-img--songlist
{
    background-image:none;
    background: #ffb63700;
    height:1900% !important;
    border-radius: 25px;
    width: 100% !important;
    transform: scale(0.5) translatey(-37%);
    top: -50% !important;
}

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

@keyframes songlistmove
{
    0%
    {
        margin-top: 0%;
        opacity:0;
    }

    100%
    {
        margin-top: 24%;  
    }
} 

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

    .playlist-img-container .playlist--banner__selected {
    width: 4rem;
    height: 2.2rem;
    margin: -20% 0.26rem 0 auto;
}




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



.main-header
{
    background: none
}

.landing-button__txt
{
    color: #fff0
}
.tabs--text, #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 .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--continue {
    top: 83% !important
}

.exit-btn {
    color: #fff;
}
.modal__container::after
{
    background-image:linear-gradient( 90deg, #ff577f 0%, #ff577f 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: white;
    height: 90%;
    top: 5%;
    border-radius: 20px;
    border: solid #ff577f 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: #ff577f;
    border: solid #ff577f 0.035rem
}

#toast {
    transform: translatey(-340%) translatex(36%) !important;
    opacity: 1;
    height: 20%;
    box-shadow: none;
    box-shadow: 0px 0px 12px -0.8px #fff;
}
.state-coachselection #toast {
    transform: translatey(-335%) translatex(36%) !important;
}
.state-dance #toast {
    transform: translatey(-200%) translatex(36%) !important;
}

@keyframes Jingle {
    0% {
        transform: scale(0.6)
    }
    2% {
        transform: scale(0.55)
    }
    20% {
        transform: sca...

Reviews

No reviews yet.