Skip to content

Just Dance Now Lite by justkrisz

Screenshot of Just Dance Now Lite

Details

Authorjustkrisz

LicenseNo License

Categoryhttps://justdancenow.com/

Created

Updated

Size241 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

JDN Lite

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 2022 New Menu based on just dance 2021 style by ticpo
@version      20211028.17.22
@namespace    userstyles.world/user/justkrisz
@description  New jdn2022 menu!!
@author       justkrisz
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
#afterdance
{
    z-index: 999999999999999999999999 !important
}

#balloons
{
    width:50%;height:0.95rem;position:relative;z-index:10;top:0;left:25%
}

.balloon
{
    -webkit-transform:translateY(-140%);
    -ms-transform:translateY(-140%);
    transform:translateY(-140%);
}

.banner-txt
{
    font-family: JD Regular !important
}

#afterdance .score .stars .star
{
    transform: rotate(13deg)
}

@keyframes newStar
{
    0%
    {
        transform: rotate(180deg) scale(1)
    }
    
    90%
    {
        transform: rotate(13deg) scale(1.2)
    }
    
    100%
    {
        transform: rotate(13deg) scale(1.0)
    }
}




#afterdance .players.player-solo .color
{
    width: 19.5% !important;
    transform: translatex(85%) translatey(-30%);
    height: 467%;
    font-size: 0%;
    border: solid #000 3px;
    border-bottom: solid #000 0.64rem;
}

#afterdance .players.player-solo .avatar-wrapper
{
    left: -15%;
    transform: scale(0.8)
}

#afterdance .flag
{
    display: none
}

#afterdance .players.player-solo::before 
{
    content: "";
    position: absolute;
    display: block;
    top: 6%;
    height: 66%;
    left: 40%;
    width: 57.5%;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    background: #000;
    border-radius: 0.05rem
}

#afterdance .img--afterDance.solo:before
{
    display: none !important
}

#afterdance .img--afterDance::before 
{
    content: "";
    position: absolute;
    display: block;
    top: -45%;
    height: 5.65em;
    left: -2%;
    width: 10.1em;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    background: #000;
    border-radius: 0.05rem;
    z-index: -99999999999 !important
}

#afterdance .players.player-solo
{
    width: 150%;
    top: -12%
}

