Skip to content

Just Dance Now Reimagined by alxs

Screenshot of Just Dance Now Reimagined

Details

Authoralxs

LicenseNo License

Categoryjustdancenow just dance now

Created

Updated

Size304 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just Dance Now Reimagined!

features:
New feedback
new menu
new icons
etc,

I hope you like this one!

v4(FINAL UPDATE!)
-feedback changed (again uwu)
-song-cover assets changed

  • NEW JUST DANCE 2022 ASSETS

Credits to ticpo! :D

thanks for made me community creator <D

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

features:
New feedback
new menu
new icons
etc,

I hope you like this one!

Credits to ticpo! :D

´thanks for made me community creator <D´


@author       alxs
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
/*-----menu-----*/
.landing-button__play::before
{
    background: linear-gradient(20deg, #ff8837 0%, #ffde9d 100%) !important;
    width: 21%;
    border-radius: 20px;
    content: "A";
    font-family: Just Dance !important;
    color: #fff;
    font-size: 225%;
    top: 15%;
    left: -150%;
    height: 21%
}

.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;
}

.item-container, .song--details
    {
        scroll-snap-type: y mandatory !important;
				scroll-padding: 0%;
					left:-1%
    }
    .item-selected
    {
        scroll-snap-align: start !important;
    }

.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: "press --- to play";
    font-family: helveticaneue-medium !important;
    color: #000;
    font-size: 200%;
    top: 10% !important;
    left: -180%;
    transform: translatey(30%) translatex(-7%) !important;
    position: absolute !important;
    z-index: 1 !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/AvkLTur.png);
    background-size: 100%;
    top: -10%;
    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://vignette.wikia.nocookie.net/justdance/images/a/af/Levitating_cover_albumcoach.png/revision/latest?cb=20211021130109) !important;
    background: #2be3a2;
    transform: scale(1.2) translatey(-5%)  translatex(-100%);
    height: 50% !important;
    width:  50% !important;
    border-radius: 10px;
    background-size: 1 !important;
    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 0.1rem;
    letter-spacing: -0.5px;
}

.trainer-grid {
    width: 100%;
    height: 26%;
    margin: -45% 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: JD Regular
}

.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;
}

.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: 89%;
    margin-top: 24%;
    padding-bottom: 0px;
    overflow: auto;
    scroll-behavior: smooth;
    position: relative;
    left: 0%;
    right: -17px;
    animation: songlistmove 1s
}

@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: "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: 5%;
}

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

.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: #fff0
}
.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:"continue";
    color: black;
    background: linear-gradient(315deg, #fff 0%, #fff 100%) !important;
    font-family: JD Regular !important;
    transform: scale(1.1) translatey(10%);
    text-transform: uppercase;
    font-size: 95%;
    width: 4%;
    height: 80%;
    border-radius: 50px;
    z-index: 1 !important;
    display: block
}

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

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

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

Reviews

No reviews yet.