#afterdance .players.player-solo .blue .color
{background-image:linear-gradient( 90deg, #d0f 0%, #00ffe5 100%) !important}
#afterdance .players.player-solo .red .color
{background-image:linear-gradient( 90deg, #000 0%, #03bbfe 100%) !important}
#afterdance .players.player-solo .green .color
{background-image:linear-gradient( 90deg, #03bbfe 0%, #03bbfe 100%) !important}
#afterdance .players.player-solo .purple .color
{background-image:linear-gradient( 90deg, #03bbfe 0%, #03bbfe 100%) !important}
#afterdance .players.player-solo .aqua .color
{background-image:linear-gradient( 90deg, #03bbfe 0%, #03bbfe 100%) !important}
#afterdance .players.player-solo .pink .color
{background-image:linear-gradient( 90deg, #03bbfe 0%, #03bbfe 100%) !important}

#afterdance .results.solo::after
{
    content: "";
    position: fixed;
    display: block;
    top: 6.5%;
    height: 0.2%;
    left: 67%;
    width: 73%;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    z-index: 9999999999999999999999 !important;
    border-radius: 50px;
    animation: ContentAfte 3s;
    background: #89888a33 !important
}

@keyframes ContentAfter
{
    0%
    {
        width: 0%
    }
    
    100%
    {
        width: 70%
    }
}


#afterdance .results.solo
{
    height: 190%;
    transform: scale(1.2) translatex(-36.2%)
}

#afterdance .players.player-solo .player
{
    top: 31%
}

#afterdance .players.player-solo .player-content
{
    transform: translatey(128%) translatex(-72.5%) !important;
    width: 29.4%;
    text-align: center;
    background: #ee616100 !important;
    height: 138%;
    border-bottom: none;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

#afterdance .players.player-solo .name
{
    padding-left:0.0rem !important;
    margin-right: 0% !important;
    width: 100%;
    transform: translatey(3%) translatex(9%) !important;
    color: #4b494b
}

#afterdance .players.player-solo .name::before
{display: none}


#afterdance .players.player-solo .player-content::before
{
    content: "Aspiring Dancer" !important;
    font-family: JD Regular;
    color: #89888a !important;
    position: fixed !important;
    font-size: 15% !important;
    transform: translatex(-43%) translatey(230%) !important;
    z-index: 999999999999999999999999999999 !important;
    width: 110%
}

#afterdance .players.player-solo .avatarFlag
{
    transform: scale(1.7) translatex(21%) translatey(-15%) !important
}

#afterdance .players.player-solo .score-text
{
    left: 260%;
    font-size: 100%;
    top: -610%;
    animation: ScoreSli 3s !important;
}

.score.superstar::after, .score.megastar::after
{
    top: -650% !important;
    left: 135% !important;
    transform: scale(1.5)
}

@keyframes ScoreSlide
{
    0%
    {
        left: -10%
    }
    
    100%
    {
        left: 70%
    }
}

#afterdance .players.player-solo .stars
{
    left: 110%;
    top: -600%;
    transform: scale(1.4);
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999999999999999999999 !important;
}

.highScore
{
    color: #f4f4f4 !important
}

#afterdance .players .star
{
    transform: rotate(0deg);
}

@keyframes newStar2
{
    0%
    {
        transform: rotate(180deg) scale(1)
    }
    
    90%
    {
        transform: rotate(0deg) scale(1.2)
    }
    
    100%
    {
        transform: rotate(0deg) scale(1.0)
    }
}

.dr-landing__wrapper
{
    height: 250% !important;
    background: #fff;
    border: solid #3165f4 3px;
    transform: scale(1.5) translatey(50%) translatex(30%);
    border-radius: 10px
}

.dr-landing__room-number.room-number
{
    color: #3165f4 !important;
    top: 40%;
    left: -50%;
}

.dr-landing__label
{
    transform: translatex(-0%) scale(2.3) translatey(70%);
    font-family: Just Dance !important;
    color: white !important
}

.dr-landing__wrapper::before
{
    content:"";
    background: #fff;
    height: 15%;
    width: 150% !important;
    transform: translatey(40%) translatex(57%) scale(2.3);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.landing-button__play::before
{
    background: linear-gradient(20deg, #000 0%, #000 100%) !important;
    width: 350%;
    border-radius: 20px;
    content: "Just Dance";
    font-family: Just Dance !important;
    color: white;
    font-size: 450%;
    top: 50%;
    left: -120%;
    box-shadow: 0px 0px 12px -0.8px #000;;
    height: 95%
    
}

.landing-button__play::after
{
    background: #fff0;
    width: 200%;
    border-radius: 20px;
    content: "Enjoy a weekly updated catalog of songs to dance with friends and family!";
    font-family: JD Regular !important;
    color: #fff;
    font-size: 150%;
    top: 80% !important;
    left: -10%;
    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 #000;
    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--splash::before
{
    content:'';
    height:100%;
    width:100vw;
    position:absolute;
    top:0vh;
    left:-1vw;
    background-image:url(https://cdn.shopify.com/s/files/1/0024/9803/5810/t/18/assets/pf-df7cf3be--JD2022Logo.jpg?v=1623536651);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center !important;
    transform: scale(0.3);
    -webkit-mask-image: linear-gradient(180deg, rgb(5, 5, 5) 96%, #f000 100%) !important;
}

.init-spinner__spinner
{
    display: none !important
}

.landing-text
{
    background-image: url(https://i.ytimg.com/vi/bt64lscdSDE/maxresdefault.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) 90%, #f000 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: #000
}

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

.grid-img
{
    background-image: url(https://pbs.twimg.com/profile_images/1427332094284505090/-4JZf3MS_400x400.jpg) !important;
    transform: scale(1.5) translatey(-20%);
    height: 36% !important;
    border-radius: 10px;
    background-size: cover !important;
    background-position: 120% !important
}

#section-playlist .section-grid-trainer
{
    top: 30%;
    left: 46%;
    animation: SlideInTrainer2 0.3s !important
}

#section-songlist .section-grid-trainer
{
    top: 30%;
    left: 50%;
    animation: SlideInTrainer1 0.3s !important
}

@keyframes SlideInTrainer1
{
    0%
    {
        left: 60%;
        opacity: 0
    }
    
    80%
    {
        opacity: 1
    }
    
    100%
    {
        left: 50%;
        opacity: 1
    }
}

@keyframes SlideInTrainer2
{
    0%
    {
        left: 56%;
        opacity: 0
    }
    
    80%
    {
        opacity: 1
    }
    
    100%
    {
        left: 46%;
        opacity: 1
    }
}

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

.grid-img--songlist
{
    background-image: url(https://m.media-amazon.com/images/S/aplus-media-library-service-media/bda4ebc0-9959-4e04-bb36-9daf78363cd2.__CR0,0,970,300_PT0_SX970_V1___.jpg) !important;
    height: 36% !important;
    border-radius: 10px;
    width: 54...

Reviews

No reviews yet.